···

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

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

     

       
2
       
+
       


     

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

     

       
4
       
+
       


     

       
5
       
+
       
function addIcons() {

     

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

     

       
7
       
+
       
		const aDomain = link.hostname;

     

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

     

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

     

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

     

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

     

       
12
       
+
       
		iconEl.src = iconUrl + aDomain;

     

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

     

       
14
       
+
       
	});

     

       
15
       
+
       
};

     

       
16
       
+
       


     

       
17
       
+
       
addIcons();

     

···

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

     

       
248
       
 
       
	content: "💙";

     

       
249
       
 
       
}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

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

     

       
248
       
 
       
	content: "💙";

     

       
249
       
 
       
}

     

       
250
       
+
       


     

       
251
       
+
       
/* link icons */

     

       
252
       
+
       


     

       
253
       
+
       
.favicon {

     

       
254
       
+
       
	display: inline;

     

       
255
       
+
       
	vertical-align: middle;

     

       
256
       
+
       
	width: 2ch;

     

       
257
       
+
       
	height: 2ch;

     

       
258
       
+
       
	padding-left: 2px;

     

       
259
       
+
       
	padding-right: 4px;

     

       
260
       
+
       
}

     

···

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

     

       
14
       
 
       


     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

       
16
       
 
       
</head>

     

···

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

     

       
14
       
 
       


     

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

     

       
16
       
+
       
		

     

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

     

       
18
       
 
       
</head>