From 3d5538069c3b2f43ddf170d641feb926175db529 Mon Sep 17 00:00:00 2001 From: Alex Scerba <alex@scerba.org> Date: Mon, 21 Oct 2024 18:17:48 -0400 Subject: Udpate to latest portfolio version --- html/archive/Honda_S-30.tmpl.html | 17 +++++++++ .../MCTS_Personal_Transit_Concept.tmpl.html | 40 ++++++++++++++++++++++ html/archive/Sketchbook_-_Motorcycles.tmpl.html | 26 ++++++++++++++ html/index.tmpl.html | 8 +++-- html/projects/Chevrolet_Vision_SS.tmpl.html | 25 +++++++------- html/projects/Honda_S-30.tmpl.html | 17 --------- html/projects/Husqvarna_Val.tmpl.html | 21 +++++++++--- .../MCTS_Personal_Transit_Concept.tmpl.html | 40 ---------------------- html/projects/Ram_Central_America.tmpl.html | 18 ++++++---- html/projects/Sketchbook_-_Motorcycles.tmpl.html | 25 -------------- 10 files changed, 129 insertions(+), 108 deletions(-) create mode 100644 html/archive/Honda_S-30.tmpl.html create mode 100644 html/archive/MCTS_Personal_Transit_Concept.tmpl.html create mode 100644 html/archive/Sketchbook_-_Motorcycles.tmpl.html delete mode 100644 html/projects/Honda_S-30.tmpl.html delete mode 100644 html/projects/MCTS_Personal_Transit_Concept.tmpl.html delete mode 100644 html/projects/Sketchbook_-_Motorcycles.tmpl.html (limited to 'html') diff --git a/html/archive/Honda_S-30.tmpl.html b/html/archive/Honda_S-30.tmpl.html new file mode 100644 index 0000000..ec4a3c9 --- /dev/null +++ b/html/archive/Honda_S-30.tmpl.html @@ -0,0 +1,17 @@ +{{define "title"}}{{.Post.Title}}{{end}} +{{define "description"}}My entry portfolio for the College for Creative Studies.{{end}} +{{define "uploaded-on"}}2022-12-18{{end}} +{{define "keywords"}}project CCS{{end}} +{{ define "canonical" }}/projects{{end}} + +{{define "main"}} + <h1>Project</h1> + <div class="postBackground"> + <article class="projectContent"> + <h2>{{.Post.Title}}</h2> + <p>Honda S-30 project at CCS.</p> + <p><b>Final Deliverable:</b> Full-scale Autodesk Alias model rendered in VRED.</p> + <img src="/static/media/DTR-232-D-Final_Board-Scerba_1.5k.jpg" class="mainImage" alt="Sophomore interior studio project HONDA S-30." /> + </article> + </div> +{{end}} \ No newline at end of file diff --git a/html/archive/MCTS_Personal_Transit_Concept.tmpl.html b/html/archive/MCTS_Personal_Transit_Concept.tmpl.html new file mode 100644 index 0000000..60e57f2 --- /dev/null +++ b/html/archive/MCTS_Personal_Transit_Concept.tmpl.html @@ -0,0 +1,40 @@ +{{define "title"}}{{.Post.Title}}{{end}} +{{define "description"}}Mobility project centered around Milwaukee, WI.{{end}} +{{define "uploaded-on"}}2023-05-15{{end}} +{{define "keywords"}}project Milwaukee CCS mobility{{end}} +{{ define "canonical" }}/projects{{end}} + +{{define "main"}} + <h1>Project</h1> + <div class="postBackground"> + <article class="projectContent"> + <h2>{{.Post.Title}}</h2> + <p>Design Theory II: Mobility project at CCS focused on Milwaukee in 2050.</p> + <p><b>Final Deliverable:</b> Photoshop renderings.</p> + <img src="/static/media/DT2Mobility/Intro.jpg" /> + <img src="/static/media/DT2Mobility/City Stats.jpg" /> + <img src="/static/media/DT2Mobility/SWOT.jpg" /> + <img src="/static/media/DT2Mobility/Andy - Info.jpg" /> + <img src="/static/media/DT2Mobility/Andy - Mood.jpg" /> + <img src="/static/media/DT2Mobility/Andy - Form.jpg" /> + <img src="/static/media/DT2Mobility/Gertrude - Info.jpg" /> + <img src="/static/media/DT2Mobility/Gertrude - Mood.jpg" /> + <img src="/static/media/DT2Mobility/Gertrude - Form.jpg" /> + <img src="/static/media/DT2Mobility/Angel - Info.jpg" /> + <img src="/static/media/DT2Mobility/Angel - Mood.jpg" /> + <img src="/static/media/DT2Mobility/Angel - Form.jpg" /> + <img src="/static/media/DT2Mobility/Vehicle Propositions.jpg" /> + <img src="/static/media/DT2Mobility/Storyboard.jpg" /> + <img src="/static/media/DT2Mobility/Initial Ideation.jpg" /> + <img src="/static/media/DT2Mobility/Final Theme.jpg" /> + <img src="/static/media/DT2Mobility/Interior.jpg" /> + <img src="/static/media/DT2Mobility/Front34.jpg" class="mainImage" /> + <img src="/static/media/DT2Mobility/Side.jpg" /> + <img src="/static/media/DT2Mobility/Rear34.jpg" /> + <img src="/static/media/DT2Mobility/Package.jpg" /> + <img src="/static/media/DT2Mobility/Building Infrastructure.jpg" /> + <img src="/static/media/DT2Mobility/Initial Infrastructure Sketches.jpg" /> + <img src="/static/media/DT2Mobility/Lane Allocation.png"> + </article> + </div> +{{end}} \ No newline at end of file diff --git a/html/archive/Sketchbook_-_Motorcycles.tmpl.html b/html/archive/Sketchbook_-_Motorcycles.tmpl.html new file mode 100644 index 0000000..68fcf15 --- /dev/null +++ b/html/archive/Sketchbook_-_Motorcycles.tmpl.html @@ -0,0 +1,26 @@ +{{define "title"}}{{.Post.Title}}{{end}} +{{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"}} +<h1>Project</h1> +<div class="postBackground"> + <article class="projectContent"> + <h2>{{.Post.Title}}</h2> + <p>Various motorcycle sketches from my off-time.</p> + <!-- <img src="/static/media/Sketchbook/Sketchbook_Cover.jpg" /> --> + <img src="/static/media/Sketchbook/Cycle6.jpg" /> + <img src="/static/media/Sketchbook/Cycle7.jpg" /> + <img src="/static/media/Sketchbook/Side_Suzuki.jpg" class="mainImage" /> + <img src="/static/media/Sketchbook/Front_Suzuki.jpg" /> + <img src="/static/media/Sketchbook/Cycle1.jpg" /> + <img src="/static/media/Sketchbook/Cycle2.jpg" /> + <img src="/static/media/Sketchbook/Cycle3.jpg" /> + <img src="/static/media/Sketchbook/Cycle4.jpg" /> + <img src="/static/media/Sketchbook/Cycle5.jpg" /> + </article> +</div> +{{end}} 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/Honda_S-30.tmpl.html b/html/projects/Honda_S-30.tmpl.html deleted file mode 100644 index ec4a3c9..0000000 --- a/html/projects/Honda_S-30.tmpl.html +++ /dev/null @@ -1,17 +0,0 @@ -{{define "title"}}{{.Post.Title}}{{end}} -{{define "description"}}My entry portfolio for the College for Creative Studies.{{end}} -{{define "uploaded-on"}}2022-12-18{{end}} -{{define "keywords"}}project CCS{{end}} -{{ define "canonical" }}/projects{{end}} - -{{define "main"}} - <h1>Project</h1> - <div class="postBackground"> - <article class="projectContent"> - <h2>{{.Post.Title}}</h2> - <p>Honda S-30 project at CCS.</p> - <p><b>Final Deliverable:</b> Full-scale Autodesk Alias model rendered in VRED.</p> - <img src="/static/media/DTR-232-D-Final_Board-Scerba_1.5k.jpg" class="mainImage" alt="Sophomore interior studio project HONDA S-30." /> - </article> - </div> -{{end}} \ No newline at end of file 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/MCTS_Personal_Transit_Concept.tmpl.html b/html/projects/MCTS_Personal_Transit_Concept.tmpl.html deleted file mode 100644 index 60e57f2..0000000 --- a/html/projects/MCTS_Personal_Transit_Concept.tmpl.html +++ /dev/null @@ -1,40 +0,0 @@ -{{define "title"}}{{.Post.Title}}{{end}} -{{define "description"}}Mobility project centered around Milwaukee, WI.{{end}} -{{define "uploaded-on"}}2023-05-15{{end}} -{{define "keywords"}}project Milwaukee CCS mobility{{end}} -{{ define "canonical" }}/projects{{end}} - -{{define "main"}} - <h1>Project</h1> - <div class="postBackground"> - <article class="projectContent"> - <h2>{{.Post.Title}}</h2> - <p>Design Theory II: Mobility project at CCS focused on Milwaukee in 2050.</p> - <p><b>Final Deliverable:</b> Photoshop renderings.</p> - <img src="/static/media/DT2Mobility/Intro.jpg" /> - <img src="/static/media/DT2Mobility/City Stats.jpg" /> - <img src="/static/media/DT2Mobility/SWOT.jpg" /> - <img src="/static/media/DT2Mobility/Andy - Info.jpg" /> - <img src="/static/media/DT2Mobility/Andy - Mood.jpg" /> - <img src="/static/media/DT2Mobility/Andy - Form.jpg" /> - <img src="/static/media/DT2Mobility/Gertrude - Info.jpg" /> - <img src="/static/media/DT2Mobility/Gertrude - Mood.jpg" /> - <img src="/static/media/DT2Mobility/Gertrude - Form.jpg" /> - <img src="/static/media/DT2Mobility/Angel - Info.jpg" /> - <img src="/static/media/DT2Mobility/Angel - Mood.jpg" /> - <img src="/static/media/DT2Mobility/Angel - Form.jpg" /> - <img src="/static/media/DT2Mobility/Vehicle Propositions.jpg" /> - <img src="/static/media/DT2Mobility/Storyboard.jpg" /> - <img src="/static/media/DT2Mobility/Initial Ideation.jpg" /> - <img src="/static/media/DT2Mobility/Final Theme.jpg" /> - <img src="/static/media/DT2Mobility/Interior.jpg" /> - <img src="/static/media/DT2Mobility/Front34.jpg" class="mainImage" /> - <img src="/static/media/DT2Mobility/Side.jpg" /> - <img src="/static/media/DT2Mobility/Rear34.jpg" /> - <img src="/static/media/DT2Mobility/Package.jpg" /> - <img src="/static/media/DT2Mobility/Building Infrastructure.jpg" /> - <img src="/static/media/DT2Mobility/Initial Infrastructure Sketches.jpg" /> - <img src="/static/media/DT2Mobility/Lane Allocation.png"> - </article> - </div> -{{end}} \ No newline at end of file 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}} diff --git a/html/projects/Sketchbook_-_Motorcycles.tmpl.html b/html/projects/Sketchbook_-_Motorcycles.tmpl.html deleted file mode 100644 index b6d7be7..0000000 --- a/html/projects/Sketchbook_-_Motorcycles.tmpl.html +++ /dev/null @@ -1,25 +0,0 @@ -{{define "title"}}{{.Post.Title}}{{end}} -{{define "description"}}Personal design sketchbook.{{end}} -{{define "uploaded-on"}}2023-11-04{{end}} -{{define "keywords"}}project sketchbook CCS design{{end}} -{{ define "canonical" }}{{end}} - -{{define "main"}} -<h1>Project</h1> -<div class="postBackground"> - <article class="projectContent"> - <h2>{{.Post.Title}}</h2> - <p>Various motorcycle sketches from my off-time.</p> - <!-- <img src="/static/media/Sketchbook/Sketchbook_Cover.jpg" /> --> - <img src="/static/media/Sketchbook/Cycle6.jpg" /> - <img src="/static/media/Sketchbook/Cycle7.jpg" /> - <img src="/static/media/Sketchbook/Side_Suzuki.jpg" class="mainImage" /> - <img src="/static/media/Sketchbook/Front_Suzuki.jpg" /> - <img src="/static/media/Sketchbook/Cycle1.jpg" /> - <img src="/static/media/Sketchbook/Cycle2.jpg" /> - <img src="/static/media/Sketchbook/Cycle3.jpg" /> - <img src="/static/media/Sketchbook/Cycle4.jpg" /> - <img src="/static/media/Sketchbook/Cycle5.jpg" /> - </article> -</div> -{{end}} -- cgit v1.2.3