Skip to content

Commit 6286bb1

Browse files
committed
Dynamic Favicon generation
1 parent 2c475d0 commit 6286bb1

File tree

9 files changed

+198
-2
lines changed

9 files changed

+198
-2
lines changed

index.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,11 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6-
<link href="/src/styles.css" rel="stylesheet">
5+
<link id="dynamic" rel="icon" type="image/svg+xml" href="favicons/favicon1.svg" />
6+
<link href="./src/styles/globals.css" rel="stylesheet">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
88
<title>SugarLabs</title>
9+
<script src="./Randomfavicon.js" crossorigin="anonymous"></script>
910
</head>
1011
<body>
1112
<div id="root"></div>

public/Randomfavicon.js

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
(function () {
2+
function setRandomFavicon() {
3+
const favicons = [
4+
'favicon1.svg',
5+
'favicon2.svg',
6+
'favicon3.svg',
7+
'favicon4.svg',
8+
'favicon5.svg',
9+
'favicon6.svg',
10+
'favicon7.svg'
11+
];
12+
const randomIndex = Math.floor(Math.random() * favicons.length);
13+
const randomFavicon = 'favicons/' + favicons[randomIndex];
14+
const faviconLink = document.getElementById('dynamic');
15+
if (faviconLink) {
16+
faviconLink.href = randomFavicon;
17+
}
18+
}
19+
document.addEventListener('DOMContentLoaded', setRandomFavicon);
20+
})();

public/favicons/favicon1.svg

Lines changed: 25 additions & 0 deletions
Loading

public/favicons/favicon2.svg

Lines changed: 25 additions & 0 deletions
Loading

public/favicons/favicon3.svg

Lines changed: 25 additions & 0 deletions
Loading

public/favicons/favicon4.svg

Lines changed: 25 additions & 0 deletions
Loading

public/favicons/favicon5.svg

Lines changed: 25 additions & 0 deletions
Loading

public/favicons/favicon6.svg

Lines changed: 25 additions & 0 deletions
Loading

public/favicons/favicon7.svg

Lines changed: 25 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)