diff options
Diffstat (limited to 'html/projects/Husqvarna_Val.tmpl.html')
| -rw-r--r-- | html/projects/Husqvarna_Val.tmpl.html | 34 |
1 files 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="/"><- Return home</a></span> </article> </div> -{{end}}
\ No newline at end of file +{{end}} |