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 (when allowed) 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> (source can be found <a href="https://notabug.org/thinkpadmaster/alexscerba.com" target="_blank" rel="noopener noreferrer">at notabug.org</a>) 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