Clocks — אפליקציית PWA לשעון עולם חי. עוקב במקביל אחרי עד 8 ערים, עם רקע gradient שמשתנה בזמן אמת לפי שעת היום בכל עיר — לילה כחול-סגול, זריחה כתומה, יום בהיר ציאן, שקיעה ורודה-זהובה.
הוויזואליזציה הייחודית
כל כרטיס עיר הוא חלון לאווירה האמיתית של אותו רגע במקום:
- 8 שלבי שמיים ממוזגים — לילה (
#0f172a→#312e81), זריחה (#fb923c→#fde68a), בוקר (#7dd3fc→#0ea5e9), צהריים בהיר, אחר הצהריים, שקיעה (#fbbf24→#f472b6), דמדומים, חזרה ללילה - אינטרפולציה רציפה בין כל גוון — לא קפיצות חדות, אלא מעבר חלק תוך 24 שעות
- סמלי שמש/ירח/זריחה/שקיעה מתחלפים אוטומטית
- כוכבים מנצנצים ברקע על כרטיסי הלילה
- כרטיסים מתעדכנים כל שנייה (60fps עם CSS transitions)
פיצ'רים
- שעון מקומי גדול למעלה עם זריחה/שקיעה ו-UTC offset
- 30+ ערים מובנות במאגר — תל אביב, ניו יורק, לונדון, טוקיו, סידני, מוסקבה, דובאי, סינגפור, סאו פאולו ועוד
- חיפוש חי בעברית ובאנגלית — מצא לפי שם עיר, מדינה, או IANA timezone
- 24h ribbon במודל הפרטים — מציג איפה בדיוק בשעון היומי נמצאת העיר
- חישוב זריחה/שקיעה מקורי לפי קו רוחב + יום בשנה (NOAA simplified algorithm)
- הפרש משעון מקומי מוצג כצ'יפ על כל כרטיס (
+9h,−7h, או "אותה שעה")
טכנולוגיות
- Intl.DateTimeFormat עם
timeZoneparameter — דיוק מלא של DST אוטומטי - NOAA Solar Calculator מינימלי — Julian day → solar declination → hour angle → sunrise/sunset
- CSS color-mix() לאינטרפולציה רציפה של גוונים
- IndexedDB settings store לשמירת ערים נבחרות
- Service Worker עם cache-first revalidate — עובד אופליין מלא
- PWA installable עם 3 גדלי איקונים (regular + maskable)
עיצוב
פלטה slate-blue + gold — רקע שמיים ליליים עמוק, מבטא זהב לשמש וכסף לירח. Glassmorphism לכרטיסים, ambient orbs נעות ברקע, כוכבים מנצנצים עם delays רנדומליים.
טיפוגרפיה — Heebo לעברית + IBM Plex Mono לערכים מספריים (font-weight 300, tabular-nums) — מינימליזם נקי בסגנון Apple Clock.
