Added Yukon towing footage and figcaption rename

2 files changed, 19 insertions, 2 deletions

diff --git a/blog.html b/blog.html
index 1c6fce6..d3d9589 100644
--- a/blog.html
+++ b/blog.html
@@ -42,6 +42,17 @@
       <h1>Blog</h1>

       <p>A collection of thoughts, life updates, projects, and images in reverse chronological order.</p>

       <hr />

+      <h2 id="202403121">Yukon Towing Footage</h2>

+      <p>My friend, Ben, and I took a trip out to New Mexico at the start of last summer to tow back my late grandpa's Jeep CJ-7. We documented various parts of the journey there and back, and Ben is just now sifting through all of the footage &lpar;I don't blame him, it's a lot&rpar;.</p>

+      <p>This is footage driving through Wolf Creek Pass in Colorado. We've got the Jeep in tow behind a GMT900 platform Yukon.</p>

+      <iframe width="1000" src="https://www.youtube-nocookie.com/embed/gvgb8o5VdsU?si=iaa3iBDlXas1OsSb" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

+      <h3>Timestamps</h3>

+      <ul>

+        <li><a href="https://youtu.be/gvgb8o5VdsU?si=IyibMNeYdFmhIRjb&t=184" target="_blank" rel="noopener noreferrer">3:04</a> - Redlining in 2nd gear.</li>

+        <li><a href="https://www.youtube.com/watch?v=gvgb8o5VdsU&t=843s" target="_blank" rel="noopener noreferrer">14:03</a> - Dense fog.</li>

+      </ul>

+      <p><b>Created:</b> 2024-03-12</p>

+      <hr />

       <h2 id="202403101">Spring Break - Day 9</h2>

       <p><i>It's spring break this week, and seeing as there are lots of things planned, I figured I'd jot down the main points each day.</i></p>

       <p>This one'll be pretty brief. Sunday was the drive back to Michigan. We got up, finished packing and ran some last minute errands like returning the ignition switch for the CJ-7, re-tourquing the wheel lugs, and visiting with my grandparents one last time.</p>

@@ -56,7 +67,7 @@
       <p>This morning was spent cleaning up the livingroom and choosing which LEGO sets to bring back to school. It should be fun having more LEGO around in the dorm. My roommates have been aquiring various LEGO sets over the last couple months, so it'll be a good addition to the collection. This is what we settled on:</p>

       <figure>

         <img src="./static/media/SB-D8/CIS-Tank-Droid_1000.jpg" alt="LEGO CIS tank droid." width="1000" height="562" />

-        <figcaption>CIS tank droid.</figcaption>

+        <figcaption>Corporate Alliance tank droid.</figcaption>

       </figure>

       <figure>

         <img src="./static/media/SB-D8/Soulless-One_1000.jpg" alt="LEGO General Grievous's fighter." width="1000" height="562" />

diff --git a/static/style.css b/static/style.css
index 7358a7f..ac3d316 100644
--- a/static/style.css
+++ b/static/style.css
@@ -173,8 +173,14 @@ h3, h4, h5, h6 {
     gap: 1rem;

 }

 

+iframe {

+  max-width: 100%;

+  aspect-ratio: 16/9;

+  display: block;

+}

+

 figure {

-  max-width: 30rem;

+  max-width: 35rem;

   margin: 2rem auto;

 }