Update to use new style elements.

5 files changed, 74 insertions, 64 deletions

diff --git a/html/blog/First_Post.tmpl.html b/html/blog/First_Post.tmpl.html
index 810b2d0..b60f9f6 100644
--- a/html/blog/First_Post.tmpl.html
+++ b/html/blog/First_Post.tmpl.html
@@ -4,21 +4,23 @@
 {{ define "canonical" }}/blog{{end}}
 
 {{define "main"}}
-    <h1>Blog</h1>
-    <article class="postContent">
-      <h2>{{.Post.Title}}</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>
+      <h1>Blog</h1>
+      <div class="postBackground">
+        <article class="postContent">
+        <h2>{{.Post.Title}}</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>
+    </div>
 {{end}}
\ No newline at end of file
diff --git a/html/blog/Jeep_CJ7_Turn_Signal_Repair.tmpl.html b/html/blog/Jeep_CJ7_Turn_Signal_Repair.tmpl.html
index 51dcc2a..869a8ae 100644
--- a/html/blog/Jeep_CJ7_Turn_Signal_Repair.tmpl.html
+++ b/html/blog/Jeep_CJ7_Turn_Signal_Repair.tmpl.html
@@ -5,21 +5,23 @@
 
 {{define "main"}}
 <h1>Blog</h1>
-<article class="postContent">
-  <h2>{{.Post.Title}}</h2>
-  <p>A while back, I noticed that the passenger side turn signal on my 1985 Jeep CJ7 was out. The right turn signal indicator would stay solid when the headlights were turned on. I pulled the bulb assembly and found this:</p>
-  <img src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Before.webp" alt="Disassembled turn signal lamp assembly: housing, wire harness, contact that broke off wire, degraded rubber grommet, bulb, and lens cover." />
-  <p>The wire responsible for turning the bulb “high” was broken from what I assume is fatigue. The rubber meant to support the wire and contact pin was severely degraded and falling apart, exposing the bare wire where it met the pin. This also means the wire could freely flex at the joint, and going over bumbs or just general road vibration could have eventually wore it down. I didn’t see much in the way of corrosion around the wire, so that’s why I assume it was stress related.</p>
-  <p>Anyways, the bucket was severely rusted, and the gasket was a poor excuse for one, so I cleaned up the bucket with some sandpaper and gave it a light coat of lubricant to hopefully hinder the rust and cut a new gasket from two layers of craft foam. This is definitely a short-term solution, but with school fast approaching and the fact that this will be garaged for the next 9 months I wasn’t too concerned. Next spring is Jeep repair time, this summer is “cobble it together until then” time. I also cleaned up the driver side bucket the same way and cut a new seal just to try and keep it from rusting any more.</p>
-  <img src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Cleaned_Bucket.webp" alt="Sanded and re-foamed turn signal bucket" />
-  <p>Next, I got to repairing the harness. The pin was a crimp-on, and there was no easy way I was going to be able to uncrimp it for reuse. So I did the next best thing, soldering. Anyone that takes pride in soldering would probably stare agasp at what I did, but again, I’ll fix it correctly in the spring. I just trimmed back a bit of sheathing on the wire and soldered it to the bare copper on the side of the pin. Pretty or preferable? No. Does it work? Yes.</p>
-  <img src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Soldered_Harness.webp" alt="Soldered and repaired turn signal harness" />
-  <p>Finally, everything was reinserted into the bucket. I reused the dryrotted rubber piece that was still in the bucket because it needs that to keep the pins in place and put tension on the bulb to retain it. After it was all reassembled, I put some Shoe Goo (it’s what I had lying around) on the exposed end to try and prevent the same thing from happening again quickly.</p>
-  <img src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Final_Front.webp" alt="Front of final lamp assembly" />
-  <img src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Final_Rear.webp" alt="Rear of final lamp assembly" />
-  <p>Pretty happy with how it turned out given that I didn’t spend anything or go anywhere other than my garage to get it done. Here’s a video of it being tested:</p>
-  <video src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Flasher_Test.mp4" alt="Turn signal test, and lamp flashes as expected" controls=""><a href="/static/media/Jeep_CJ7_Turn_Signal_Repair/Flasher_Test.mp4">CJ7 Signal Test</a></video>
-  <p>Now to repair the muffler I blew… but that’s for another day.</p>
-  <p>Uploaded: <time datetime="2023-07-20">2023-07-20</time></p>
-</article>
+<div class="postBackground">
+  <article class="postContent">
+    <h2>{{.Post.Title}}</h2>
+    <p>A while back, I noticed that the passenger side turn signal on my 1985 Jeep CJ7 was out. The right turn signal indicator would stay solid when the headlights were turned on. I pulled the bulb assembly and found this:</p>
+    <img src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Before.webp" alt="Disassembled turn signal lamp assembly: housing, wire harness, contact that broke off wire, degraded rubber grommet, bulb, and lens cover." />
+    <p>The wire responsible for turning the bulb “high” was broken from what I assume is fatigue. The rubber meant to support the wire and contact pin was severely degraded and falling apart, exposing the bare wire where it met the pin. This also means the wire could freely flex at the joint, and going over bumbs or just general road vibration could have eventually wore it down. I didn’t see much in the way of corrosion around the wire, so that’s why I assume it was stress related.</p>
+    <p>Anyways, the bucket was severely rusted, and the gasket was a poor excuse for one, so I cleaned up the bucket with some sandpaper and gave it a light coat of lubricant to hopefully hinder the rust and cut a new gasket from two layers of craft foam. This is definitely a short-term solution, but with school fast approaching and the fact that this will be garaged for the next 9 months I wasn’t too concerned. Next spring is Jeep repair time, this summer is “cobble it together until then” time. I also cleaned up the driver side bucket the same way and cut a new seal just to try and keep it from rusting any more.</p>
+    <img src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Cleaned_Bucket.webp" alt="Sanded and re-foamed turn signal bucket" />
+    <p>Next, I got to repairing the harness. The pin was a crimp-on, and there was no easy way I was going to be able to uncrimp it for reuse. So I did the next best thing, soldering. Anyone that takes pride in soldering would probably stare agasp at what I did, but again, I’ll fix it correctly in the spring. I just trimmed back a bit of sheathing on the wire and soldered it to the bare copper on the side of the pin. Pretty or preferable? No. Does it work? Yes.</p>
+    <img src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Soldered_Harness.webp" alt="Soldered and repaired turn signal harness" />
+    <p>Finally, everything was reinserted into the bucket. I reused the dryrotted rubber piece that was still in the bucket because it needs that to keep the pins in place and put tension on the bulb to retain it. After it was all reassembled, I put some Shoe Goo (it’s what I had lying around) on the exposed end to try and prevent the same thing from happening again quickly.</p>
+    <img src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Final_Front.webp" alt="Front of final lamp assembly" />
+    <img src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Final_Rear.webp" alt="Rear of final lamp assembly" />
+    <p>Pretty happy with how it turned out given that I didn’t spend anything or go anywhere other than my garage to get it done. Here’s a video of it being tested:</p>
+    <video src="/static/media/Jeep_CJ7_Turn_Signal_Repair/Flasher_Test.mp4" alt="Turn signal test, and lamp flashes as expected" controls=""><a href="/static/media/Jeep_CJ7_Turn_Signal_Repair/Flasher_Test.mp4">CJ7 Signal Test</a></video>
+    <p>Now to repair the muffler I blew… but that’s for another day.</p>
+    <p>Uploaded: <time datetime="2023-07-20">2023-07-20</time></p>
+  </article>
+</div>
 {{end}}
diff --git a/html/blog/July_5th_Update.tmpl.html b/html/blog/July_5th_Update.tmpl.html
index cd40fc4..2c65c38 100644
--- a/html/blog/July_5th_Update.tmpl.html
+++ b/html/blog/July_5th_Update.tmpl.html
@@ -5,22 +5,24 @@
 
 {{define "main"}}
     <h1>Blog</h1>
-    <article class="postContent">
-      <h2>{{.Post.Title}}</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>
+    <div class="postBackground">
+      <article class="postContent">
+        <h2>{{.Post.Title}}</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>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>
+          <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>
-      </ul>
-      <p>Uploaded: <time datetime="2022-07-05">2022-07-05</time></p>
-    </article>
+        <p>Uploaded: <time datetime="2022-07-05">2022-07-05</time></p>
+      </article>
+    </div>
 {{end}}
\ No newline at end of file
diff --git a/html/blog/MKE_Air_&_Water_Show_-_2023-07-23.tmpl.html b/html/blog/MKE_Air_&_Water_Show_-_2023-07-23.tmpl.html
index f3bf96a..a116a29 100644
--- a/html/blog/MKE_Air_&_Water_Show_-_2023-07-23.tmpl.html
+++ b/html/blog/MKE_Air_&_Water_Show_-_2023-07-23.tmpl.html
@@ -5,12 +5,14 @@
 
 {{define "main"}}
 <h1>Blog</h1>
-<article class="postContent">
-  <h2>{{.Post.Title}}</h2>
-  <p>While figuring out how to pass the time, a friend linked to the /r/milwaukee subreddit. Out of boredom, I opened up the link. To my surprise (I’m not that in the loop), people were posting about an air show going on. It was 1:30 PM when I found the event page and saw that the Blue Angels were on for 3:00 PM. Since I needed to be in Milwaukee by 5:00 PM anyways and I haven’t seen an air show, I packed up the Sportster and hit the road. As I came off I-794 by the art museum, I was surprised to see not that much traffic at first. That fallacy was soon broken. I found a spot a few minutes after the show start time, though, and right as I got off the bike to find a spot to sit the Blue Angels flew just overhead in formation. It was loud… but awesome. Sure, I’ve been on an airliner, heard loud engines, and ride a relatively loud motorcycle, but the sound and feeling of several jet fighters flying some eighty feet above is something I haven’t experienced. Here are a few of the videos I captured:</p>
-  <p><a href="https://imgur.com/a/Lajrpbl" target="_blank" rel="noopener noreferrer">imgur album</a></p>
-  <p>Overall it was a great experience. My only regret is having to hurry to get there, otherwise I would have parked somewhere else and walked down. The streets were packed… everywhere near the lake and the surrounding area. So if you want to go in the future, definitely show up early and walk/bike/skate/scooter down. You’ll be much happier regardless of the weather. Sitting in locked traffic for an hour trying to get away from the lake was a bit insane. Having some plans that let you hang around for a while is even better.</p>
-  <p>Anyways, the EAA Fly-in is this week in Oshkosh, and I absolutely plan on attending.</p>
-  <p>Uploaded: <time datetime="2023-07-26">2023-07-26</time></p>
-</article>
+<div class="postBackground">
+  <article class="postContent">
+    <h2>{{.Post.Title}}</h2>
+    <p>While figuring out how to pass the time, a friend linked to the /r/milwaukee subreddit. Out of boredom, I opened up the link. To my surprise (I’m not that in the loop), people were posting about an air show going on. It was 1:30 PM when I found the event page and saw that the Blue Angels were on for 3:00 PM. Since I needed to be in Milwaukee by 5:00 PM anyways and I haven’t seen an air show, I packed up the Sportster and hit the road. As I came off I-794 by the art museum, I was surprised to see not that much traffic at first. That fallacy was soon broken. I found a spot a few minutes after the show start time, though, and right as I got off the bike to find a spot to sit the Blue Angels flew just overhead in formation. It was loud… but awesome. Sure, I’ve been on an airliner, heard loud engines, and ride a relatively loud motorcycle, but the sound and feeling of several jet fighters flying some eighty feet above is something I haven’t experienced. Here are a few of the videos I captured:</p>
+    <p><a href="https://imgur.com/a/Lajrpbl" target="_blank" rel="noopener noreferrer">imgur album</a></p>
+    <p>Overall it was a great experience. My only regret is having to hurry to get there, otherwise I would have parked somewhere else and walked down. The streets were packed… everywhere near the lake and the surrounding area. So if you want to go in the future, definitely show up early and walk/bike/skate/scooter down. You’ll be much happier regardless of the weather. Sitting in locked traffic for an hour trying to get away from the lake was a bit insane. Having some plans that let you hang around for a while is even better.</p>
+    <p>Anyways, the EAA Fly-in is this week in Oshkosh, and I absolutely plan on attending.</p>
+    <p>Uploaded: <time datetime="2023-07-26">2023-07-26</time></p>
+  </article>
+</div>
 {{end}}
diff --git a/html/blog/Markdown_To_HTML_Update.tmpl.html b/html/blog/Markdown_To_HTML_Update.tmpl.html
index 2f301ba..05f79d5 100644
--- a/html/blog/Markdown_To_HTML_Update.tmpl.html
+++ b/html/blog/Markdown_To_HTML_Update.tmpl.html
@@ -5,10 +5,12 @@
 
 {{define "main"}}
 <h1>Blog</h1>
-<article class="postContent">
-  <h2>{{.Post.Title}}</h2>
-  <p>So, I got the site to use real, authentic, true to the standard, “text/template” format for my pages and posts. No more strange, non-conforming elements. More readable source code?? We have it. The best?? Probably not… but that’s okay because progress is progress. The last few things to do are program in the tagging system, set up <a href="https://imagemagick.org/" target="_blank" rel="noopener noreferrer">ImageMagick</a> for automatically sizing images, and writing the automation scripts to move everything where it sholud go.</p>
-  <p>Getting this all to work has been a great adventure. Going back to programming has been pretty refreshing compared to working on art. A program is either right or wrong. It does what you expect, or it doesn’t. There’s not much interpretation to be had and I miss it.</p>
-  <p>Uploaded: <time datetime="2023-07-13">2023-07-13</time></p>
-</article>
+<div class="postBackground">
+  <article class="postContent">
+    <h2>{{.Post.Title}}</h2>
+    <p>So, I got the site to use real, authentic, true to the standard, “text/template” format for my pages and posts. No more strange, non-conforming elements. More readable source code?? We have it. The best?? Probably not… but that’s okay because progress is progress. The last few things to do are program in the tagging system, set up <a href="https://imagemagick.org/" target="_blank" rel="noopener noreferrer">ImageMagick</a> for automatically sizing images, and writing the automation scripts to move everything where it sholud go.</p>
+    <p>Getting this all to work has been a great adventure. Going back to programming has been pretty refreshing compared to working on art. A program is either right or wrong. It does what you expect, or it doesn’t. There’s not much interpretation to be had and I miss it.</p>
+    <p>Uploaded: <time datetime="2023-07-13">2023-07-13</time></p>
+  </article>
+</div>
 {{end}}