Add favicons for known sites

For popular sites, or sites I’ll be linking to a lot, let’s add their
little favicon inline. Oooh, that’s nice.

Author: csswizardry

demo/index.html

@@ -127,7 +127,9 @@
       text-decoration: underline;
     }
 
-    a[href^="https://github.com"]::after {
+    a[href^="https://csswizardry.com"]::after,
+    a[href^="https://github.com"]::after,
+    a[href^="https://fonts.google.com/"]::after {
       content: "";
       display: inline-block;
       width: 1ch;
@@ -136,9 +138,20 @@
       margin-left: 0.1ch;
       vertical-align: super;
       font-style: normal;
+    }
+
+    a[href^="https://csswizardry.com"]::after {
+      background-image: url(https://csswizardry.com/icon.png);
+    }
+
+    a[href^="https://github.com"]::after {
       background-image: url(https://github.githubassets.com/favicons/favicon.svg);
     }
 
+    a[href^="https://fonts.google.com/"]::after {
+      background-image: url(https://www.gstatic.com/images/icons/material/apps/fonts/1x/catalog/v5/favicon.svg);
+    }
+
     img, video {
       max-width: 100%;
       height: auto;
@@ -548,7 +561,7 @@ <h2 id=showcase>Showcase</h2>
     })();
   </script>
 
-  <p><small><a href=https://github.com/csswizardry/Obs.js/fork>Submit your site.</a></small></p>
+  <p><a href=https://github.com/csswizardry/Obs.js/fork>Submit your site</a></p>