updated gui

app/ui-navigation.js

@@ -33,6 +33,10 @@
   function bindTopLevelNavButtons() {
     const elements = config.elements || {};
 
+    bindClick(elements.openHomeEl, () => {
+      setActiveSection("home");
+    });
+
     bindClick(elements.openTarotEl, () => {
       if (getActiveSection() === "tarot") {
         setActiveSection("home");
@@ -78,6 +82,10 @@
       setActiveSection(getActiveSection() === "alphabet" ? "home" : "alphabet");
     });
 
+    bindClick(elements.openAlphabetLettersEl, () => {
+      setActiveSection(getActiveSection() === "alphabet-letters" ? "home" : "alphabet-letters");
+    });
+
     bindClick(elements.openNumbersEl, () => {
       setActiveSection(getActiveSection() === "numbers" ? "home" : "numbers");
     });
@@ -104,8 +112,12 @@
 
     bindClick(elements.openCalendarEl, () => {
       const activeSection = getActiveSection();
-      const isCalendarMenuActive = activeSection === "calendar" || activeSection === "holidays";
-      setActiveSection(isCalendarMenuActive ? "home" : "calendar");
+      const isCalendarMenuActive = activeSection === "timeline" || activeSection === "calendar" || activeSection === "holidays";
+      setActiveSection(isCalendarMenuActive ? "home" : "timeline");
+    });
+
+    bindClick(elements.openCalendarTimelineEl, () => {
+      setActiveSection(getActiveSection() === "timeline" ? "home" : "timeline");
     });
 
     bindClick(elements.openCalendarMonthsEl, () => {
@@ -160,7 +172,7 @@
       if (typeof ensure.ensureAlphabetSection === "function" && magickDataset) {
         ensure.ensureAlphabetSection(magickDataset, referenceData);
       }
-      setActiveSection("alphabet");
+      setActiveSection("alphabet-letters");
 
       const alphabet = event?.detail?.alphabet;
       const hebrewLetterId = event?.detail?.hebrewLetterId;