Lantern

פנס (Lantern) הוא PWA מינימליסטי שמזמין אותך לטקס יומי קצר של 2 רגעים: בבוקר מדליקים פנס עם מילה אחת שתוביל את היום, ובערב חוזרים להעריך כמה הצלחת לדבוק בה. הציונים בונים פסיפס אורות בלוח שלך — ככל שדבקת יותר, הריבועים זוהרים חזק יותר.

6 פיצ'רים מרכזיים

1. טקס בוקר — בחירת מילה ממאגר ייעודי (3 שפות מתחלפות: רוגע, עשייה, צמיחה) או הקלדה חופשית, עם הערה אופציונלית
2. השתקפות ערב — סליידר ויזואלי 0-100 עם פנס שזוהר חזק יותר ככל שהציון גבוה יותר
3. פסיפס פנסים — heatmap של 90/180/365 ימים, כל ריבוע זוהר לפי הציון של היום
4. סטטיסטיקות מעמיקות — KPI cards עם sparklines, פילוח לפי יום בשבוע (SVG bar chart), 10 המילים המובילות, רצף ארוך ביותר, ציון מעולה
5. שמיים של מילים — word cloud דינמי שמדגיש בגדול את הערכים שחוזרים אצלך הכי הרבה
6. קו ההתלקחות — SVG line chart של ממוצע נע (7 ימים) על פני 30 ימים אחרונים, עם area gradient

פיצ'רים נוספים

• יומן מלא עם חיפוש חי לפי מילה / הערות, עריכה, מחיקה
• ייצוא/ייבוא JSON + Web Share API לשיתוף הנתונים
• 3 בסיסי מילים מתחלפים (רוגע ומיקוד / פעולה ועשייה / צמיחה והתפתחות)
• PWA מלא — manifest עם 3 גדלי אייקונים (192/512/maskable), Service Worker עם cache-first revalidate, מצב Standalone
• מילים מוצעות יומיות — אלגוריתם דטרמיניסטי שבוחר 8 מילים שונות לכל יום מתוך 15 בכל בסיס

טכנולוגיות

• IndexedDB multi-store (3 stores: lanterns / settings / words_seen) עם cursor scan, transaction api עטופה ב-Promises
• SVG מותאם אישית לכל הויזואליזציות: line chart עם area + dots + rolling average, bar chart, sparklines, mosaic glow grid, lantern glow visualizer
• Vanilla JS IIFE ללא frameworks, ~600 שורות, סגנון פונקציונלי
• CSS premium — Frank Ruhl Libre לכותרות, IBM Plex Mono לנתונים, Instrument Serif לאקסנט, Heebo לטקסט. פלטה midnight-pearl ייחודית: #0A0E1A מידנייט + #F5C76A amber + #E89E7C dusty rose + #F4ECD8 cream
• Animations — cubic-bezier spring על micro-interactions, flicker animation על glow elements, ambient drifting orbs, grain texture overlay
• Mobile-first responsive עם breakpoints ב-380/540/880

תמונות Codex

שלוש תמונות AI יוחדיות שנוצרו ב-OpenAI gpt-image-2:

• logo.png — פנס נייר זוהר על רקע שקוף, אייקוני, transparent alpha
• hero_bg.png — שמיים אטמוספריים של פנסי שמיים מרחפים, עומק bokeh, צד ימין dim ל-overlay טקסט
• empty.png — פנס בודד מואר על מים שקטים תחת אור ירח — מצב ריק פואטי

© אופיר ברנס (Ofir Baranes) 2026 — כל הזכויות שמורות