Udpate to latest portfolio version

7 files changed, 47 insertions, 26 deletions

diff --git a/html/projects/Honda_S-30.tmpl.html b/html/archive/Honda_S-30.tmpl.html
index ec4a3c9..ec4a3c9 100644
--- a/html/projects/Honda_S-30.tmpl.html
+++ b/html/archive/Honda_S-30.tmpl.html
diff --git a/html/projects/MCTS_Personal_Transit_Concept.tmpl.html b/html/archive/MCTS_Personal_Transit_Concept.tmpl.html
index 60e57f2..60e57f2 100644
--- a/html/projects/MCTS_Personal_Transit_Concept.tmpl.html
+++ b/html/archive/MCTS_Personal_Transit_Concept.tmpl.html
diff --git a/html/projects/Sketchbook_-_Motorcycles.tmpl.html b/html/archive/Sketchbook_-_Motorcycles.tmpl.html
index b6d7be7..68fcf15 100644
--- a/html/projects/Sketchbook_-_Motorcycles.tmpl.html
+++ b/html/archive/Sketchbook_-_Motorcycles.tmpl.html
@@ -2,6 +2,7 @@
 {{define "description"}}Personal design sketchbook.{{end}}
 {{define "uploaded-on"}}2023-11-04{{end}}
 {{define "keywords"}}project sketchbook CCS design{{end}}
+{{define "thumbnail"}}<img src="/static/media/Sketchbook/Side_Suzuki.jpg" class="mainImage" />{{end}}
 {{ define "canonical" }}{{end}}
 
 {{define "main"}}
diff --git a/html/index.tmpl.html b/html/index.tmpl.html
index f717550..bf16cfc 100644
--- a/html/index.tmpl.html
+++ b/html/index.tmpl.html
@@ -8,13 +8,13 @@
         <div class="side-info">
           <img src="/static/media/alex_profile_512.jpg" alt="Highschool senior photo portrait of Alex next to Yerkes Observatory." style="margin-bottom: 2.5rem;" width="511" height="512"/>
           <div style="grid-column-start: 1;">
-            <p>My name is Alex Scerba, a Junior in the College for Creative Studies: Transportation Design program in Detroit, MI.</p>
+            <p>My name is Alex Scerba, a Senior in the College for Creative Studies: Transportation Design program in Detroit, MI.</p>
             <p>Growing up in Lake Geneva, WI, I developed a passion for making and tinkering, which lead me down the path of industrial design. I love working with my hands, fixing up and riding motorcycles and cars, and learning new skills.</p>
-            <p>In addition to sketching, rendering, and modeling, my hobby skills include programming (<a href="https://github.com/ascerba/personal-website" target="_blank" rel="noopener noreferrer">this website</a>), bookbinding, and woodworking.</p>
+            <!--<p>In addition to sketching, rendering, and modeling, my hobby skills include programming (<a href="https://github.com/ascerba/personal-website" target="_blank" rel="noopener noreferrer">this website</a>), bookbinding, and woodworking.</p>-->
             <p>This summer, I hope to secure an internship to learn more skills in the design and manufacturing industry.</p>
             <p>Connect with me on LinkedIn: <br><a href="https://linkedin.com/in/ascerba" target="_blank" rel="noopener noreferrer"><b>linkedin.com/in/ascerba</b></a></p>
             <p>Email <a href="mailto:me@alexscerba.com"><b>me@alexscerba.com</b></a></p>
-            <p>View my <a href="/static/Resume_Scerba.pdf"><b>résumé</b></a>
+            <p>View my <a href="/static/Resume_Scerba.pdf" target="_blank"><b>résumé</b></a>
             <p>Download my <a href="/static/Portfolio_Scerba.pdf" download><b>portfolio</b></a>
           </div>
         </div>
@@ -25,6 +25,8 @@
             <span class="title">{{ .Title }}</span>
           </a>
 {{ end }}
+          <div class="empty-thumbnail"></div>
+          <div class="empty-thumbnail"></div>
         </div>
       </div>
 {{ end }}
diff --git a/html/projects/Chevrolet_Vision_SS.tmpl.html b/html/projects/Chevrolet_Vision_SS.tmpl.html
index 4b3a782..a1e4fee 100644
--- a/html/projects/Chevrolet_Vision_SS.tmpl.html
+++ b/html/projects/Chevrolet_Vision_SS.tmpl.html
@@ -1,7 +1,8 @@
 {{define "title"}}{{.Post.Title}}{{end}}
 {{define "description"}}Chevrolet design project set in 2035. Purpose-built EV sports car.{{end}}
-{{define "uploaded-on"}}2023-05-25{{end}}
+{{define "uploaded-on"}}2023-12-25{{end}}
 {{define "keywords"}}project exterior Chevrolet CCS sports-car{{end}}
+{{define "thumbnail"}}<img src="/static/media/Chevrolet_Vision_SS/VisionSS_Render_2.jpg" class="mainImage" />{{end}}
 {{ define "canonical" }}{{end}}
 
 {{define "main"}}
@@ -11,17 +12,17 @@
     <h2>{{.Post.Title}}</h2>
     <p>The 2035 Chevrolet Vision SS project is aimed at designing a purpose-built sports car for the EV future.</p>
     <p><b>Final Deliverable:</b> 1/5th scale clay model.</p>
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_1.jpg" />
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_2.jpg" />
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_3.jpg" />
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_4.jpg" />
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_5.jpg" />
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_6.jpg" />
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_7.jpg" />
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_Render_1.jpg" />
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_Render_2.jpg" class="mainImage" />
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_Render_3.jpg" />
-    <img src="/static/media/Chevrolet_Vision_SS/VisionSS_9.jpg" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision1.png" width="2000" height="1000" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision2.png" width="2000" height="1000" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision3.png" width="2000" height="1000" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision4.png" width="2000" height="1000" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision5.png" width="2000" height="1000" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision6.png" width="2000" height="1000" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision7.png" width="2000" height="1000" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision8.png" width="2000" height="1000" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision9.png" width="2000" height="1000" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision10.png" width="2000" height="1000" />
+    <img src="/static/media/Chevrolet_Vision_SS/vision11.png" width="2000" height="1000" />
   </article>
 </div>
 {{end}}
diff --git a/html/projects/Husqvarna_Val.tmpl.html b/html/projects/Husqvarna_Val.tmpl.html
index 689132a..894ea5d 100644
--- a/html/projects/Husqvarna_Val.tmpl.html
+++ b/html/projects/Husqvarna_Val.tmpl.html
@@ -2,6 +2,7 @@
 {{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"}}
@@ -11,11 +12,21 @@
         <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>
-        <div class="hide">
-        <img src="/static/media/Husqvarna_Val/Bar_Shot.jpg" class="mainImage" alt="Husqvarna Val UI." />
-        </div>
-        <img src="/static/media/Husqvarna_Val/HUSQVARNA_Scerba_3k_rev2.jpg" alt="Husqvarna Val sidecar motorcycle project." />
-        <!-- <video src="/static/media/Husqvarna_Val/Val_Animation.mp4" alt="Husqvarna Val animation." controls="" width="1920" height="1080"><a href="/static/media/Husqvarna_Val/Val_Animation.mp4">CJ7 Signal Test</a></video> -->
+        <img src="/static/media/Husqvarna_Val/val1.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val2.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val3.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val4.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val5.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val6.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val7.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val8.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val9.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val10.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val11.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val12.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val13.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val14.png" width="2000" height="1000" />
+        <img src="/static/media/Husqvarna_Val/val15.png" width="2000" height="1000" />
         <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>
       </article>
     </div>
diff --git a/html/projects/Ram_Central_America.tmpl.html b/html/projects/Ram_Central_America.tmpl.html
index e22a007..7493dda 100644
--- a/html/projects/Ram_Central_America.tmpl.html
+++ b/html/projects/Ram_Central_America.tmpl.html
@@ -2,6 +2,7 @@
 {{define "description"}}Sponsored Stellantis studio project. Ram trucks 2050.{{end}}
 {{define "uploaded-on"}}2023-12-31{{end}}
 {{define "keywords"}}project interior Stellantis Ram CCS truck{{end}}
+{{define "thumbnail"}}<img src="/static/media/Ram_Central_America/IP_CROP_1800x900.jpg" class="mainImage" />{{end}}
 {{ define "canonical" }}{{end}}
 
 {{define "main"}}
@@ -12,12 +13,17 @@
     <p><b>Team project:</b> Alex Scerba - Automotive Interior, James Shiels - Automotive Exterior, Maria Nagaitis - Spatial Interior</p>
     <p>Design a Ram product for the Central America region in the year 2050.</p>
     <p><b>Final Deliverable:</b> 1/4th scale painted clay model.</p>
-    <div class="hide">
-      <img src="/static/media/Ram_Central_America/IP_CROP_1800x900.jpg" class="mainImage" />
-    </div>
-    <img src="/static/media/Ram_Central_America/RAM_Scerba_2K.jpg" alt="RAM Central America interior concept."/>
-    <img src="/static/media/Ram_Central_America/RAM12.jpg" alt="Clay model shots 1." />
-    <img src="/static/media/Ram_Central_America/RAM13.jpg" alt="Clay model shots 2." />
+    <img src="/static/media/Ram_Central_America/ram1.png" width="2000" height="1000" />
+    <img src="/static/media/Ram_Central_America/ram2.png" width="2000" height="1000" />
+    <img src="/static/media/Ram_Central_America/ram3.png" width="2000" height="1000" />
+    <img src="/static/media/Ram_Central_America/ram4.png" width="2000" height="1000" />
+    <img src="/static/media/Ram_Central_America/ram5.png" width="2000" height="1000" />
+    <img src="/static/media/Ram_Central_America/ram6.png" width="2000" height="1000" />
+    <img src="/static/media/Ram_Central_America/ram7.png" width="2000" height="1000" />
+    <img src="/static/media/Ram_Central_America/ram8.png" width="2000" height="1000" />
+    <img src="/static/media/Ram_Central_America/ram9.png" width="2000" height="1000" />
+    <img src="/static/media/Ram_Central_America/ram10.png" width="2000" height="1000" />
+    <img src="/static/media/Ram_Central_America/ram11.png" width="2000" height="1000" />
   </article>
 </div>
 {{end}}