M => +2 -1
@@ 1,4 1,5 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/styles/base.css">
<script src="/scripts/dyn-codeberg-logo.js"></script>
\ No newline at end of file
<script src="/scripts/dyn-codeberg-logo.js"></script>
<script src="/scripts/assign-random-colour-to-link.js"></script>
A scripts/assign-random-colour-to-link.js => scripts/assign-random-colour-to-link.js +8 -0
@@ 0,0 1,8 @@
+addEventListener("DOMContentLoaded", _ => {
+ const links = document.querySelectorAll("a");
+ links.forEach(link => {
+ const a = (Math.random() * 0.80) - 0.4;
+ const b = (Math.random() * 0.80) - 0.4;
+ link.style.color = `oklab(60.0% ${a} ${b})`;
+ });
+});<
\ No newline at end of file