email

Author: moneuron

_config.yml

@@ -2,9 +2,9 @@ name: Mo Shakiba
 # tagline:  NeuroAI Researcher
 
 about_content: | 
-  **<sub>[CV](https://moneuron.github.io/drive/cv.pdf) / 
-  [NEWS](https://moneuron.github.io/news) / 
-  EMAIL</sub>**
+  **<sub> CONTACT /
+  [CV](https://moneuron.github.io/drive/cv.pdf) / 
+  [NEWS](https://moneuron.github.io/news)</sub>**
 
 
   

assets/script.js

@@ -49,53 +49,27 @@ 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');
+    if (node.nodeType === Node.TEXT_NODE && node.textContent.includes('CONTACT')) {
       span.id = 'email-toggle';
-      span.textContent = 'EMAIL';
+      span.textContent = 'CONTACT';
       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 mainBlockquote = document.querySelector('blockquote');
   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';
@@ -105,50 +79,41 @@ document.addEventListener('DOMContentLoaded', function() {
     <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';
+      toggleBtn.textContent = 'HOME';
       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';
+      toggleBtn.textContent = 'CONTACT';
       showingEmails = false;
     }
   }
 
-  // Attach click handler
   toggleBtn.addEventListener('click', toggleView);
 });