~mika/www.m1kadev.nl

8554f7018accd4a1f71ae7f13edb210874d7fd37 — m1ka 3 months ago dce311b random-links
lmao
2 files changed, 10 insertions(+), 1 deletions(-)

M bricks/base-header.thtml
A scripts/assign-random-colour-to-link.js
M bricks/base-header.thtml => bricks/base-header.thtml +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