Add default layout HTML structure

vishwaparekh · web-flow · commit 2c870d450998 · 2025-11-19T09:38:57.000-06:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>{% if page.title %}{{ page.title }} | {% endif %}BioIntelligence Lab</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="{{ '/assets/style.css' | relative_url }}">
+</head>
+<body>
+
+<div class="site-wrapper">
+
+  <!-- MOBILE TOGGLE -->
+  <button class="sidebar-toggle" aria-label="Toggle navigation">
+    ☰
+  </button>
+
+  <!-- SIDEBAR -->
+  <aside class="sidebar" id="sidebar">
+    <div class="sidebar-header">
+      <a href="{{ '/' | relative_url }}" class="brand">
+        <img src="{{ '/images/Lab_logo3.png' | relative_url }}" alt="BioIntelligence Lab logo">
+        <span>BioIntelligence Lab</span>
+      </a>
+      <p class="sidebar-tagline">
+        Understanding biological systems with<br>Artificial Intelligence.
+      </p>
+    </div>
+
+    <nav class="sidebar-nav">
+      <ul>
+        <li><a href="{{ '/' | relative_url }}">Home</a></li>
+
+        <li class="nav-section-title">Research</li>
+        <li class="nav-parent">
+          <span>Fundamental AI</span>
+          <ul>
+            <li><a href="{{ '/research/fundamental-ai/' | relative_url }}">Overview</a></li>
+            <li><a href="{{ '/research/ai-safety/' | relative_url }}">AI Safety</a></li>
+            <li><a href="{{ '/research/human-ai-ecosystems/' | relative_url }}">Human–AI Ecosystems</a></li>
+          </ul>
+        </li>
+
+        <li class="nav-parent">
+          <span>Biomedical Imaging</span>
+          <ul>
+            <li><a href="{{ '/research/biomedical-imaging/' | relative_url }}">Overview</a></li>
+            <li><a href="{{ '/research/disease-modeling/' | relative_url }}">Disease Modeling</a></li>
+            <li><a href="{{ '/research/population-health/' | relative_url }}">Population Health</a></li>
+          </ul>
+        </li>
+
+        <li class="nav-parent">
+          <span>Informatics &amp; Tools</span>
+          <ul>
+            <li><a href="{{ '/research/informatics/' | relative_url }}">Overview</a></li>
+            <li><a href="{{ '/research/mist/' | relative_url }}">MIST</a></li>
+            <li><a href="{{ '/research/voxelinsight/' | relative_url }}">VoxelInsight</a></li>
+          </ul>
+        </li>
+
+        <li class="nav-section-title">People &amp; Contact</li>
+        <li><a href="{{ '/people/' | relative_url }}">People</a></li>
+        <li><a href="{{ '/contact/' | relative_url }}">Contact</a></li>
+      </ul>
+    </nav>
+  </aside>
+
+  <!-- MAIN CONTENT -->
+  <main class="main-content">
+    {{ content }}
+
+    <footer class="footer">
+      <p>© {{ site.time | date: '%Y' }} BioIntelligence Lab · UTHealth Houston</p>
+    </footer>
+  </main>
+
+</div>
+
+<script>
+  // Mobile sidebar toggle
+  const toggleBtn = document.querySelector('.sidebar-toggle');
+  const wrapper = document.querySelector('.site-wrapper');
+
+  if (toggleBtn) {
+    toggleBtn.addEventListener('click', () => {
+      wrapper.classList.toggle('sidebar-open');
+    });
+  }
+</script>
+
+</body>
+</html>
