commit bdedfd711dfa468782562bc353d7b3838a716a79 · katproto.girlonthemoon.xyz/girlonthemoon

+17

site/assets/js/faviconBeforeLinks.js

···

       1
       1
       +
       const iconUrl = "https://favicon.garden/";

     

       2
       2
       +
       

     

       3
       3
       +
       const links = document.querySelectorAll("a[href*='://'");

     

       4
       4
       +
       

     

       5
       5
       +
       function addIcons() {

     

       6
       6
       +
       	links.forEach((link) => {

     

       7
       7
       +
       		const aDomain = link.hostname;

     

       8
       8
       +
       		const iconEl = document.createElement("img");

     

       9
       9
       +
       		iconEl.classList.add("favicon");

     

       10
       10
       +
       		iconEl.setAttribute("onerror", "this.style.display='none';")

     

       11
       11
       +
       		iconEl.setAttribute("aria-hidden", "true");

     

       12
       12
       +
       		iconEl.src = iconUrl + aDomain;

     

       13
       13
       +
       		link.insertAdjacentElement("beforebegin", iconEl);

     

       14
       14
       +
       	});

     

       15
       15
       +
       };

     

       16
       16
       +
       

     

       17
       17
       +
       addIcons();

+11

site/assets/styles/main.css

···

       247
       247
        
       ul.nav-secondary-support::before {

     

       248
       248
        
       	content: "💙";

     

       249
       249
        
       }

     

       250
       250
       +
       

     

       251
       251
       +
       /* link icons */

     

       252
       252
       +
       

     

       253
       253
       +
       .favicon {

     

       254
       254
       +
       	display: inline;

     

       255
       255
       +
       	vertical-align: middle;

     

       256
       256
       +
       	width: 2ch;

     

       257
       257
       +
       	height: 2ch;

     

       258
       258
       +
       	padding-left: 2px;

     

       259
       259
       +
       	padding-right: 4px;

     

       260
       260
       +
       }

+2

site/head.php

···

       13
       13
        
       	<link rel="stylesheet" href="assets/styles/main.css">

     

       14
       14
        
       

     

       15
       15
        
       	<title>girl on the moon</title>

     

       16
       16
       +
       		

     

       17
       17
       +
       	<script src="../assets/js/faviconBeforeLinks.js" defer></script>

     

       16
       18
        
       </head>