Webclock

En vakker nettbasert klokkeapplikasjon med analog og digital visning for flere norske byer (Trondheim, Ålesund og Gjøvik). Klokken inkluderer dynamiske væranimasjoner og sesongbaserte temaer.

Temaer

Applikasjonen bytter automatisk mellom temaer basert på dagens dato

Manuelt velge tema

Om man holder musepekeren over øvre høyre hjørnet av skjermbildet vil en tema-velger dukke opp.

Legge til nye temaer

Velg en dato for når temaet skal være aktivt. Bruk følgende tabell for verdier til startMonth og endMonth:

Måned	Verdi
Januar	0
Februar	1
Mars	2
April	3
...	...
Desember	11

Legg til nye temadefinisjoner i themes-objektet:

mytheme: {
    dateRange: { startMonth: 0, startDay: 1, endMonth: 0, endDay: 31 },
    clockFace: 'clock-face-mytheme.png',
    clockFaceScale: 'cover',
    background: 'planks-mytheme.png',
    backgroundSize: 'cover',
    textColor: '#ffffff',
    centerDotColor: 'radial-gradient(...)',
    centerDotBorder: '#888',
    handColors: {
        hour: 'linear-gradient(..s.)',
        minute: 'linear-gradient(...)',
        second: 'linear-gradient(...)'
    }
}

Legge til tema-valg i tema-velgeren (test-modus):

    <div class="theme-selector">
        <label for="theme-dropdown">Theme:</label>
        <select id="theme-dropdown">
            <option value="auto">Auto (Date-based)</option>
            <option value="default">Default</option>
            <option value="halloween">Halloween</option>
            <option value="movember">Movember</option>
            <option value="christmas">Christmas</option>
            <option value="saami">Sámi</option>
            <option value="mytheme">My Theme</option>
        </select>
    </div>

Takk til

Værdata levert av yr.no / Meteorologisk institutt
Måneberegninger basert på astronomiske algoritmer

aslakr/webclock

About

Resources

Stars

Watchers

Forks

Releases

Packages 0

Languages

Packages