diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-03-29 06:10:13 +0000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-03-29 06:10:13 +0000 |
| commit | 3c5206a927fa7c71c6d77dbac4eb4f274b7a5a77 (patch) | |
| tree | f651fe351b067118828791b105eb7f7a38473d24 /web/index.html | |
| parent | 759396855a967a3d509498cc55faa3b4d8cadfba (diff) | |
feat: add rotating background wallpaper
Uses time-bucketed picsum seed (5-min intervals) so all sites
show the same image simultaneously. Sets --bg-url CSS custom
property on body, consumed by .bg-body background-image rule.
Diffstat (limited to 'web/index.html')
| -rw-r--r-- | web/index.html | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/web/index.html b/web/index.html index 53fbf3c..484bbfb 100644 --- a/web/index.html +++ b/web/index.html @@ -7,8 +7,24 @@ <meta name="base-path" content="/claudomator"> <link rel="stylesheet" href="style.css" /> <link rel="icon" href="data:,"> + <script> + (function() { + var I = 5 * 60 * 1000; + function b() { return Math.floor(Date.now() / I); } + function u(n) { return "url('https://picsum.photos/1920/1080?random=" + n + "')"; } + function apply(n) { document.body.style.setProperty('--bg-url', u(n)); } + function schedule() { + setTimeout(function() { apply(b()); new Image().src = u(b() + 1); schedule(); }, I - (Date.now() % I)); + } + document.addEventListener('DOMContentLoaded', function() { + apply(b()); + new Image().src = u(b() + 1); + schedule(); + }); + })(); + </script> </head> -<body> +<body class="bg-body"> <header> <h1>Claudomator</h1> <div class="header-actions"> |