Molnlager och animerade ikoner som standard (?lager=0 stänger av)
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5.5
parent
ee727204b1
commit
074d96566e
@@ -24,7 +24,7 @@ Källkoden till **https://publiccloud.se**: en helskärmshimmel som följer sole
|
|||||||
|
|
||||||
Textstorleken anpassas automatiskt så att allt får plats. På mobil staplas rutorna.
|
Textstorleken anpassas automatiskt så att allt får plats. På mobil staplas rutorna.
|
||||||
|
|
||||||
**Prototyp (`?lager=1`):** tre procedurella molnlager som driver med vinden på olika djup (månen och solen ligger mellan lagren), samt animerade SVG-väderikoner i rutorna.
|
**Molnlager och ikoner** (standard, `?lager=0` stänger av): tre procedurella molnlager som driver med vinden på olika djup (månen och solen ligger mellan lagren), samt animerade SVG-väderikoner i rutorna.
|
||||||
|
|
||||||
## Struktur
|
## Struktur
|
||||||
|
|
||||||
@@ -61,7 +61,7 @@ npx wrangler deploy
|
|||||||
| `wind`, `winddir` | `?wind=75&winddir=270` | tvingar vind (km/h, grader) |
|
| `wind`, `winddir` | `?wind=75&winddir=270` | tvingar vind (km/h, grader) |
|
||||||
| `kp` | `?kp=7` | tvingar Kp-index (norrsken) |
|
| `kp` | `?kp=7` | tvingar Kp-index (norrsken) |
|
||||||
| `nymane` | `?nymane=1` | visar nymåne-överraskningen oavsett månfas (på natten) |
|
| `nymane` | `?nymane=1` | visar nymåne-överraskningen oavsett månfas (på natten) |
|
||||||
| `lager` | `?lager=1` | molnlager + animerade ikoner (prototyp) |
|
| `lager` | `?lager=0` | stänger av molnlager + animerade ikoner (på som standard) |
|
||||||
| `instant` | `?instant=1` | inga övertoningar (för skärmdumpar) |
|
| `instant` | `?instant=1` | inga övertoningar (för skärmdumpar) |
|
||||||
| `debug` | `?debug=1` | visar bildruta, sol, väder, vind, måne, norrsken |
|
| `debug` | `?debug=1` | visar bildruta, sol, väder, vind, måne, norrsken |
|
||||||
|
|
||||||
|
|||||||
@@ -211,7 +211,7 @@
|
|||||||
const dbg = $('debug');
|
const dbg = $('debug');
|
||||||
if (q.has('debug')) dbg.style.display = 'block';
|
if (q.has('debug')) dbg.style.display = 'block';
|
||||||
if (q.has('instant')) document.body.classList.add('instant');
|
if (q.has('instant')) document.body.classList.add('instant');
|
||||||
const LAGER = q.get('lager') === '1'; // prototype: cloud layers + animated icons
|
const LAGER = q.get('lager') !== '0'; // cloud layers + animated icons (default on; ?lager=0 turns them off)
|
||||||
if (LAGER) document.body.classList.add('lager');
|
if (LAGER) document.body.classList.add('lager');
|
||||||
const reducedMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;
|
const reducedMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user