Add Cake Skala project

1 files changed, 102 insertions, 0 deletions

diff --git a/html/projects/Cake_Skala.tmpl.html b/html/projects/Cake_Skala.tmpl.html
new file mode 100644
index 0000000..d9b677e
--- /dev/null
+++ b/html/projects/Cake_Skala.tmpl.html
@@ -0,0 +1,102 @@
+{{define "title"}}{{.Post.Title}}{{end}}
+{{define "description"}}Husqvarna Val CCS unsponsored project.{{end}}
+{{define "uploaded-on"}}2024-12-15{{end}}
+{{define "keywords"}}project CCS{{end}}
+{{define "thumbnail"}}<img src="/static/media/Cake_Skala/Renders/thumbnail-2.jpg" class="mainImage" alt="test" />{{end}}
+{{define "canonical" }}/projects{{end}}
+
+{{define "main"}}
+    <h1>Project</h1>
+      <article class="projectContent">
+        <div class="flex title">
+          <h2>{{.Post.Title}}</h2>
+          <p><strong>Sponsored Studio:</strong> ACC mobility design concept.</p>
+        </div>
+        <img class="blue" src="/static/media/Cake_Skala/Renders/group_1500.png" width="1500" height="589" />
+        <div class="flex center"> 
+          <section id="overview">
+            <h3>E-Mobility Brand Meets Autonomous Fleet Vehichles</h3>
+            <p>Cake's renowned expertise in product design for the power sports market applied to the growing logistics sector.</p>
+          </section>
+          <div><img class="blue" style="padding: 2rem;" src="/static/media/Cake_Skala/Graphics/modular_1000.png" width="1000" height="422" /></div>
+        </div>
+        <section id="assembly">
+          <h3>Smarter Assembly, Faster Disassembly</h3>
+          <p>Vehicle features allow for robot-controlled automated disassembly, aiding in recyclability.</p>
+        </section>
+        <img src="/static/media/Cake_Skala/Sketches/assembly_1500.jpg" width="1500" height="254" />
+        <div class="flex center reverse">
+          <div><img class="blue" style="padding: 2rem 8rem;" src="/static/media/Cake_Skala/Graphics/fleet_1000.png" width="1000" height="790" /></div>
+          <section id="overview" style="flex: 100%;">
+            <h3>Partnership with Amazon Air</h3>
+            <p>Amazon's recent revitalization of drone delivery is a perfect opportunity for realizing an autonomous delivery fleet.</p>
+          </section>
+        </div>
+        
+        <section id="inspiration">
+          <h3>Design Intent</h3>
+          <p>Draw from Cake's existing language of exposed fasteners and simple forms to bring ease of assembly and disassembly to the autonomous fleet market.</p>
+        </section>
+        <div class="flex center">
+          <div><img class="blue" src="/static/media/Cake_Skala/Graphics/circular-economy_800.png" width="792" height="800" /></div>
+          <div><img src="/static/media/Cake_Skala/Inspo/bracket.jpg" width="871" height="800"></div>
+          <div><img src="/static/media/Cake_Skala/Inspo/cover.jpg" width="751" height="800"></div>
+        </div>
+        <div class="flex" style="align-items: flex-start;">
+          <div style="display: grid; gap: 2rem;">
+            <section id="theme-a">
+              <h3>Theme A</h3>
+              <p>Directional cap exploration.</p>
+            </section>
+            <img style="padding: 1rem;" src="/static/media/Cake_Skala/Sketches/ideationA1_1000.png" width="1000" height="526" />
+            <img style="padding: 1rem;" src="/static/media/Cake_Skala/Sketches/ideationA2_1000.png" width="1000" height="783" />
+            <img style="padding: 2rem;" src="/static/media/Cake_Skala/Sketches/finalA_1000.png" width="1000" height="805" />
+            <img src="/static/media/Cake_Skala/Sketches/front-34_1000.jpg" width="1000" height="727" />
+          </div>
+          <div style="display: grid; gap: 2rem;">
+            <section id="theme-b">
+              <h3>Theme B</h3>
+              <p>Boxy silhouette exploration.</p>
+            </section>
+            <img style="padding: 1rem;" src="/static/media/Cake_Skala/Sketches/ideationB1_1000.png" width="1000" height="541" />
+            <img style="padding: 1rem;" src="/static/media/Cake_Skala/Sketches/ideationB2_1000.png" width="1000" height="737" />
+            <img style="padding: 1rem;" src="/static/media/Cake_Skala/Sketches/finalB1_1000.png" width="1000" height="438" />
+            <img style="padding: 2rem;" src="/static/media/Cake_Skala/Sketches/finalB2_1000.png" width="1000" height="738" />
+          </div>
+        </div>
+        <section id="final-design">
+          <h3>Final Design</h3>
+          <p>Theme A brought to refinement stage and modeled in Blender.</p>
+        </section>
+        <div class="flex">
+          <div><img class="blue" src="/static/media/Cake_Skala/Renders/front34-3.png" width="1125" height="750" /></div>
+          <div><img class="blue" src="/static/media/Cake_Skala/Renders/rear34.png" width="1000" height="750" /></div>
+        </div>
+        <div class="flex" style="align-items: flex-start;">
+          <div style="display: grid; gap: 2rem;">
+            <section id="skateboard">
+              <h3>Skateboard Chassis</h3>
+              <p>Modular, autonomous platform for delivery of the future.</p>
+            </section>
+            <img src="/static/media/Cake_Skala/Renders/chassis.jpg" width="1000" height="503" />
+            <section id="piece-of-cake">
+              <h3>It's a Piece of Cake</h3>
+              <p>Cake's design philosophy encourages sustainable practices and swappable components that make recycling easier and service quicker.</p>
+            </section>
+            <img src="/static/media/Cake_Skala/Renders/group_800.png" width="800" height="314" />
+          </div>
+          <div><img src="/static/media/Cake_Skala/Renders/top_1000.jpg" width="1000" height="1667" /></div>
+        </div>
+        <section id="materials">
+          <h3>Material Breakdown</h3>
+          <p>Skala's materials are sustainable and easily recyclable.</p>
+        </section>
+        <img id="exploded" src="/static/media/Cake_Skala/Renders/exploded_1000.jpg" width="1000" height="1127" />
+        <section id="animation">
+          <h3>Final Animation</h3>
+          <p>Join Skala for a delivery and showcase. Rendered with Eevee in Blender. Edited in Premiere Pro.</p>
+        </section>
+        <iframe width="1920" src="https://www.youtube.com/embed/VCoBUGmMVAs?si=fnHdNWWbQ_4jeH0N" 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>
+{{end}}