⏱️ Timer & Klocka

Professionell online timer och klocka med 8 teman, fullskärmsläge och offline-stöd.

🚀 Prova live · 📖 Dokumentation · 🐛 Rapportera bugg · ✨ Föreslå funktion

---

✨ Features

🎨 Visuellt 8 professionella teman Digital Standard Analog Station 7-segment Retro Taktisk (militär) Nixie-rör (vintage) LCD (90-tals) Split-flap (flygplats) LED 7-segment Fullskärmsläge Färgkodade varningar Mörkt/ljust läge Responsiv design	⚡ Funktionellt Nedräkning & uppräkning Anpassad klocka Tidsmanipulation (0.5x - 60x) Förberedelsefas Ljud & notifikationer Övningsdetaljer Preset-system Progress bar
💻 Tekniskt PWA (Progressive Web App) Offline-stöd via Service Worker Wake Lock API (håller skärm på) Installera som native app Cross-platform Ingen reklam Privacy-first (ingen tracking)	🎯 Användarvänligt Touch-gester för mobil Swipe upp/ner: Fullskärm Dubbelklick: Pausa Långtryck: Reset Nyp: Zoom 15+ tangentbordsgenvägar Tillgänglighet (WCAG 2.1) Högkontrast-läge Skärmläsarstöd

---

🚀 Kom igång

Online (rekommenderat)

Besök helt enkelt: https://mackan.eu/timer/

Installera som PWA

Desktop (Chrome/Edge):

1. Öppna https://mackan.eu/timer/
2. Klicka på install-ikonen i address bar (📥)
3. Klicka "Installera"

Mobil (iOS/Android):

1. Öppna https://mackan.eu/timer/ i Safari/Chrome
2. Tryck på Dela-knappen
3. Välj "Lägg till på hemskärmen"

---

⌨️ Tangentbordsgenvägar

Tangent	Funktion
Space	Pausa/återuppta
R	Återställ timer
F	Fullskärm på/av
T	Byt tema
M	Ljud på/av
+	Lägg till 1 minut
-	Ta bort 1 minut
Shift + +	Lägg till 10 minuter
Shift + -	Ta bort 10 minuter
Shift + S	Spara som preset
1 - 5	Ladda preset 1-5
Esc / F11	Avsluta fullskärm

---

📱 Touch-gester (mobil)

Gest	Funktion
Swipe upp ⬆️	Aktivera fullskärm
Swipe ner ⬇️	Avsluta fullskärm
Dubbelklick	Pausa/återuppta
Långtryck (800ms)	Återställ timer
Nyp (pinch)	Zooma display

---

🎯 Användningsfall

• 🎖️ Militär: Stabsövningar med taktiskt tema
• 📚 Utbildning: Examinationer och presentationer
• 💼 Företag: Möten och presentationer
• 💪 Träning: Intervallträning och coaching
• 🎬 Event: Scen-timer och produktionsschema

---

🛠️ Tech Stack

• Frontend: Vanilla JavaScript (ES6+), HTML5, CSS3
• PWA: Service Worker, Web App Manifest
• APIs: Fullscreen, Wake Lock, Web Audio, Notifications

---

🤝 Bidra

Contributions är varmt välkomna!

1. Fork projektet
2. Skapa en branch (git checkout -b feature/AmazingFeature)
3. Commit (git commit -m 'feat: add amazing feature')
4. Push (git push origin feature/AmazingFeature)
5. Öppna en Pull Request

---

📝 License

MIT License - se LICENSE

---

👤 Författare

mackan.eu

• Website: https://mackan.eu
• GitHub: @tempdump

---

Gjort med ❤️ av mackan.eu