email

Author: moneuron

assets/script.js

@@ -64,65 +64,65 @@ document.addEventListener('DOMContentLoaded', function() {
 
   const toggleText = {
     default: 'CONTACT',
-    alternate: 'HOME'  // or 'PAPERS'
+    alternate: 'HOME' 
   };
 
   // --- Selectors ---
   const toggleBtn = document.querySelector('sub a[href="#"]');
   const mainBlockquote = document.querySelector('blockquote');
   const paperItems = document.querySelectorAll('.paper-item');
   const footer = document.querySelector('footer');
-  
-  if (!toggleBtn || toggleBtn.textContent.trim() !== 'CONTACT') {
-    console.warn('CONTACT link not found or has unexpected text.');
-    return;
-  }
 
-  // --- Helper: Create email panel (Bootstrap well) ---
-  function createEmailPanel({ active, inactive }) {
-    const panel = document.createElement('div');
-    panel.id = 'email-panel';
-    panel.classList.add('well', 'well-sm', 'hidden-view');
+  // --- Helper: Create email blockquote ---
+  function createEmailBlockquote({ active, inactive }) {
+    const blockquote = document.createElement('blockquote');
+    blockquote.id = 'email-blockquote';
+    blockquote.classList.add('hidden-view'); // use CSS class instead of inline style
 
-    panel.innerHTML = `
-      <p><strong>Active emails</strong><br>${active.join(', ')}</p>
-      <p><strong>Inactive emails</strong><br>${inactive.join(', ')}</p>
-      <p class="small text-muted">Feel free to reach out via the active addresses.</p>
+    blockquote.innerHTML = `
+      <p><strong>Active emails:</strong> ${active.join(', ')}</p>
+      <p><strong>Inactive emails:</strong> ${inactive.join(', ')}</p>
+      <p><small>Feel free to reach out via the active addresses.</small></p>
     `;
-    return panel;
+    return blockquote;
   }
 
-  // --- Inject CSS class for hiding ---
+  // --- Inject CSS class for hiding elements (add to your stylesheet or inject here) ---
   const style = document.createElement('style');
   style.textContent = `.hidden-view { display: none !important; }`;
   document.head.appendChild(style);
 
-  // --- Build and insert email panel ---
-  const emailPanel = createEmailPanel(emailData);
+  // --- Build and insert email blockquote ---
+  const emailBlockquote = createEmailBlockquote(emailData);
   const insertionPoint = mainBlockquote || document.querySelector('.col-xs-12');
   if (insertionPoint) {
-    insertionPoint.insertAdjacentElement('afterend', emailPanel);
+    insertionPoint.insertAdjacentElement('afterend', emailBlockquote);
   }
 
   // --- Collect elements to toggle ---
   const elementsToToggle = [
     mainBlockquote,
     ...paperItems,
     footer
-  ].filter(el => el !== null);
+  ].filter(el => el !== null); // remove any missing elements
 
   // --- Toggle state ---
   let showingEmails = false;
 
   function toggleView(event) {
     event.preventDefault();
 
+    // Toggle visibility classes
     elementsToToggle.forEach(el => el.classList.toggle('hidden-view'));
-    emailPanel.classList.toggle('hidden-view');
+    emailBlockquote.classList.toggle('hidden-view');
 
+    // Update button text
     toggleBtn.textContent = showingEmails ? toggleText.default : toggleText.alternate;
+    
+    // Flip state
     showingEmails = !showingEmails;
   }
 
+  // --- Attach event listener ---
   toggleBtn.addEventListener('click', toggleView);
 });