Redesign site: clean modern theme with Google Sans Code

Replace terminal/geeky aesthetic with a simple, modern design using
Google Sans Code (500) for headings and Instrument Sans for body text.
Add UC Berkeley March 2026 talk.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: madiator

_includes/menu-header.html

@@ -1,19 +1,19 @@
 <li class="nav-item">
-    <a class="nav-link" href="{{site.baseurl}}/">~/home</a>
+    <a class="nav-link" href="{{site.baseurl}}/">Home</a>
 </li>
 
 <li class="nav-item">
-    <a class="nav-link" href="https://bespokelabs.ai">~/bespoke</a>
+    <a class="nav-link" href="https://bespokelabs.ai">Bespoke</a>
 </li>
 
 <li class="nav-item">
-    <a class="nav-link" href="https://madiator.substack.com/">~/ai-blog</a>
+    <a class="nav-link" href="https://madiator.substack.com/">AI Blog</a>
 </li>
 
 <li class="nav-item">
-    <a class="nav-link" href="http://smarter.substack.com">~/writing</a>
+    <a class="nav-link" href="http://smarter.substack.com">Writing</a>
 </li>
 
 <li class="nav-item">
-    <a class="nav-link" href="{{site.baseurl}}/art-photo">~/photos</a>
+    <a class="nav-link" href="{{site.baseurl}}/art-photo">Photos</a>
 </li>

_layouts/default.html

@@ -17,24 +17,15 @@
     <!-- Font Awesome Icons -->
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
 
-    <!-- Google Fonts - Monospace for terminal aesthetic -->
-    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <!-- Google Fonts -->
+    <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
 
     <!-- Bootstrap Modified -->
     <link rel="stylesheet" href="{{site.baseurl}}/assets/css/main.css">
 
     <!-- Theme Stylesheet -->
     <link rel="stylesheet" href="{{site.baseurl}}/assets/css/theme.css">
 
-    <!-- Prevent flash of wrong theme -->
-    <script>
-        (function() {
-            var savedTheme = localStorage.getItem('theme');
-            if (savedTheme === 'light') {
-                document.documentElement.setAttribute('data-theme', 'light');
-            }
-        })();
-    </script>
 
 
     <!-- For Google Scholar. If this fails, we can go with something like https://icons.getbootstrap.com/icons/book/ in bootstrap itself. -->
@@ -62,7 +53,7 @@
     <!-- Navbar -->
     <nav id="MagicMenu" class="topnav navbar navbar-expand-lg navbar-light fixed-top">
     <div class="container">
-        <a class="navbar-brand" href="{{ site.baseurl }}/index.html"><strong>{{site.name}}</strong></a>
+        <a class="navbar-brand" href="{{ site.baseurl }}/index.html">{{site.name}}</a>
         <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
         </button>
@@ -72,13 +63,6 @@
             </ul>
             <ul class="navbar-nav ml-auto d-flex align-items-center">
                 {% include search-lunr.html %}
-                <li class="nav-item">
-                    <div class="theme-toggle" id="themeToggle" title="Toggle theme">
-                        <span class="theme-toggle-icon moon"><i class="fas fa-moon"></i></span>
-                        <div class="theme-toggle-switch"></div>
-                        <span class="theme-toggle-icon sun"><i class="fas fa-sun"></i></span>
-                    </div>
-                </li>
             </ul>
         </div>
     </div>
@@ -104,12 +88,12 @@
 
 
     <!-- Footer -->
-    <footer class="border-top p-3 text-muted small">
+    <footer>
         <div class="container">
         <div class="row align-items-center justify-content-between">
             <div>
-                <span class="navbar-brand mr-2 mb-0"><strong>> Mahesh Sathiamoorthy</strong></span>
-                <span>Copyright © <script>document.write(new Date().getFullYear())</script> | Built with curiosity</span>
+                <span class="footer-name">Mahesh Sathiamoorthy</span>
+                <span class="footer-copy">&copy; <script>document.write(new Date().getFullYear())</script></span>
             </div>
         </div>
         </div>