From fca693f8cf2eeeae92939488b63127a90030c8fb Mon Sep 17 00:00:00 2001
From: thinkpadmaster <a.scerba02@gmail.com>
Date: Thu, 13 Jul 2023 23:35:05 -0500
Subject: Extreme structure changes and file renames. Move to new template
 format.

---
 html/blog/First_Post.tmpl.html                     | 23 ++++++++++++++
 html/blog/July_5th_Update.tmpl.html                | 25 +++++++++++++++
 html/main/about.tmpl.html                          | 20 ++++++++++++
 html/main/blog.tmpl.html                           | 14 +++++++++
 html/main/index.tmpl.html                          | 24 +++++++++++++++
 html/main/projects.tmpl.html                       | 19 ++++++++++++
 html/master.tmpl.html                              | 35 +++++++++++++++++++++
 html/projects/CCS_Entry_Portfolio.tmpl.html        | 21 +++++++++++++
 html/projects/CCS_Sophomore_Interior.tmpl.html     | 13 ++++++++
 .../MCTS_Personal_Transit_Concept.tmpl.html        | 36 ++++++++++++++++++++++
 10 files changed, 230 insertions(+)
 create mode 100644 html/blog/First_Post.tmpl.html
 create mode 100644 html/blog/July_5th_Update.tmpl.html
 create mode 100644 html/main/about.tmpl.html
 create mode 100644 html/main/blog.tmpl.html
 create mode 100644 html/main/index.tmpl.html
 create mode 100644 html/main/projects.tmpl.html
 create mode 100644 html/master.tmpl.html
 create mode 100644 html/projects/CCS_Entry_Portfolio.tmpl.html
 create mode 100644 html/projects/CCS_Sophomore_Interior.tmpl.html
 create mode 100644 html/projects/MCTS_Personal_Transit_Concept.tmpl.html

(limited to 'html')

diff --git a/html/blog/First_Post.tmpl.html b/html/blog/First_Post.tmpl.html
new file mode 100644
index 0000000..674798f
--- /dev/null
+++ b/html/blog/First_Post.tmpl.html
@@ -0,0 +1,23 @@
+{{define "title"}}{{range .Contents}}{{ .Title }}{{end}}{{end}}
+{{define "description"}}First post explaining site modifications{{end}}
+{{define "keywords"}}blog site{{end}}
+
+{{define "main"}}
+    <h1>Blog</h1>
+    <article class="postContent">
+      <h2>{{range .Contents}}{{ .Title }}{{end}}</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 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:</p>
+        <ul>
+          <li>/ - Home page with featured projects and short about section.</li>
+          <li>/projects - Page with all posted industrial and automotive design projects.</li>
+          <ul><li>/projects/name - Project with title "name".</li></ul>
+          <li>/blog - Page with all blog posts &lpar;content that does not fit under "/projects".&rpar;</li>
+          <ul><li>/blog/name - Blog entry with title "name".</li></ul>
+          <li>/about - About me and this website</li>
+        </ul>
+      <p>I am very excited to start posting again! This site refresh has been long overdue. Feel free to send any errors, typos, or strange behavior to my listed email; there are bound to be some problems at first.</p>
+      <p>Uploaded: <time datetime="2022-06-15">2022-06-15</time></p>
+    </article>
+{{end}}
\ No newline at end of file
diff --git a/html/blog/July_5th_Update.tmpl.html b/html/blog/July_5th_Update.tmpl.html
new file mode 100644
index 0000000..a67f2aa
--- /dev/null
+++ b/html/blog/July_5th_Update.tmpl.html
@@ -0,0 +1,25 @@
+{{define "title"}}{{range .Contents}}{{ .Title }}{{end}}{{end}}
+{{define "description"}}Update on site status, July 5th.{{end}}
+{{define "keywords"}}blog site{{end}}
+
+{{define "main"}}
+    <h1>Blog</h1>
+    <article class="postContent">
+      <h2>{{range .Contents}}{{ .Title }}{{end}}</h2>
+      <p>Much progress has been made in the last week, and the site is now pretty usable with its new CSS. There are still some large things to take care of before it can be called "done," and they are the following in no particular order:</p>
+      <ul>
+        <li>Tile 'Projects' thumbnails so that they look consistent and take advantage of landscape displays.</li>
+        <li>Display 'Project' or 'Blog' (anything) instead of 'Post' when you are viewing a project or blog entry.</li>
+        <li>Create or find a new background image that has more contrast for the white text.</li>
+        <li>Find a better way to display figures in regular content (such as the 'about' page).</li>
+        <li>Change thumbnail image aspect ratio (possibly).</li>
+        <li>Server side scripts and updates:</li>
+        <ul>
+          <li>Markdown to HTML shell script via <a href="https://pandoc.org" target="_blank" rel="noopener noreferrer">Pandoc</a>.</li>
+          <li>Implement new file naming and/or directory structure to make searching more efficient.</li>
+          <li>Make thumbnail display more efficient by only reading the thumbnail content section.</li>
+        </ul>
+      </ul>
+      <p>Uploaded: <time datetime="2022-07-05">2022-07-05</time></p>
+    </article>
+{{end}}
\ No newline at end of file
diff --git a/html/main/about.tmpl.html b/html/main/about.tmpl.html
new file mode 100644
index 0000000..6add633
--- /dev/null
+++ b/html/main/about.tmpl.html
@@ -0,0 +1,20 @@
+{{ define "title" }}About{{end}}
+{{ define "description" }}About me and my site.{{end}}
+{{ define "keywords" }}about{{end}}
+
+{{ define "main" }}
+    <h1>alexscerba.com<wbr>/about</h1>
+    <section class="postContent">
+    <h2>About</h2>
+    <figure>
+        <img src="/static/media/alex_profile_512.jpg" alt="Highschool senior photo portrait of Alex next to Yerkes Observatory.">
+        <figcaption>Highschool senior photo.</figcaption>
+    </figure>
+    <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>I keep my <a href="http://alexscerba.com:8080" target="_blank" rel="noopener noreferrer">old site</a> hosted for posterity. The blog page and others are extremely slow to load due to amount of content on the pages and size of images, but it is a fun project to look back on.</p>
+    <p>Contact me at <a href="mailto:ascerba@collegeforcreativestudies.edu">ascerba@collegeforcreativestudies.edu</a></p>
+    </section>
+{{ end }}
\ No newline at end of file
diff --git a/html/main/blog.tmpl.html b/html/main/blog.tmpl.html
new file mode 100644
index 0000000..9017066
--- /dev/null
+++ b/html/main/blog.tmpl.html
@@ -0,0 +1,14 @@
+{{ define "title" }}Blog{{end}}
+{{ define "description" }}Site blog featuring personal and project updates as well as anything random I want to share.{{end}}
+{{ define "keywords" }}blog{{end}}
+
+{{ define "main" }}
+    <h1>alexscerba.com<wbr>/blog</h1>
+
+    <section class="postContent">
+      <h2>Entries</h2>
+{{ range .Contents }}
+        <p>- <a href="/blog/{{ .FileName }}">{{ .Title }}</a></p>
+{{ end }}
+    </section>
+{{ end }}
\ No newline at end of file
diff --git a/html/main/index.tmpl.html b/html/main/index.tmpl.html
new file mode 100644
index 0000000..5c60a6c
--- /dev/null
+++ b/html/main/index.tmpl.html
@@ -0,0 +1,24 @@
+{{ define "title" }}Home{{end}}
+{{ define "description" }}Homepage{{end}}
+{{ define "keywords" }}home{{end}}
+
+{{ define "main" }}
+    <h1 style="animation: 1s ease-out 0s 1 fadeIn">alexscerba.com</h1>
+    <div class="frontpage-subtitle" style="animation: 1s ease-out 0s 1 fadeIn">
+      <p>My place to:</p>
+      <p><strong>showcase design projects.<br>post life updates.<br>bulid web-development skills.</strong></p>
+    </div>
+    <section class="bottom">
+      <h2>Latest Design Projects</h2>
+      <div class="posts">
+{{ range .Contents }}
+        <figure class="thumbnail">
+          <a href="/projects/{{ .FileName }}">
+            {{ .Image }}
+            <figcaption>{{ .Title }}</figcaption>
+          </a>
+        </figure>
+{{ end }}
+      </div>
+    </section>
+{{ end }}
\ No newline at end of file
diff --git a/html/main/projects.tmpl.html b/html/main/projects.tmpl.html
new file mode 100644
index 0000000..034c9bf
--- /dev/null
+++ b/html/main/projects.tmpl.html
@@ -0,0 +1,19 @@
+{{ define "title" }}Projects{{end}}
+{{ define "description" }}Porfolio projects.{{end}}
+{{ define "keywords" }}projects{{end}}
+
+{{ define "main" }}
+    <h1>alexscerba.com<wbr>/projects</h1>
+
+    <section class="postContent">
+      <h2>Completed</h2>
+{{ range .Contents }}
+        <figure class="thumbnail">
+          <a href="/projects/{{ .FileName }}">
+            {{ .Image }}
+            <figcaption>{{ .Title }}</figcaption>
+          </a>
+        </figure>
+{{ end }}
+    </section>
+{{ end }}
\ No newline at end of file
diff --git a/html/master.tmpl.html b/html/master.tmpl.html
new file mode 100644
index 0000000..49b3060
--- /dev/null
+++ b/html/master.tmpl.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en-US">
+
+  <head>
+
+    <meta charset="utf-8" />
+    <meta name="author" content="Alexander Rees Scerba" />
+    <title>{{block "title" .}}Page{{end}} - Alex Scerba</title>
+    <meta name="description" content="{{block "description" .}}Alex's personal site{{end}}" />
+    <meta name="keywords" content="{{block "keywords" .}}personal site{{end}}">
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="/static/style.css" />
+    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" />
+
+  </head>
+
+  <body>
+
+    <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>
+
+    <main>
+
+{{ template "main" . }}
+
+    </main>
+  </body>
+
+</html>
diff --git a/html/projects/CCS_Entry_Portfolio.tmpl.html b/html/projects/CCS_Entry_Portfolio.tmpl.html
new file mode 100644
index 0000000..f8e2f77
--- /dev/null
+++ b/html/projects/CCS_Entry_Portfolio.tmpl.html
@@ -0,0 +1,21 @@
+{{define "title"}}{{range .Contents}}{{ .Title }}{{end}}{{end}}
+{{define "description"}}My entry portfolio for the College for Creative Studies.{{end}}
+{{define "keywords"}}project CCS{{end}}
+    
+{{define "main"}}
+    <h1>Project</h1>
+    <article class="postContent">
+      <h2>{{range .Contents}}{{ .Title }}{{end}}</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.">
+        <img src="/static/media/Sketch Portfolio early 2021/Flamingo_720p.jpg" alt="Flamingo standing on one leg sketch.">
+        <img src="/static/media/Sketch Portfolio early 2021/Harley_Sportbike_Concept_720p.jpg" alt="Harley Davidson concept sportbike sketch.">
+        <img class="mainImage" 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.">
+      </div>
+      <p>Uploaded: <time datetime="2022-06-15">2022-06-15</time></p>
+    </article>
+{{end}}
\ No newline at end of file
diff --git a/html/projects/CCS_Sophomore_Interior.tmpl.html b/html/projects/CCS_Sophomore_Interior.tmpl.html
new file mode 100644
index 0000000..0fd99d4
--- /dev/null
+++ b/html/projects/CCS_Sophomore_Interior.tmpl.html
@@ -0,0 +1,13 @@
+{{define "title"}}{{range .Contents}}{{ .Title }}{{end}}{{end}}
+{{define "description"}}My entry portfolio for the College for Creative Studies.{{end}}
+{{define "keywords"}}project CCS{{end}}
+    
+{{define "main"}}
+    <h1>Project</h1>
+    <article class="postContent">
+      <h2>CCS Sophomore Interior</h2>
+      <p>Honda S-30 project at CCS</p>
+      <img class="mainImage" src="/static/media/DTR-232-D-Final_Board-Scerba.jpg" alt="Sophomore interior studio project HONDA S-30.">
+      <p>Uploaded: <time datetime="2022-06-17">2022-06-17</time></p>
+    </article>
+{{end}}
\ No newline at end of file
diff --git a/html/projects/MCTS_Personal_Transit_Concept.tmpl.html b/html/projects/MCTS_Personal_Transit_Concept.tmpl.html
new file mode 100644
index 0000000..6906172
--- /dev/null
+++ b/html/projects/MCTS_Personal_Transit_Concept.tmpl.html
@@ -0,0 +1,36 @@
+{{define "title"}}{{range .Contents}}{{ .Title }}{{end}}{{end}}
+{{define "description"}}Mobility project centered around Milwaukee, WI.{{end}}
+{{define "keywords"}}project CCS mobility{{end}}
+
+{{define "main"}}
+    <h1>Project</h1>
+    <article class="postContent">
+      <h2>{{range .Contents}}{{ .Title }}{{end}}</h2>
+      <p>This is a project completed at CCS for Design Theory II: Mobility</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 class="mainImage" src="/static/media/DT2Mobility/Front34.jpg">
+      <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">
+      <p>Uploaded: <time datetime="2022-07-05">2022-07-05</time></p>
+    </article>
+{{end}}
\ No newline at end of file
-- 
cgit v1.2.3