Basic Turbo.

build.gradle

@@ -1,5 +1,5 @@
 plugins {
-    id 'com.jessebrault.ssg' version '0.4.0'
+    id 'com.jessebrault.ssg' version '0.4.2'
     id 'distribution'
 }
 

components/resources/com/jessebrault/site/HeaderTemplate.wvc

@@ -3,7 +3,7 @@ package com.jessebrault.site
 
 import com.jessebrault.site.icon.BarsIcon
 ---
-<header>
+<header id="header" data-turbo-permanent>
     <div class="titles">
         <h1>$siteName</h1>
         <h2>$siteTagLine</h2>
@@ -13,7 +13,7 @@ import com.jessebrault.site.icon.BarsIcon
             <BarsIcon />
         </button>
         <ul id="nav-items">
-            <Each items={menuItems} transform={<li><a href={it.path}>$it.name</a></li>} />
+            <Each items={menuItems} transform={<li><a class="nav-link" href={it.path}>$it.name</a></li>} />
         </ul>
     </nav>
 </header>

components/resources/com/jessebrault/site/StandardPageTemplate.wvc

@@ -22,6 +22,7 @@ import com.jessebrault.site.icon.YoutubeIcon
             <p>Copyright $copyrightYear Jesse R. Brault. All rights reserved.</p>
         </footer>
         <script src="/main.js"></script>
+        <script src="turbo.es2017-esm.js" type="module"></script>
         <Each items={pageScripts} transform={<script src={it}></script>} />
     </body>
 </html>

static/main.js

@@ -1,7 +1,8 @@
 window.addEventListener('load', () => {
     const navBars = document.getElementById('nav-bars')
     const navItems = document.getElementById('nav-items')
-    navBars.addEventListener('click', () => {
+
+    const toggleMenu = () => {
         if (window.matchMedia('screen and (max-width: 1023px)').matches) {
             if (navItems.style.display === 'flex') {
                 navItems.style.display = 'none'
@@ -9,5 +10,12 @@ window.addEventListener('load', () => {
                 navItems.style.display = 'flex'
             }
         }
+    }
+
+    navBars.addEventListener('click', toggleMenu)
+
+    const navLinks = document.querySelectorAll('.nav-link')
+    navLinks.forEach(navLink => {
+        navLink.addEventListener('click', toggleMenu)
     })
 })