Improve site visual elements

[renoirb]

After a CSS experiment to review how the background pattern could be improved without use of image, let’s apply the change everywhere.

Problem is that some visual elements doesn’t play well with the new pattern.

At this time, only the default web server page has the new pattern.

To do this, we have to remove the use of the following (and similar code);

html {
  background: #ece5d7;
  background-image: url(//www.webplatform.org/assets/bg-pattern.png);
}

into

html {
  background-color: #F0EBDD;
  background-image: linear-gradient(transparent 50%, rgba(219,215,202,.2) 50%);
  background-size: 3px 3px;
}

Problem

The CSS badly needs some love. Making the change needs to be done everywhere, in the same time, without breaking the consistency.

• Rework nav-bg image.
• Make change
  • blog
  • project until we remove it.
  • homepage

Blog

👎

Homepage

👍

Patches

• Homepage w/ webplatform/www.webplatform.org@1eec7fa