From f8a73dfd854802b2866c32b9fe6acbd94d98c44c Mon Sep 17 00:00:00 2001
From: thinkpadmaster <a.scerba02@gmail.com>
Date: Mon, 3 Jul 2023 09:39:22 -0500
Subject: Update for modern style

---
 data/blog/FirstPost.html                |  8 +++-----
 data/projects/CCSEntryPortfolio.html    | 16 ++++++++--------
 data/projects/CCSSophomoreInterior.html | 14 +++++++-------
 templates/about.html                    |  6 +++---
 templates/blog.html                     |  9 ++++-----
 templates/index.html                    | 15 ++++++---------
 templates/master.html                   | 20 ++++++++------------
 templates/postHelp.tmpl                 |  3 +++
 templates/projects.html                 |  9 ++++-----
 9 files changed, 46 insertions(+), 54 deletions(-)

diff --git a/data/blog/FirstPost.html b/data/blog/FirstPost.html
index a867384..2130e0f 100644
--- a/data/blog/FirstPost.html
+++ b/data/blog/FirstPost.html
@@ -3,14 +3,12 @@
     <title>First Post</title>
     <meta name="description" content="Blog entry">
 {{br}}
-    <section>
-      <p>- <a href="/blog/FirstPost">First Post</a></p>
-    </section>
+    <p>- <a href="/blog/FirstPost">First Post</a></p>
 {{br}}
-    <h1>First Post</h1>
     <section>
+      <h2>First Post</h2>
       <p>This is my first post on the new site! I am very excited to have the new system set up and mostly functional. There is still plenty of work to be done, but this is a great start.</p>
-      <p>I have moved to Golang for all server side scripting web serving, and it's been a fun language to learn so far. I have had a lot of encouragement from my friend over at <a href="https://www.angel-castaneda.com" target="_blank" rel="noopener noreferrer">www.angel-castaneda.com</a> so go check out his page to see what he is working on.</p>
+      <p>I have moved to Golang for all server side scripting and web serving, and it's been a fun language to learn so far. I have had a lot of encouragement from my friend over at <a href="https://www.angel-castaneda.com" target="_blank" rel="noopener noreferrer">www.angel-castaneda.com</a> so go check out his page to see what he is working on.</p>
       <p>
         The new site structure should be as follows:
         <ul>
diff --git a/data/projects/CCSEntryPortfolio.html b/data/projects/CCSEntryPortfolio.html
index 7bf39ae..cdf5012 100644
--- a/data/projects/CCSEntryPortfolio.html
+++ b/data/projects/CCSEntryPortfolio.html
@@ -3,15 +3,15 @@
     <title>CCS Entry Portfolio</title>
     <meta name="description" content="Project post">
 {{br}}
-    <section>
-      <figure>
+    <figure class="thumbnail">
+      <a href="/projects/CCSEntryPortfolio">
         <img src="/static/media/Sketch Portfolio early 2021/SL350_Bobber_720p.jpg" alt="Side view Honda SL350 bobber sketch.">
-        <figcaption><a href="/projects/CCSEntryPortfolio">My 2021 CCS Entry Portfolio</a></figcaption>
-      </figure>
-    </section>
+        <figcaption>My 2021 CCS Entry Portfolio</figcaption>
+      </a>
+    </figure>
 {{br}}
-    <h1>CCS Entry Portfolio early 2021</h1>
-    <section class="imgGrid">
+    <h2>CCS Entry Portfolio early 2021</h2>
+    <div class="imgGrid">
       <img src="/static/media/Sketch Portfolio early 2021/Arai_Helmet_720p.jpg" alt="Arai helmet sketch.">
       <img src="/static/media/Sketch Portfolio early 2021/Bernie_720p.jpg" alt="Cat, Bernie, sketch.">
       <img src="/static/media/Sketch Portfolio early 2021/Peacock_Portrait2_Zoom_720p.jpg" alt="Zoomed peacock sketch with feathers out.">
@@ -20,4 +20,4 @@
       <img src="/static/media/Sketch Portfolio early 2021/SL350_Bobber_720p.jpg" alt="Side view Honda SL350 bobber sketch.">
       <img src="/static/media/Sketch Portfolio early 2021/Peacock_Portrait_720p.jpg" alt="Peakcock sketch with feathers tucked.">
       <img src="/static/media/Sketch Portfolio early 2021/Dorm_Setup_720p.jpg" alt="Sketch of my dorm setup at the Milwaukee School of Engineering.">
-    </section>
\ No newline at end of file
+    </div>
\ No newline at end of file
diff --git a/data/projects/CCSSophomoreInterior.html b/data/projects/CCSSophomoreInterior.html
index ba8a0a9..a18c436 100644
--- a/data/projects/CCSSophomoreInterior.html
+++ b/data/projects/CCSSophomoreInterior.html
@@ -3,15 +3,15 @@
     <title>CCS Sophomore Interior</title>
     <meta name="description" content="Project post">
 {{br}}
-    <section>
-      <figure>
-        <!--Move to 720p Image-->
+    <figure class="thumbnail">
+      <!--Move to 720p Image-->
+      <a href="/projects/CCSSophomoreInterior">
         <img src="/static/media/DTR-232-D-Final_Board-Scerba.jpg" alt="Sophomore interior studio project HONDA S-30.">
-        <figcaption><a href="/projects/CCSSophomoreInterior">HONDA S-30 - Sophomore Interior</a></figcaption>
-      </figure>
-    </section>
+        <figcaption>HONDA S-30 - Sophomore Interior</figcaption>
+      </a>
+    </figure>
 {{br}}
-    <h1>CCS Sophomore Interior</h1>
+    <h2>CCS Sophomore Interior</h2>
     <figure>
       <img src="/static/media/DTR-232-D-Final_Board-Scerba.jpg" alt="Sophomore interior studio project HONDA S-30.">
       <figcaption>Final board for DTR.232.D interior studio class.</figcaption>
diff --git a/templates/about.html b/templates/about.html
index a6a432b..9f8fcab 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -3,12 +3,12 @@
     <meta name="description" content="About me, Alex Scerba">
 {{ end }}
 {{ define "main" }}
-    <h1>About</h1>
-    <p class="subtitle">Me and my site.</p>
-    <hr>
+    <h1>alexscerba.com/about</h1>
+    <section class="postContent">
     <p>My name is Alex Scerba, and I am a design student at the College for Creative Studies in Detroit, MI.</p>
     <blockquote>"It's just a machine. Open it up and see what's wrong."</blockquote>
     <p>This phrase is mostly what my life revolves around. Tinkering, making, repairing, and improving the world through these outlets is what I strive to do in my lifetime.</p>
     <p>This site is my anti social media and is where I post about my life and school projects &lpar;when allowed&rpar; and serves as a way to keep up with my appreciation for software programming. The backend is written in <a href="https://go.dev" target="_blank" rel="noopener noreferrer">Go</a> &lpar;source can be found <a href="https://notabug.org/thinkpadmaster/alexscerba.com" target="_blank" rel="noopener noreferrer">at notabug.org</a>&rpar; and uses a templating system to keep hand-editing of pages to a bare minimum.</p>
     <p>For posterity, I keep my <a href="http://alexscerba.com:8080" target="_blank" rel="noopener noreferrer">old site</a> deployed. The blog page is extremely slow to load along with a couple others due to amount of content on the pages and size of images, but it is a fun project to look back on.</p>
+    </section>
 {{ end }}
\ No newline at end of file
diff --git a/templates/blog.html b/templates/blog.html
index d90c19e..a6f1713 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -3,13 +3,12 @@
     <meta name="description" content="Site blog featuring personal and project updates as well as anything random I want to share.">
 {{ end }}
 {{ define "main" }}
-    <h1>Blog</h1>
-    <p class="subtitle">Personal and site updates.</p>
-    <hr>
+    <h1>alexscerba.com/blog</h1>
 
+    <section class="postContent">
+      <h2>Entries</h2>
 {{ range .Contents }}
 {{ printf "%s" .Thumbnail }}
 {{ end }}
-
-    <a href="/blog">Top</a>
+    </section>
 {{ end }}
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 491bd55..794eefb 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,17 +3,14 @@
     <meta name="description" content="Homepage">
 {{ end }}
 {{ define "main" }}
-    <h1>Alex Scerba</h1>
-    <p class="subtitle">Designer. Maker.</p>
-    <hr>
-    <p>Student at College for Creative Studies in Detroit, MI. Love for tinkering, making, and building.</p>
-
-    <h2>Featured Projects</h2>
-    <hr>
+    <h1 style="animation: 1s ease-out 0s 1 fadeIn">alexscerba.com</h1>
 
+    <section class="bottom">
+      <h2>Featured Projects</h2>
+      <div class="posts">
 {{ range .Contents }}
 {{ printf "%s" .Thumbnail }}
 {{ end }}
-
-    <a href="/projects">See More Projects</a>
+      </div>
+    </section>
 {{ end }}
\ No newline at end of file
diff --git a/templates/master.html b/templates/master.html
index c2ef78a..26e2d0b 100644
--- a/templates/master.html
+++ b/templates/master.html
@@ -14,25 +14,21 @@
 
   <body>
 
-    <nav aria-labelledby="global-navigation" class="nav">
-      <ul>
-        <li><a href="/">Home</a></li>
-        <li><a href="/projects">Projects</a></li>
-        <li><a href="/blog">Blog</a></li>
-        <li><a href="/about">About</a></li>
-      </ul>
+    <input type="checkbox" class="toggler">
+    <div class="hamburger"><div></div></div>
+    <nav aria-labelledby="global-navigation" class="menu">
+      <a href="/">Home</a>
+      <a href="/projects">Projects</a>
+      <a href="/blog">Blog</a>
+      <a href="/about">About</a>
     </nav>
+    <div class="bg-nav-block"></div>
 
     <main>
 
 {{ template "main" . }}
 
     </main>
-
-    <footer>
-      <p>Contact: <a href="mailto:ascerba@collegeforcreativestudies.edu">ascerba@collegeforcreativestudies.edu</a></p>
-    </footer>
-
   </body>
 
 </html>
diff --git a/templates/postHelp.tmpl b/templates/postHelp.tmpl
index ca2e319..d7124eb 100644
--- a/templates/postHelp.tmpl
+++ b/templates/postHelp.tmpl
@@ -2,5 +2,8 @@
 {{ printf "%s" .Meta }}
 {{ end }}
 {{ define "main" }}
+    <h1>Post</h1>
+    <div class="postContent">
 {{ printf "%s" .Content }}
+    </div>
 {{ end }}
diff --git a/templates/projects.html b/templates/projects.html
index 9c7f12d..6e90ffe 100644
--- a/templates/projects.html
+++ b/templates/projects.html
@@ -3,13 +3,12 @@
     <meta name="description" content="Site blog featuring personal and project updates as well as anything random I want to share.">
 {{ end }}
 {{ define "main" }}
-    <h1>Projects</h1>
-    <p class="subtitle">Current posted industrial and automotive design projects.</p>
-    <hr>
+    <h1>alexscerba.com/projects</h1>
 
+    <section class="postContent">
+      <h2>Completed</h2>
 {{ range .Contents }}
 {{ printf "%s" .Thumbnail }}
 {{ end }}
-
-    <a href="/projects">Top</a>
+    </section>
 {{ end }}
\ No newline at end of file
-- 
cgit v1.2.3