email

Author: moneuron

_config.yml

@@ -3,7 +3,10 @@ name: Mo Shakiba
 
 about_content: | 
   **<sub>[CV](https://moneuron.github.io/drive/cv.pdf) / 
-  [NEWS](https://moneuron.github.io/news)</sub>**
+  [NEWS](https://moneuron.github.io/news) / 
+  EMAIL</sub>**
+
+
   
 papers: | 
   <br>

assets/drive.css

@@ -47,4 +47,108 @@ document.addEventListener("DOMContentLoaded", () => {
         }
       });
   });
+});
+
+// EMAIL
+
+document.addEventListener('DOMContentLoaded', function() {
+  // --- Locate the "EMAIL" text and make it clickable ---
+  // Find the container that holds CV, NEWS, and EMAIL.
+  // Based on the HTML, it's the <sub> inside the <strong> inside the header paragraph.
+  const headerLeft = document.querySelector('.header-left');
+  if (!headerLeft) return;
+  
+  // The paragraph containing the links and "EMAIL"
+  const infoPara = headerLeft.querySelector('p');
+  if (!infoPara) return;
+  
+  // The <sub> element that contains the text nodes and links
+  const subEl = infoPara.querySelector('sub');
+  if (!subEl) return;
+  
+  // Replace the plain "EMAIL" text with a clickable span
+  // We'll traverse child nodes to find the text node containing "EMAIL"
+  for (let node of subEl.childNodes) {
+    if (node.nodeType === Node.TEXT_NODE && node.textContent.includes('EMAIL')) {
+      const span = document.createElement('span');
+      span.id = 'email-toggle';
+      span.textContent = 'EMAIL';
+      span.style.cursor = 'pointer';
+      span.style.textDecoration = 'underline';
+      span.style.fontWeight = 'bold';
+      // Replace the text node with our span
+      node.replaceWith(span);
+      break;
+    }
+  }
+  
+  const toggleBtn = document.getElementById('email-toggle');
+  if (!toggleBtn) {
+    // Fallback: if the above didn't work, try to find by text content directly
+    // (but the replacement method is cleaner)
+    console.warn('Could not locate EMAIL text automatically.');
+    return;
+  }
+  
+  // --- Prepare elements to hide/show ---
+  const mainBlockquote = document.querySelector('blockquote'); // the first blockquote in content
+  const paperItems = document.querySelectorAll('.paper-item');
+  const footer = document.querySelector('footer');
+  
+  // Create the email blockquote (hidden initially)
+  const emailBlockquote = document.createElement('blockquote');
+  emailBlockquote.id = 'email-blockquote';
+  emailBlockquote.style.display = 'none';
+  emailBlockquote.innerHTML = `
+    <p><strong>Active emails:</strong> mo.shakiba@example.edu, m.shakiba@neuroai.org</p>
+    <p><strong>Inactive emails:</strong> old.mo@alumni.university.edu, m.shakiba@formerlab.org</p>
+    <p><small>Feel free to reach out via the active addresses.</small></p>
+  `;
+  
+  // Insert the email blockquote right after the main blockquote (or before if main is missing)
+  if (mainBlockquote) {
+    mainBlockquote.insertAdjacentElement('afterend', emailBlockquote);
+  } else {
+    // If no blockquote exists, insert at the top of the content area
+    const contentDiv = document.querySelector('.col-xs-12');
+    if (contentDiv) {
+      contentDiv.insertBefore(emailBlockquote, contentDiv.firstChild);
+    }
+  }
+  
+  // State tracking
+  let showingEmails = false;
+  
+  // Function to toggle between views
+  function toggleView() {
+    if (!showingEmails) {
+      // Switch to EMAILS view
+      // Hide normal content
+      if (mainBlockquote) mainBlockquote.style.display = 'none';
+      paperItems.forEach(item => item.style.display = 'none');
+      if (footer) footer.style.display = 'none';
+      
+      // Show email blockquote
+      emailBlockquote.style.display = 'block';
+      
+      // Change button text
+      toggleBtn.textContent = 'PAPERS';
+      showingEmails = true;
+    } else {
+      // Switch back to PAPERS view
+      if (mainBlockquote) mainBlockquote.style.display = '';
+      paperItems.forEach(item => item.style.display = '');
+      if (footer) footer.style.display = '';
+      
+      // Hide email blockquote
+      emailBlockquote.style.display = 'none';
+      
+      // Change button text back
+      toggleBtn.textContent = 'EMAIL';
+      showingEmails = false;
+    }
+  }
+  
+  // Attach click handler
+  toggleBtn.addEventListener('click', toggleView);
 });