Got rid of Turbo, now just preloading images.

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

@@ -18,5 +18,10 @@ package com.jessebrault.site
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <link rel="manifest" href="/site.webmanifest" />
 
+    <link rel="preload" as="image" href="https://jessebrault.nyc3.cdn.digitaloceanspaces.com/images/portrait1.jpg" />
+    <link rel="preload" as="image" href="https://jessebrault.nyc3.cdn.digitaloceanspaces.com/images/portrait2.jpg" />
+    <link rel="preload" as="image" href="https://jessebrault.nyc3.cdn.digitaloceanspaces.com/images/portrait4.jpg" />
+    <link rel="preload" as="image" href="https://jessebrault.nyc3.cdn.digitaloceanspaces.com/images/jesse-brault-bratislava.jpg" />
+
     <link rel="stylesheet" href="/main.css" />
 </head>

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

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

components/resources/com/jessebrault/site/biography/BiographyBanner.txt

@@ -1,6 +1,9 @@
 <div class="banner biography-banner">
     <div class="headshot-container">
-        <img src="https://jessebrault.nyc3.cdn.digitaloceanspaces.com/images/portrait1.jpg" class="headshot" />
+        <img
+            src="https://jessebrault.nyc3.cdn.digitaloceanspaces.com/images/portrait1.jpg"
+            class="headshot portrait-photo"
+        />
     </div>
     <div class="banner-text blurb-container">
         <p id="jesse-brault-name">Jesse Brault</p>

components/resources/com/jessebrault/site/contact/ContactBannerTemplate.wvc

@@ -5,7 +5,10 @@ import com.jessebrault.site.icon.*
 ---
 <div class="banner contact-banner">
     <div class="headshot-container">
-        <img src="https://jessebrault.nyc3.cdn.digitaloceanspaces.com/images/portrait2.jpg" class="headshot" />
+        <img
+            src="https://jessebrault.nyc3.cdn.digitaloceanspaces.com/images/portrait2.jpg"
+            class="headshot portrait-photo"
+        />
     </div>
     <article class="banner-text social-media-links">
         <h1>Social Media</h1>

components/resources/com/jessebrault/site/lessons/LessonsBanner.txt

@@ -2,7 +2,7 @@
     <div class="landscape-photo-container">
         <img
             src="https://jessebrault.nyc3.cdn.digitaloceanspaces.com/images/jesse-brault-bratislava.jpg"
-            class="landscape-photo"
+            class="headshot landscape-photo"
         />
     </div>
     <div id="lessons-banner-text" class="banner-text">

components/resources/com/jessebrault/site/videos/VideosBanner.txt

@@ -2,7 +2,7 @@
     <div class="headshot-container">
         <img
             src="https://jessebrault.nyc3.cdn.digitaloceanspaces.com/images/portrait4.jpg"
-            class="headshot"
+            class="headshot portrait-photo"
         />
     </div>
     <div id="videos-banner-text" class="banner-text">

static/main.css

@@ -201,7 +201,7 @@ a:hover {
     align-items: center;
 }
 
-.headshot,
+.portrait-photo,
 .landscape-photo {
     width: 100%;
 }