updated the contact button

Author: moneuron

_config.yml

@@ -2,7 +2,7 @@ title: Mo Shakiba
 
 about_content: | 
   **<sub>[CV](https://moneuron.github.io/assets/data/drive/cv.pdf) · 
-  [CONTACT](#)</sub>**
+  [CONTACT](#contact)</sub>**
   
 papers: | 
   > I’m **Mo**, a NeuroAI researcher.

assets/script.js

@@ -104,22 +104,29 @@ document.addEventListener("DOMContentLoaded", () => {
     alternate: 'HOME'
   };
 
+  const CONTACT_HASH = '#contact';
+
   // --- Selectors ---
-  const toggleBtn = document.querySelector('sub a[href="#"]');
+  const toggleBtn = document.querySelector('sub a[href="#contact"]');
   const mainBlockquote = document.querySelector('blockquote');
   const paperItems = document.querySelectorAll('.paper-item');
   const footer = document.querySelector('footer');
 
+  // If there's no CONTACT link (or markup changed), skip the contact-view feature.
+  if (!toggleBtn) {
+    return;
+  }
+
   // --- Inject CSS class for hiding elements ---
   const style = document.createElement('style');
   style.textContent = `.hidden-view { display: none !important; }`;
   document.head.appendChild(style);
 
   function escapeHtml(str) {
-  const div = document.createElement('div');
-  div.textContent = str;
-  return div.innerHTML;
-}
+    const div = document.createElement('div');
+    div.textContent = str;
+    return div.innerHTML;
+  }
 
   // --- Build email block from data ---
   function createEmailBlockquote({ active, inactive, error = false }) {
@@ -183,15 +190,20 @@ document.addEventListener("DOMContentLoaded", () => {
     return emailBlockquote;
   }
 
-  // --- Toggle view handler ---
-  async function toggleView(event) {
-    event.preventDefault();
+  function isContactViewFromHash() {
+    return window.location.hash.toLowerCase() === CONTACT_HASH;
+  }
+
+  function setHidden(el, hidden) {
+    if (!el) return;
+    el.classList.toggle('hidden-view', hidden);
+  }
+
+  function startEmailFetchIfNeeded() {
+    if (emailDataPromise) return;
+
+    toggleBtn.textContent = '...';
 
-    // If we're about to show emails and haven't loaded them yet, fetch now
-    if (!showingEmails && !emailDataPromise) {
-      // Show a temporary loading state (optional)
-      toggleBtn.textContent = '...';
-      
     const timeout = new Promise((_, reject) =>
       setTimeout(() => reject(new Error('Request timed out')), 3000)
     );
@@ -202,32 +214,54 @@ document.addEventListener("DOMContentLoaded", () => {
         return response.json();
       }),
       timeout
-    ])
-    .catch(error => {
+    ]).catch(error => {
       console.error('Could not load emails:', error);
       return { active: [], inactive: [], error: true };
     });
-    }
+  }
 
-    // Wait for the data if we're opening the view for the first time
-    if (!showingEmails && emailDataPromise) {
+  let viewSyncId = 0;
+
+  async function syncContactViewFromHash() {
+    const syncId = ++viewSyncId;
+    const shouldShowEmails = isContactViewFromHash();
+
+    if (shouldShowEmails) {
+      startEmailFetchIfNeeded();
       const emailData = await emailDataPromise;
       insertEmailBlock(emailData);
     }
 
-    // Toggle visibility
-    if (emailBlockquote) {
-      emailBlockquote.classList.toggle('hidden-view');
-    }
-    elementsToToggle.forEach(el => el.classList.toggle('hidden-view'));
+    // If another hash change happened while we were awaiting, ignore this pass.
+    if (syncId !== viewSyncId) return;
+
+    // Apply visibility deterministically (avoid toggle drift)
+    elementsToToggle.forEach(el => setHidden(el, shouldShowEmails));
+    setHidden(emailBlockquote, !shouldShowEmails);
+
+    toggleBtn.textContent = shouldShowEmails ? toggleText.alternate : toggleText.default;
+    showingEmails = shouldShowEmails;
+  }
 
-    // Update button text
-    toggleBtn.textContent = showingEmails ? toggleText.default : toggleText.alternate;
+  // --- Click handler: drives state via URL hash ---
+  function onToggleClick(event) {
+    event.preventDefault();
 
-    // Flip state
-    showingEmails = !showingEmails;
+    if (isContactViewFromHash()) {
+      window.location.hash = '';
+    } else {
+      window.location.hash = CONTACT_HASH;
+    }
   }
 
+  // Keep the view in sync with back/forward and direct links.
+  window.addEventListener('hashchange', () => {
+    syncContactViewFromHash();
+  });
+
+  // Initial sync (supports landing on /#contact)
+  syncContactViewFromHash();
+
   // --- Attach event listener ---
-  toggleBtn.addEventListener('click', toggleView);
+  toggleBtn.addEventListener('click', onToggleClick);
 });