search

internetstandards / Internet.nl

Internet standards compliance test suite
https://internet.nl
171 stars 35 forks source link

Options visually mark dev versions #1282

Open bwbroersma opened 6 months ago

bwbroersma commented 6 months ago

Options to visually mark dev versions, e.g. by having some shell script to mark dev versions with a variable color / text, by adding some css (note the logo should only be used if there is the BRANDING flag):

html::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 10px solid green;
  pointer-events: none;
  z-index: 11;
}
html[lang=en] #site-title a {
    background: url("/static/custom.svg"), url("/static/logo_en.svg");
}

Where custom.svg is something like:

<svg width="296" height="65" viewBox="0 0 296 65" xmlns="http://www.w3.org/2000/svg">
  <circle id="a" cx="32" cy="32" r="32" fill="green"/>
  <text x="164" y="30" fill="green" text-anchor="middle" font-size="20">development</text>
</svg>