deploy: 1512ce4

assets/css/content.css

@@ -9,7 +9,7 @@ content-wrapper { gap: 1rem; }
 .prose {
     font-size: var(--fs-main-txt);
     color: var(--clr-slate-600);
-    padding: 0 var(--sz-main-padding) 4em;
+    padding: 0 var(--sz-main-padding) var(--sz-content-bottom);
 }
 
 .prose > * + :not([class]) { margin-top: var(--sz-paragraph-margin); }
@@ -19,7 +19,7 @@ content-wrapper { gap: 1rem; }
 .prose > h4, .prose > h5, .prose > h6 { margin-top: 2em; }
 
 .bio { max-width: 65ch; }
-.right-sidebar { padding: 0 clamp(1em, 5%, 1.5em) 3em; }
+.right-sidebar { padding: 0 clamp(1em, 5%, 1.5em) var(--sz-content-bottom); }
 
 .sidebar--sticky {
     position: sticky;

assets/css/global.css

@@ -27,6 +27,7 @@
     --sz-main-padding: clamp(1em, 5%, 1.5em);
     --sz-paragraph-margin: 1.15em;
     --sz-list-gap: 0.7em;
+    --sz-content-bottom: 4em;
 
     --bs-main: 0 10px 15px -3px rgba(0, 0, 0, 0.3),
         0 4px 6px -4px rgb(0 0 0 / 0.2);

blog/posts/2024-07-19-eleventy-3-0-upgrade/index.html

@@ -27,7 +27,7 @@
         <style>.toc__wrapper {
         max-height: 89vh;
         overflow-x: auto;
-        padding: 0.3em 1.3rem;
+        padding: 0.3em 1.3rem 1.5em;
     }
 
     .toc__heading {
@@ -65,6 +65,10 @@
         padding: 0;
         font-size: 1rem;
     }
+
+    @media only screen and (min-width: 60rem) {
+        .toc__wrapper { padding-bottom: var(--sz-content-bottom); }
+    }
 .header {
         display: flex;
         justify-content: space-between;

now/index.html

@@ -265,10 +265,15 @@ <h1 class="heading--main">Now</h1>
 
 
     <article class="prose">
-        <p><em>This page was last updated on 8 July 2024.</em></p>
+        <p><em>This page was last updated on 19 July 2024.</em></p>
 <p>This is my <a href="https://nownownow.com/about">/now page</a>, which highlights what I am doing and focusing on at the moment. You can find more pages like this at <a href="https://nownownow.com/">nownownow.com</a>.</p>
 <p>You can also view <a href="https://nownownow.com/p/D9En">my profile on nownownow.com</a>.</p>
 <div class="heading-wrapper h2">
+<h2 id="upgraded-eleventy-to-30">Upgraded Eleventy to 3.0</h2>
+<a class="heading-anchor" href="#upgraded-eleventy-to-30" aria-labelledby="upgraded-eleventy-to-30"><span hidden="">#</span></a></div>
+<p>I have been building this website with Eleventy since April 2024, and now I have officially upgraded Eleventy to version 3.0.</p>
+<p>You can read more about this website's upgrade to Eleventy 3.0 on my blog post, <a href="/blog/posts/2024-07-19-eleventy-3-0-upgrade">Aboard the Eleventy 3.0 Train</a>.</p>
+<div class="heading-wrapper h2">
 <h2 id="my-current-progress-in-my-courses">My Current Progress in My Courses</h2>
 <a class="heading-anchor" href="#my-current-progress-in-my-courses" aria-labelledby="my-current-progress-in-my-courses"><span hidden="">#</span></a></div>
 <div class="heading-wrapper h3">
@@ -281,11 +286,6 @@ <h3 id="scrimbas-frontend-developer-career-path"><a href="https://scrimba.com/le
 </ul>
 </li>
 </ul>
-<div class="heading-wrapper h2">
-<h2 id="other-things-i-have-been-doing-recently">Other Things I Have Been Doing Recently</h2>
-<a class="heading-anchor" href="#other-things-i-have-been-doing-recently" aria-labelledby="other-things-i-have-been-doing-recently"><span hidden="">#</span></a></div>
-<p>I created and released a fork of BellaBuffs, the PHP script for building and managing a fanlisting, an online listing of fans for a particular subject open for fans around the world to join, with PHPMailer integration to power the email sending features.</p>
-<p>You can download my BellaBuffs fork and learn about how to use it from <a href="https://github.com/helenclx/BellaBuffs-PHPMailer">its GitHub repository</a>, and read my blog post about it: <a href="/blog/posts/2024-07-08-dipping-my-toes-in-php-for-my-hobby-project">Dipping My Toes in PHP for My Hobby Project</a>.</p>