Fix/minor tweaks

_config.yml

@@ -126,7 +126,7 @@ bing_site_verification: # out your bing-site-verification ID (Bing Webmaster)
 # -----------------------------------------------------------------------------
 
 blog_name: boyer's blog # blog_name will be displayed in your blog page
-blog_description: all things asboyer
+blog_description: I believe writing is one of the most powerful tools we have to understand the world. Hopefully, through my writing, you can discover something new in technology, lifestyle, ideas, projects, or storytelling.
 permalink: /blog/:year/:title/
 
 # Pagination

_includes/social.liquid

@@ -110,11 +110,7 @@
     <a href="https://letterboxd.com/{{ site.letterboxd_username }}" title="Letterboxd"><i class="fa-brands fa-square-letterboxd"></i></a>
 {% endif %}
 {% if site.substack_username: %}
-    <a href="https://{{ site.substack_username }}.substack.com" title="Substack">
-        <svg class="substack-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-label="Substack">
-            <path d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z"/>
-        </svg>
-    </a>
+    <a href="https://{{ site.substack_username }}.substack.com" title="Substack"><svg class="substack-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-label="Substack"><path d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z"/></svg></a>
 {% endif %}
 {% if site.goodreads_id: %}
     <a href="https://www.goodreads.com/user/show/{{ site.goodreads_id }}" title="Goodreads"><i class="fa-brands fa-goodreads"></i></a>

_pages/blog.md

@@ -25,6 +25,9 @@ pagination:
 
   <div class="header-bar">
     <h1>{{ site.blog_name }}</h1>
+    {% if blog_description_size > 0 %}
+      <p class="blog-description">{{ site.blog_description }}</p>
+    {% endif %}
   </div>
   {% endif %}
 
@@ -72,7 +75,7 @@ pagination:
 
 <div class="container featured-posts">
 {% assign is_even = featured_posts.size | modulo: 2 %}
-<div class="row row-cols-{% if featured_posts.size <= 2 or is_even == 0 %}2{% else %}3{% endif %}">
+<div class="row row-cols-1 row-cols-sm-{% if featured_posts.size <= 2 or is_even == 0 %}2{% else %}3{% endif %}">
       <!-- TODO: fix the links, info it displays, like redirects and predicted length -->
       {% for post in featured_posts %}
         <div class="card-item col">

_posts/2024-03-01-the-sierra-escape-pt-1.md

@@ -21,6 +21,12 @@ authors:
     font-size: 1.2rem !important;
     line-height: 2.0 !important;
   }
+  @media (max-width: 768px) {
+    #markdown-content {
+      font-size: 1.1rem !important;
+      line-height: 1.8 !important;
+    }
+  }
 </style>
 
 <h2 style="text-align: center; margin-top: 30px">Prologue</h2>

_sass/_base.scss

@@ -2,6 +2,15 @@
  * Styles for the base elements of the theme.
  ******************************************************************************/
 
+// Hide scrollbar while keeping scroll functionality
+html {
+    scrollbar-width: none; // Firefox
+    -ms-overflow-style: none; // IE/Edge
+    &::-webkit-scrollbar {
+        display: none; // Chrome/Safari
+    }
+}
+
 // Typography
 
 p,
@@ -544,12 +553,25 @@ footer.sticky-bottom {
         color: var(--global-theme-color);
         font-size: 5rem;
     }
+
+    .blog-description {
+        color: var(--global-text-color-light);
+        font-size: 1rem;
+        // margin-top: -0.75rem;
+        margin-top: 0;
+        margin-bottom: 0;
+
+        @media (max-width: 768px) {
+            display: none;
+        }
+    }
 }
 
 .tag-category-list {
     border-bottom: 1px solid var(--global-divider-color);
     text-align: center;
     padding-top: 1rem;
+    padding-bottom: 1rem;
 
     ul {
         justify-content: center;
@@ -559,10 +581,20 @@ footer.sticky-bottom {
         li {
             list-style: none;
             display: inline-block;
-            padding: 1rem 0.5rem;
+            padding: 0.25rem 0.5rem;
+            margin: 0;
             color: var(--global-text-color-light);
         }
     }
+
+    @media (max-width: 768px) {
+        ul {
+            p,
+            li {
+                padding: 0.1rem 0.5rem;
+            }
+        }
+    }
 }
 
 .post-title {
@@ -571,6 +603,12 @@ footer.sticky-bottom {
     }
 }
 
+@media (max-width: 768px) {
+    .post-list .post-title {
+        font-size: 1.4rem;
+    }
+}
+
 @media (max-width: 500px) {
     .post-title {
         font-size: 2rem;
@@ -624,6 +662,13 @@ footer.sticky-bottom {
             display: unset;
         }
     }
+
+    @media (max-width: 768px) {
+        li {
+            padding-top: 1rem;
+            padding-bottom: 0.5rem;
+        }
+    }
 }
 
 .pagination {
@@ -991,8 +1036,13 @@ html.transition *:after {
 }
 
 #markdown-content {
-    font-size: 1.15rem !important;
-    line-height: 1.8 !important;
+    font-size: 1.18rem !important;
+    line-height: 1.7 !important;
+
+    @media (max-width: 768px) {
+        font-size: 1.075rem !important;
+        line-height: 1.6 !important;
+    }
 }
 
 #navbar {