aboutsummaryrefslogtreecommitdiff
path: root/html/projects/Husqvarna_Val.tmpl.html
blob: 101913ec86e4de6fc1a1071203131102c9a8e56c (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
{{define "title"}}{{.Post.Title}}{{end}}
{{define "description"}}Husqvarna Val CCS unsponsored project.{{end}}
{{define "uploaded-on"}}2024-05-08{{end}}
{{define "keywords"}}project CCS{{end}}
{{define "thumbnail"}}<img src="/static/media/Husqvarna_Val/Bar_Shot.jpg" class="mainImage" alt="Husqvarna Val UI." />{{end}}
{{ define "canonical" }}/projects{{end}}

{{define "main"}}
    <h1>Project</h1>
    <div class="postBackground">
      <article class="projectContent">
        <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" />
        <img src="/static/media/Husqvarna_Val/val7.jpg" width="2000" height="1000" />
        <img src="/static/media/Husqvarna_Val/val8.jpg" width="2000" height="1000" />
        <img src="/static/media/Husqvarna_Val/val9.jpg" width="2000" height="1000" />
        <img src="/static/media/Husqvarna_Val/val10.jpg" width="2000" height="1000" />
        <img src="/static/media/Husqvarna_Val/val11.jpg" width="2000" height="1000" />
        <img src="/static/media/Husqvarna_Val/val12.jpg" width="2000" height="1000" />
        <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}}