Thread:Humphry02/@comment-44975735-20200416090547/@comment-44975735-20200502090005

This is unrelated to the logo randomizer but really cool on it's own.

I took a sceond look at what is the purpose of the content: property and found that it's designed to inject things like images before or after a linear text (this explains the need for the ::before pseudo-element).

Here is an official specification showing all of the options:

https://www.w3schools.com/cssref/pr_gen_content.asp

I also made my own example to check the drop-in possibility. You can just save it as a .html file and open it in a web browser if you want to check it out. Might be useful if we ever wanted to do emojis or whatever but now it's just a cool thing.

The tags contain what would normally be defined in a css file.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   Content property test  .test::before {           content: url(https://vignette.wikia.nocookie.net/frozen/images/3/38/Elsa_on_ship.png); }   some text some more text