From b01c6903c182a4b6ba9df015e242647817ee3e6c Mon Sep 17 00:00:00 2001
From: Alex Scerba <alex@scerba.org>
Date: Mon, 18 Aug 2025 13:36:31 -0500
Subject: Update head to new style

---
 html/projects/Husqvarna_Val.tmpl.html | 34 +++++++++++++++++++++++++++-------
 1 file changed, 27 insertions(+), 7 deletions(-)

diff --git a/html/projects/Husqvarna_Val.tmpl.html b/html/projects/Husqvarna_Val.tmpl.html
index d53b3a9..101913e 100644
--- a/html/projects/Husqvarna_Val.tmpl.html
+++ b/html/projects/Husqvarna_Val.tmpl.html
@@ -9,12 +9,27 @@
     <h1>Project</h1>
     <div class="postBackground">
       <article class="projectContent">
-        <h2>{{.Post.Title}}</h2>
-        <p>Husqvarna Val powersports project. Extend electric range through the sidecar for longer and more remote adventures.</p>
-        <p><b>Final Deliverable:</b> Digital model and animation.</p>
-        <img src="/static/media/Husqvarna_Val/val1.jpg" width="2000" height="1000" />
-        <img src="/static/media/Husqvarna_Val/val2.jpg" width="2000" height="1000" />
-        <img src="/static/media/Husqvarna_Val/val3.jpg" width="2000" height="1000" />
+        <div class="flex title">
+          <h2>{{.Post.Title}}</h2>
+          <span><p><b>Final Deliverable:</b> Digital model and animation.</p></span>
+        </div>
+        <img src="/static/media/Husqvarna_Val/rightsideenv.jpg" width="4096" height="2160" />
+        <div class="flex">
+          <div style="flex: 60%; display: flex; flex-direction: column; justify-content: space-between;">
+            <section id="intro">
+              <h3>Rugged Electric Adventure</h3>
+              <p>Husqvarna Val powersports project. Extend electric range through the sidecar for longer and more remote adventures.</p>
+              <p>Adventure riders of the future need maximum range and storage while benefiting from electric silence and simplicity to keep them more connected to nature. Sidecar technology allows for a greater range and cargo capacity for the future of electric off-road adventure riding.</p>
+            </section>
+            <img style="margin-top: 2rem;" src="/static/media/Husqvarna_Val/story.jpg" width="747" height="365" />
+          </div>
+          <picture id="persona">
+            <source media="(width < 50rem)" srcset="/static/media/Husqvarna_Val/persona-landscape.jpg" width="275" height="200" />
+            <img class="dumb-image" src="/static/media/Husqvarna_Val/persona.jpg" width="275" height="713" />
+          </picture>
+        </div>
+
+
         <img src="/static/media/Husqvarna_Val/val4.jpg" width="2000" height="1000" />
         <img src="/static/media/Husqvarna_Val/val5.jpg" width="2000" height="1000" />
         <img src="/static/media/Husqvarna_Val/val6.jpg" width="2000" height="1000" />
@@ -27,7 +42,12 @@
         <img src="/static/media/Husqvarna_Val/val13.jpg" width="2000" height="1000" />
         <img src="/static/media/Husqvarna_Val/val14.jpg" width="2000" height="1000" />
         <img src="/static/media/Husqvarna_Val/val15.jpg" width="2000" height="1000" />
+        <section id="animation">
+          <h3>Final Animation</h3>
+          <p>Rendered with Eevee in Blender. Edited in Premiere Pro.</p>
+        </section>
         <iframe width="1920" src="https://www.youtube.com/embed/RXhwG4fjCKw?si=Bj5jhNxfdjiXy_Ch" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+        <span class="return"><a href="/">&lt;- Return home</a></span>
       </article>
     </div>
-{{end}}
\ No newline at end of file
+{{end}}
-- 
cgit v1.2.3