diff --git a/archetypes/blog.md b/archetypes/blog.md
index d40e1d70..27590458 100644
--- a/archetypes/blog.md
+++ b/archetypes/blog.md
@@ -8,6 +8,18 @@ draft: true
 # author: "(author name)"
 # image: "name"
 # cover: "cover.png" # Default
+
+
+# guest_author:
+#   name: (author name) # This is the name used at the bottom of the blog post, author field is still required
+#   title: "(Chess extraordinaire)"
+#   image_url: "(URL to image)"
+#   url: "(URL when name is clicked on)"
+#   socials:
+#     github: "(github username)"
+#     website: "(url to website)"
+#     twitter: "https://twitter.com/(handle here)"
+#     discord: "(url to discord)"
 ---
 
 (This page is not yet written)
diff --git a/content/blog/2025/EngineBattle/index.md b/content/blog/2025/EngineBattle/index.md
index 96c19490..6418deb9 100644
--- a/content/blog/2025/EngineBattle/index.md
+++ b/content/blog/2025/EngineBattle/index.md
@@ -1,4 +1,12 @@
 ---
+guest_author:
+  name: lepned
+  title: "EngineBattle Developer"
+  image_url: "https://avatars.githubusercontent.com/u/1504584?v=4"
+  url: "https://github.com/lepned"
+  socials:
+    github: "lepned"
+    website: "https://github.com/lepned/EngineBattle"
 author: lepned
 published: "2025-07-22"
 title: 'EngineBattle: A Comprehensive Streaming, Testing and Analysis Tool for Lc0
diff --git a/content/blog/2025/Leela_odds_tournament/index.md b/content/blog/2025/Leela_odds_tournament/index.md
index 90797e7a..388102d8 100644
--- a/content/blog/2025/Leela_odds_tournament/index.md
+++ b/content/blog/2025/Leela_odds_tournament/index.md
@@ -1,7 +1,15 @@
 ---
-author: GM Larry "Hissha" Kaufman
+author: Hissha
 published: "2025-12-07"
 title: 'Leela Odds Tournament in Jerusalem'
+guest_author:
+  name: GM Larry "Hissha" Kaufman
+  title: "American Chess Grand Master"
+  image_url: "https://images.chesscomfiles.com/uploads/v1/user/8883540.f9bceb19.160x160o.a156447c9ff7.jpeg"
+#   url: "https://github.com/N/A"
+#   socials:
+#     github: "N/A"
+#     website: "N/A"
 ---
 
 Is a rook advantage enough for a master to beat a superhuman AI in classical chess? For decades, the answer was an obvious "yes." However, a recent event in Jerusalem suggests the answer is no longer guaranteed.
diff --git a/layouts/_partials/socials.html b/layouts/_partials/socials.html
new file mode 100644
index 00000000..424ac016
--- /dev/null
+++ b/layouts/_partials/socials.html
@@ -0,0 +1,24 @@
+{{ with .socials }}
+<div class="author-socials">
+    {{ with .github }}
+        <a href="https://github.com/{{ . }}" target="_blank" rel="noopener" class="social-link" aria-label="GitHub">
+            <i class="qlementine-icons--github-fill-24"></i>
+        </a>
+    {{ end }}
+    {{ with .twitter }}
+        <a href="https://twitter.com/{{ . }}" target="_blank" rel="noopener" class="social-link" aria-label="Twitter">
+            <i class="qlementine-icons--x-24"></i>
+        </a>
+    {{ end }}
+    {{ with .discord }}
+        <a href="{{ . }}" target="_blank" rel="noopener" class="social-link" aria-label="Discord">
+            <i class="qlementine-icons--discord-fill-24"></i>
+        </a>
+    {{ end }}
+    {{ with .website }}
+        <a href="{{ . }}" target="_blank" rel="noopener" class="social-link" aria-label="Website">
+            <i class="lucide--link-2"></i>
+        </a>
+    {{ end }}
+</div>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/blog/page.html b/layouts/blog/page.html
index d29c64b9..7e041ff6 100644
--- a/layouts/blog/page.html
+++ b/layouts/blog/page.html
@@ -2,8 +2,12 @@
 <div class="main-container">
     <div class="content-container">
 
-        <div class="blog-date">{{ .PublishDate.Format "2006-01-02" }}</div>
         <h1 class="blog-title">{{ .Title }}</h1>
+        <div class="blog-meta">
+        {{ if .PublishDate }}
+            <time class="author-date" datetime="{{ .PublishDate.Format "2006-01-02" }}">{{ .PublishDate.Format "January 2, 2006" }}</time>
+        {{ end }}
+        </div>
 
         {{if .Draft}}
         <div class="banner">
@@ -15,22 +19,55 @@ <h1 class="blog-title">{{ .Title }}</h1>
 
         {{ .Content }}
 
-        {{ if .Params.author }}
-        <div class="last-updated">
-            Posted by: {{ .Params.author }}
-        </div>
+        {{ if .Params.guest_author }}
+            {{ $authorData := .Params.guest_author }}
+            {{ with $authorData }}
+            <div class="author-box">
+                {{ with .image_url }}
+                <img src="{{ . }}" alt="Photo of {{ $authorData.name }}" class="author-avatar">
+                {{ end }}
+                <div class="author-info">
+                    {{ with .url }}
+                        <a href="{{ . }}" target="_blank" rel="noopener" class="author-name">{{ $authorData.name }}</a>
+                    {{ else }}
+                        <span class="author-name">{{ $authorData.name }}</span>
+                    {{ end }}
+                    {{ with .title }}
+                        <div class="author-title">{{ . }}</div>
+                    {{ end }}
+                    {{ partial "socials.html" . }}
+                </div>
+            </div>
+            {{ end }}
+        {{ else if .Params.author }}
+                <div class="last-updated">
+                    Posted by: {{ .Params.author }}
+                </div>
         {{ end }}
-
         <div class="bottom-nav">
+            {{ with .NextInSection }}
+            <a class="next" href="{{.Permalink}}">
+                <i class="material-symbols--arrow-left-alt"></i>
+                <div class="nav-link-text">
+                    <span class="nav-link-label">Next</span>
+                    <span class="nav-link-title">{{.Title}}</span>
+                </div>
+            </a>
+            {{ else }}
+            <span></span>
+            {{ end }}
             {{ with .PrevInSection }}
             <a class="previous" href="{{.Permalink}}">
-                ◃◃◃ {{.Title}}</a>
-            {{ end }}
-            {{ with .NextInSection }}
-            <a class="next" href="{{.Permalink}}">{{.Title}} ▹▹▹</a>
+                <div class="nav-link-text">
+                    <span class="nav-link-label">Previous</span>
+                    <span class="nav-link-title">{{.Title}}</span>
+                </div>
+                <i class="material-symbols--arrow-right-alt"></i>
+            </a>
+            {{ else }}
+            <span></span>
             {{ end }}
         </div>
-
     </div>
 </div>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/blog/section.html b/layouts/blog/section.html
index 9f26604a..2487f4ac 100644
--- a/layouts/blog/section.html
+++ b/layouts/blog/section.html
@@ -5,16 +5,30 @@ <h1 class="title">{{ .Title }}</h1>
     {{if default true .Params.show_contents}}
     {{ $paginator := .Paginate .Pages }}
     {{ range $paginator.Pages }}
-        <div class="blog-summary">            
-            <div class="blog-summary-title">
-                <a href="{{ .Permalink }}">
-                    <span class="blog-summary-date">{{ .PublishDate.Format "2006-01-02" }}</span>{{ .Title }}
-                </a>
+        <div class="blog-summary">
+            <div class="blog-summary-header">
+                {{ if .PublishDate }}
+                    <time class="blog-summary-date" datetime="{{ .PublishDate.Format "2006-01-02" }}">{{ .PublishDate.Format "2006-01-02" }}</time>
+                {{ end }}
+                <h2 class="blog-summary-title">
+                    <a href="{{ .Permalink }}">{{ .Title }}</a>
+                </h2>
             </div>
+            
+            {{/* Fetch and display the author name */}}
+            {{ with .Params.author }}
+                {{ $authorKey := . }}
+                {{ $authorData := index site.Data.authors $authorKey }}
+                {{ $authorName := $authorData.name | default $authorKey }}
+                <div class="blog-summary-meta">
+                    By {{ $authorName }}
+                </div>
+            {{ end }}
+
             {{ if .Params.image }}
                 <img alt="{{ .Title }}" src="{{ .Params.image }}" />
             {{ end}}
-            <p>{{ .Summary }}</p>
+            <p class="blog-summary-content">{{ .Summary }}</p>
         </div>
     {{ end }}
 
@@ -22,11 +36,9 @@ <h1 class="title">{{ .Title }}</h1>
     {{ if gt $paginator.TotalPages 1 }}
     <nav class="pagination">
         <a {{ if $paginator.HasPrev }}href="{{ $paginator.Prev.URL }}" class="pagination-prev" {{ else }}class="pagination-prev pagination-disabled"{{ end }}>← Previous</a>
-
         <span class="pagination-current">Page {{ $paginator.PageNumber }} of {{ $paginator.TotalPages }}</span>
-        
         <a {{ if $paginator.HasNext }}href="{{ $paginator.Next.URL }}" class="pagination-next" {{ else }}class="pagination-next pagination-disabled"{{ end }}>Next →</a>
-        </nav>
+    </nav>
     {{ end }}
     {{ end }}
 {{ end }}
\ No newline at end of file
diff --git a/themes/leela/assets/css/blog.css b/themes/leela/assets/css/blog.css
new file mode 100644
index 00000000..8e8bb2f5
--- /dev/null
+++ b/themes/leela/assets/css/blog.css
@@ -0,0 +1,182 @@
+.blog-summary {
+    margin-top: 3rem; /* Creates vertical space between posts */
+    padding-bottom: 2rem;
+    border-bottom: 1px solid var(--color-border-primary);
+}
+
+.blog-summary:last-of-type {
+    border-bottom: none;
+    padding-bottom: 0;
+}
+
+.blog-summary-header {
+    display: flex;
+    align-items: center;
+    gap: 1rem; 
+}
+
+.blog-summary-date {
+    flex-shrink: 0; /* Prevents the date from shrinking */
+    background-color: var(--color-bg-secondary);
+    color: var(--color-text-tertiary);
+    font-size: 0.875rem;
+    padding: 0.3rem 0.6rem;
+    border-radius: 5px;
+    white-space: nowrap;
+}
+
+.blog-summary-title {
+    margin: 0;
+    font-size: var(--font-size-h4); 
+    font-weight: 600;
+}
+
+.blog-summary-meta {
+    margin-top: 0.5rem; 
+    font-style: italic;
+}
+
+.blog-meta {
+    margin-top: -1.5rem;
+}
+
+.blog-summary-content {
+    margin-top: 0.75rem;
+}
+
+.author-box {
+    display: flex;
+    align-items: center;
+    gap: 1rem; 
+    padding: 0.875rem 1.25rem; 
+    margin-block: 2rem 2.5rem; 
+    background-color: var(--color-bg-secondary);
+    border-left: 4px solid var(--color-accent);
+    border-radius: 8px;
+    box-shadow: 0 4px 12px -4px var(--shadow-color);
+}
+
+.author-avatar {
+    width: 50px; 
+    height: 50px;
+    border-radius: 50%;
+    object-fit: cover; 
+    flex-shrink: 0; 
+}
+
+.author-info {
+    flex-grow: 1;
+}
+
+.author-name {
+    font-size: 1.125rem; 
+    font-weight: 600;
+    color: var(--color-text-primary);
+}
+
+.author-meta {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap; 
+    gap: 0.5rem; 
+    margin-top: 0.125rem;
+}
+
+.author-title {
+    font-size: 0.9rem;
+    color: var(--color-text-secondary);
+    font-style: italic;
+}
+
+.author-date {
+    font-size: 0.9rem;
+    color: var(--color-text-secondary);
+}
+
+.meta-separator {
+    color: var(--color-text-secondary);
+}
+
+/* --- Fallback Styling --- */
+.author-default .author-info {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.author-default .author-name,
+.author-default .author-date,
+.author-default .meta-separator {
+    font-size: 1rem;
+    font-style: italic;
+    color: var(--color-text-tertiary);
+}
+
+.author-default .author-name {
+    font-weight: 400;
+}
+.author-socials {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin-top: 0.5rem;
+}
+
+.social-link {
+    color: var(--color-text-tertiary);
+    transition: color 0.2s ease-in-out;
+}
+
+.social-link:hover {
+    color: var(--color-text-primary);
+}
+
+.bottom-nav {
+    display: flex;
+    justify-content: space-between;
+    align-items: stretch; /* To make links have same height */
+    margin-top: 3rem;
+    margin-bottom: 1rem;
+    gap: 1rem;
+    width: 100%;
+}
+
+.bottom-nav a {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    padding: 0.5rem;
+    border: 1px solid var(--color-border-primary);
+    border-radius: 8px;
+    text-decoration: none;
+    color: var(--color-text-secondary);
+    transition: all 0.2s ease-in-out;
+    flex-basis: 50%; /* Each link takes up to 50% of the width */
+}
+
+.bottom-nav .previous {
+    justify-content: flex-end;
+    text-align: right;
+}
+
+.nav-link-text {
+    display: flex;
+    flex-direction: column;
+}
+
+.nav-link-label {
+    font-size: 0.875rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.nav-link-title {
+    font-size: 1rem;
+    font-weight: 500;
+}
+
+.bottom-nav a i {
+    font-size: 1.5rem;
+    flex-shrink: 0;
+}
\ No newline at end of file
diff --git a/themes/leela/assets/css/icons.css b/themes/leela/assets/css/icons.css
index 0c8e905a..73bf6f1d 100644
--- a/themes/leela/assets/css/icons.css
+++ b/themes/leela/assets/css/icons.css
@@ -1,317 +1,358 @@
-/* Make sure to add `vertical-align: -0.25rem;` to each section to allign it correctly  */
-/* Credits: https://icon-sets.iconify.design/material-symbols/ */
-
-.material-symbols--back-hand {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.8 23q-2.05 0-3.85-.937T6 19.45L1.2 12.4l.475-.475q.5-.525 1.238-.6t1.337.35l2.75 1.9V4q0-.425.288-.712T8 3t.713.288T9 4v8h2V2q0-.425.288-.712T12 1t.713.288T13 2v10h2V3q0-.425.288-.712T16 2t.713.288T17 3v9h2V5q0-.425.288-.712T20 4t.713.288T21 5v9.8q0 3.425-2.387 5.813T12.8 23'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-  vertical-align: -0.25rem;
-}
-
-.material-symbols--bolt {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m8 22l1-7H4l9-13h2l-1 8h6L10 22z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-  vertical-align: -0.25rem;
-}
-
-.material-symbols--info {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 17h2v-6h-2zm1-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-  vertical-align: -0.25rem;
-}
-
-.material-symbols--error {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-  vertical-align: -0.25rem;
-}
-
-.material-symbols--lightbulb-rounded {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22m-3-3q-.425 0-.712-.288T8 18t.288-.712T9 17h6q.425 0 .713.288T16 18t-.288.713T15 19zm-.75-3q-1.725-1.025-2.738-2.75T4.5 9.5q0-3.125 2.188-5.312T12 2t5.313 2.188T19.5 9.5q0 2.025-1.012 3.75T15.75 16z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-  vertical-align: -0.25rem;
-}
-
-.material-symbols--warning {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M1 21L12 2l11 19zm11-3q.425 0 .713-.288T13 17t-.288-.712T12 16t-.712.288T11 17t.288.713T12 18m-1-3h2v-5h-2z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-  vertical-align: -0.25rem;
-}
-
-.qlementine-icons--discord-fill-24 {
-  display: inline-block;
-  width: 1.5em;
-  height: 1.5em;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.3 4.51A20.2 20.2 0 0 0 15.35 3a13 13 0 0 0-.634 1.28a18.6 18.6 0 0 0-5.49 0Q8.943 3.626 8.592 3c-1.71.289-3.38.797-4.96 1.51c-3.13 4.59-3.98 9.06-3.56 13.5c1.84 1.34 3.89 2.36 6.07 3.02a14 14 0 0 0 1.3-2.08c-.71-.262-1.4-.586-2.05-.968q.258-.186.502-.374a14.41 14.41 0 0 0 12.14 0q.247.201.502.374a13 13 0 0 1-2.05.97c.373.726.808 1.42 1.3 2.07c2.19-.652 4.24-1.67 6.08-3.01c.498-5.11-.851-9.55-3.57-13.5zM8 15.31c-1.18 0-2.16-1.06-2.16-2.37s.944-2.38 2.16-2.38c1.21 0 2.18 1.07 2.16 2.38S9.207 15.31 8 15.31m7.97 0c-1.19 0-2.16-1.06-2.16-2.37s.944-2.38 2.16-2.38c1.22 0 2.18 1.07 2.16 2.38s-.951 2.37-2.16 2.37'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.qlementine-icons--x-24 {
-  display: inline-block;
-  width: 1.5em;
-  height: 1.5em;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M19 2h3l-7.68 9.03l7.68 11h-6l-4.97-7.1L5 22.03H2L9.68 13L2 2h6l4.97 7.1zm1.08 19L7.48 3H3.92l12.6 18z' clip-rule='evenodd'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.qlementine-icons--github-fill-24 {
-  display: inline-block;
-  width: 1.5em;
-  height: 1.5em;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 0C5.36 0 0 5.5 0 12.3c0 5.44 3.44 10 8.21 11.7c.597.122.815-.265.815-.59c0-.285-.02-1.26-.02-2.28c-3.34.734-4.04-1.47-4.04-1.47c-.537-1.43-1.33-1.79-1.33-1.79c-1.09-.754.08-.754.08-.754c1.21.082 1.85 1.26 1.85 1.26c1.07 1.87 2.8 1.34 3.5 1.02c.1-.794.418-1.34.756-1.65c-2.66-.285-5.47-1.34-5.47-6.07c0-1.34.477-2.44 1.23-3.3c-.12-.306-.537-1.57.119-3.26c0 0 1.01-.326 3.3 1.26c.979-.269 1.99-.406 3-.407s2.05.143 3 .407c2.29-1.59 3.3-1.26 3.3-1.26c.656 1.69.238 2.95.119 3.26c.776.855 1.23 1.96 1.23 3.3c0 4.73-2.8 5.76-5.49 6.07c.438.387.815 1.12.815 2.28c0 1.65-.02 2.97-.02 3.38c0 .326.22.713.815.591c4.77-1.63 8.21-6.23 8.21-11.7c.02-6.8-5.37-12.3-12-12.3z' clip-rule='evenodd'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.qlementine-icons--rss-24 {
-  display: inline-block;
-  width: 1.5em;
-  height: 1.5em;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.5 3a1.5 1.5 0 0 0 0 3C11.96 6 18 12.04 18 19.5a1.5 1.5 0 0 0 3 0C21 10.39 13.61 3 4.5 3'/%3E%3Cpath fill='%23000' d='M3 10.5A1.5 1.5 0 0 1 4.5 9C10.3 9 15 13.7 15 19.5a1.5 1.5 0 0 1-3 0c0-4.14-3.36-7.5-7.5-7.5A1.5 1.5 0 0 1 3 10.5'/%3E%3Cpath fill='%23000' d='M9 18c0 1.66-1.34 3-3 3s-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.material-symbols--code {
-  display: inline-block;
-  width: 1.5em;
-  height: 1.5em;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m8 18l-6-6l6-6l1.425 1.425l-4.6 4.6L9.4 16.6zm8 0l-1.425-1.425l4.6-4.6L14.6 7.4L16 6l6 6z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.material-symbols--psychology {
-  display: inline-block;
-  width: 1.5em;
-  height: 1.5em;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 15h2l.15-1.25q.2-.075.363-.175t.287-.225l1.15.5l1-1.7l-1-.75q.05-.2.05-.4t-.05-.4l1-.75l-1-1.7l-1.15.5q-.125-.125-.288-.225t-.362-.175L13 7h-2l-.15 1.25q-.2.075-.363.175t-.287.225l-1.15-.5l-1 1.7l1 .75Q9 10.8 9 11t.05.4l-1 .75l1 1.7l1.15-.5q.125.125.288.225t.362.175zm1-2.5q-.625 0-1.062-.437T10.5 11t.438-1.062T12 9.5t1.063.438T13.5 11t-.437 1.063T12 12.5M6 22v-4.3q-1.425-1.3-2.212-3.037T3 11q0-3.75 2.625-6.375T12 2q3.125 0 5.538 1.838t3.137 4.787l1.3 5.125q.125.475-.175.863T21 15h-2v3q0 .825-.587 1.413T17 20h-2v2z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.material-symbols--insights {
-  display: inline-block;
-  width: 1.5em;
-  height: 1.5em;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 20q-.825 0-1.413-.588T1 18q0-.825.588-1.413T3 16h.263q.112 0 .237.05l4.55-4.55Q8 11.375 8 11.262V11q0-.825.588-1.413T10 9q.825 0 1.413.588T12 11q0 .05-.05.5l2.55 2.55q.125-.05.238-.05h.525q.112 0 .237.05l3.55-3.55q-.05-.125-.05-.238V10q0-.825.588-1.413T21 8q.825 0 1.413.588T23 10q0 .825-.588 1.413T21 12h-.263q-.112 0-.237-.05l-3.55 3.55q.05.125.05.238V16q0 .825-.588 1.413T15 18q-.825 0-1.413-.588T13 16v-.263q0-.112.05-.237l-2.55-2.55q-.125.05-.238.05H10q-.05 0-.5-.05L4.95 17.5q.05.125.05.238V18q0 .825-.588 1.413T3 20ZM4 9.975l-.625-1.35L2.025 8l1.35-.625L4 6.025l.625 1.35L5.975 8l-1.35.625L4 9.975ZM15 9l-.95-2.05L12 6l2.05-.95L15 3l.95 2.05L18 6l-2.05.95L15 9Z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.material-symbols--arrow-menu-open-rounded {
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 20V4q0-.425.288-.712T10 3t.713.288T11 4v16q0 .425-.288.713T10 21t-.712-.288T9 20m4-4.2V8.2q0-.35.3-.475t.55.125l3.45 3.45q.3.3.3.7t-.3.7l-3.45 3.45q-.25.25-.55.125T13 15.8'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-  vertical-align: -0.25rem;
-}
-
-.material-symbols--close {
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.meteor-icons--language {
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5h14M9 2v3m4 0q-2 8-9 11m2-7q2 4 6 6m1 7l5-11l5 11m-1.4-3h-7.2'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.ri--sun-line {
-  display: inline-block;
-  width: 1rem;
-  height: 1rem;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.ri--moon-line {
-  display: inline-block;
-  width: 1rem;
-  height: 1rem;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938A8 8 0 0 0 4 12'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.lucide--sun-moon {
-  display: inline-block;
-  width: 1rem;
-  height: 1rem;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v2m2.837 12.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715M16 12a4 4 0 0 0-4-4m7-3l-1.256 1.256M20 12h2'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.material-symbols--open-in-new {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.material-symbols--content-copy {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 18q-.825 0-1.412-.587T7 16V4q0-.825.588-1.412T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413T18 18zm-4 4q-.825 0-1.412-.587T3 20V6h2v14h11v2z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
-.material-symbols--check {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E");
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
+/* Make sure to add `vertical-align: -0.25rem;` to each section to allign it correctly  */
+/* Credits: https://icon-sets.iconify.design/material-symbols/ */
+
+.material-symbols--back-hand {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.8 23q-2.05 0-3.85-.937T6 19.45L1.2 12.4l.475-.475q.5-.525 1.238-.6t1.337.35l2.75 1.9V4q0-.425.288-.712T8 3t.713.288T9 4v8h2V2q0-.425.288-.712T12 1t.713.288T13 2v10h2V3q0-.425.288-.712T16 2t.713.288T17 3v9h2V5q0-.425.288-.712T20 4t.713.288T21 5v9.8q0 3.425-2.387 5.813T12.8 23'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  vertical-align: -0.25rem;
+}
+
+.material-symbols--bolt {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m8 22l1-7H4l9-13h2l-1 8h6L10 22z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  vertical-align: -0.25rem;
+}
+
+.material-symbols--info {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 17h2v-6h-2zm1-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  vertical-align: -0.25rem;
+}
+
+.material-symbols--error {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  vertical-align: -0.25rem;
+}
+
+.material-symbols--lightbulb-rounded {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22m-3-3q-.425 0-.712-.288T8 18t.288-.712T9 17h6q.425 0 .713.288T16 18t-.288.713T15 19zm-.75-3q-1.725-1.025-2.738-2.75T4.5 9.5q0-3.125 2.188-5.312T12 2t5.313 2.188T19.5 9.5q0 2.025-1.012 3.75T15.75 16z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  vertical-align: -0.25rem;
+}
+
+.material-symbols--warning {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M1 21L12 2l11 19zm11-3q.425 0 .713-.288T13 17t-.288-.712T12 16t-.712.288T11 17t.288.713T12 18m-1-3h2v-5h-2z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  vertical-align: -0.25rem;
+}
+
+.qlementine-icons--discord-fill-24 {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.3 4.51A20.2 20.2 0 0 0 15.35 3a13 13 0 0 0-.634 1.28a18.6 18.6 0 0 0-5.49 0Q8.943 3.626 8.592 3c-1.71.289-3.38.797-4.96 1.51c-3.13 4.59-3.98 9.06-3.56 13.5c1.84 1.34 3.89 2.36 6.07 3.02a14 14 0 0 0 1.3-2.08c-.71-.262-1.4-.586-2.05-.968q.258-.186.502-.374a14.41 14.41 0 0 0 12.14 0q.247.201.502.374a13 13 0 0 1-2.05.97c.373.726.808 1.42 1.3 2.07c2.19-.652 4.24-1.67 6.08-3.01c.498-5.11-.851-9.55-3.57-13.5zM8 15.31c-1.18 0-2.16-1.06-2.16-2.37s.944-2.38 2.16-2.38c1.21 0 2.18 1.07 2.16 2.38S9.207 15.31 8 15.31m7.97 0c-1.19 0-2.16-1.06-2.16-2.37s.944-2.38 2.16-2.38c1.22 0 2.18 1.07 2.16 2.38s-.951 2.37-2.16 2.37'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.qlementine-icons--x-24 {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M19 2h3l-7.68 9.03l7.68 11h-6l-4.97-7.1L5 22.03H2L9.68 13L2 2h6l4.97 7.1zm1.08 19L7.48 3H3.92l12.6 18z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.qlementine-icons--github-fill-24 {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 0C5.36 0 0 5.5 0 12.3c0 5.44 3.44 10 8.21 11.7c.597.122.815-.265.815-.59c0-.285-.02-1.26-.02-2.28c-3.34.734-4.04-1.47-4.04-1.47c-.537-1.43-1.33-1.79-1.33-1.79c-1.09-.754.08-.754.08-.754c1.21.082 1.85 1.26 1.85 1.26c1.07 1.87 2.8 1.34 3.5 1.02c.1-.794.418-1.34.756-1.65c-2.66-.285-5.47-1.34-5.47-6.07c0-1.34.477-2.44 1.23-3.3c-.12-.306-.537-1.57.119-3.26c0 0 1.01-.326 3.3 1.26c.979-.269 1.99-.406 3-.407s2.05.143 3 .407c2.29-1.59 3.3-1.26 3.3-1.26c.656 1.69.238 2.95.119 3.26c.776.855 1.23 1.96 1.23 3.3c0 4.73-2.8 5.76-5.49 6.07c.438.387.815 1.12.815 2.28c0 1.65-.02 2.97-.02 3.38c0 .326.22.713.815.591c4.77-1.63 8.21-6.23 8.21-11.7c.02-6.8-5.37-12.3-12-12.3z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.qlementine-icons--rss-24 {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.5 3a1.5 1.5 0 0 0 0 3C11.96 6 18 12.04 18 19.5a1.5 1.5 0 0 0 3 0C21 10.39 13.61 3 4.5 3'/%3E%3Cpath fill='%23000' d='M3 10.5A1.5 1.5 0 0 1 4.5 9C10.3 9 15 13.7 15 19.5a1.5 1.5 0 0 1-3 0c0-4.14-3.36-7.5-7.5-7.5A1.5 1.5 0 0 1 3 10.5'/%3E%3Cpath fill='%23000' d='M9 18c0 1.66-1.34 3-3 3s-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.material-symbols--code {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m8 18l-6-6l6-6l1.425 1.425l-4.6 4.6L9.4 16.6zm8 0l-1.425-1.425l4.6-4.6L14.6 7.4L16 6l6 6z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.material-symbols--psychology {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 15h2l.15-1.25q.2-.075.363-.175t.287-.225l1.15.5l1-1.7l-1-.75q.05-.2.05-.4t-.05-.4l1-.75l-1-1.7l-1.15.5q-.125-.125-.288-.225t-.362-.175L13 7h-2l-.15 1.25q-.2.075-.363.175t-.287.225l-1.15-.5l-1 1.7l1 .75Q9 10.8 9 11t.05.4l-1 .75l1 1.7l1.15-.5q.125.125.288.225t.362.175zm1-2.5q-.625 0-1.062-.437T10.5 11t.438-1.062T12 9.5t1.063.438T13.5 11t-.437 1.063T12 12.5M6 22v-4.3q-1.425-1.3-2.212-3.037T3 11q0-3.75 2.625-6.375T12 2q3.125 0 5.538 1.838t3.137 4.787l1.3 5.125q.125.475-.175.863T21 15h-2v3q0 .825-.587 1.413T17 20h-2v2z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.material-symbols--insights {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 20q-.825 0-1.413-.588T1 18q0-.825.588-1.413T3 16h.263q.112 0 .237.05l4.55-4.55Q8 11.375 8 11.262V11q0-.825.588-1.413T10 9q.825 0 1.413.588T12 11q0 .05-.05.5l2.55 2.55q.125-.05.238-.05h.525q.112 0 .237.05l3.55-3.55q-.05-.125-.05-.238V10q0-.825.588-1.413T21 8q.825 0 1.413.588T23 10q0 .825-.588 1.413T21 12h-.263q-.112 0-.237-.05l-3.55 3.55q.05.125.05.238V16q0 .825-.588 1.413T15 18q-.825 0-1.413-.588T13 16v-.263q0-.112.05-.237l-2.55-2.55q-.125.05-.238.05H10q-.05 0-.5-.05L4.95 17.5q.05.125.05.238V18q0 .825-.588 1.413T3 20ZM4 9.975l-.625-1.35L2.025 8l1.35-.625L4 6.025l.625 1.35L5.975 8l-1.35.625L4 9.975ZM15 9l-.95-2.05L12 6l2.05-.95L15 3l.95 2.05L18 6l-2.05.95L15 9Z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.material-symbols--arrow-menu-open-rounded {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 20V4q0-.425.288-.712T10 3t.713.288T11 4v16q0 .425-.288.713T10 21t-.712-.288T9 20m4-4.2V8.2q0-.35.3-.475t.55.125l3.45 3.45q.3.3.3.7t-.3.7l-3.45 3.45q-.25.25-.55.125T13 15.8'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  vertical-align: -0.25rem;
+}
+
+.material-symbols--close {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.meteor-icons--language {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5h14M9 2v3m4 0q-2 8-9 11m2-7q2 4 6 6m1 7l5-11l5 11m-1.4-3h-7.2'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.ri--sun-line {
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.ri--moon-line {
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938A8 8 0 0 0 4 12'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.lucide--sun-moon {
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v2m2.837 12.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715M16 12a4 4 0 0 0-4-4m7-3l-1.256 1.256M20 12h2'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.lucide--link-2 {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 17H7A5 5 0 0 1 7 7h2m6 0h2a5 5 0 1 1 0 10h-2m-7-5h8'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.material-symbols--arrow-left-alt {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m10 18l-6-6l6-6l1.4 1.45L7.85 11H20v2H7.85l3.55 3.55z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.material-symbols--arrow-right-alt {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.material-symbols--open-in-new {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.material-symbols--content-copy {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 18q-.825 0-1.412-.587T7 16V4q0-.825.588-1.412T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413T18 18zm-4 4q-.825 0-1.412-.587T3 20V6h2v14h11v2z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.material-symbols--check {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
 }
\ No newline at end of file
diff --git a/themes/leela/assets/css/main.css b/themes/leela/assets/css/main.css
index edb938a2..347a82e3 100644
--- a/themes/leela/assets/css/main.css
+++ b/themes/leela/assets/css/main.css
@@ -658,14 +658,6 @@ nav.sidebar .nonselectable {
     font-style: italic;
 }
 
-.bottom-nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 32px;
-    width: 100%;
-}
-
 /* Lists */
 
 .summary {
@@ -707,34 +699,6 @@ footer {
     color: var(--color-footer-icon);
 }
 
-/* Blog list */
-.blog-summary {
-    margin-top: 48px;
-}
-
-.blog-date {
-    font-size: 0.9rem;
-    font-weight: 800;
-}
-
-.blog-title {
-    margin-top: 0;
-}
-
-.blog-summary-date {
-    font-size: 0.9rem;
-    font-weight: 800;
-    margin-right: 8px;
-    color: var(--color-text-secondary);
-    background-color: var(--color-footer-bg);
-    padding: 8px;
-    border-radius: 3px;
-}
-
-.blog-summary-title a {
-    font-size: 1.2rem;
-}
-
 nav.pagination {
     display: flex;
     justify-content: space-between;
diff --git a/themes/leela/layouts/_partials/head/css.html b/themes/leela/layouts/_partials/head/css.html
index 32863c83..9bf1504d 100644
--- a/themes/leela/layouts/_partials/head/css.html
+++ b/themes/leela/layouts/_partials/head/css.html
@@ -1,7 +1,8 @@
 {{ $mainCss := resources.Get "css/main.css" }}
 {{ $syntaxCss := resources.Get "css/syntax.css" }}
+{{ $blogCss := resources.Get "css/blog.css" }}
 {{ $iconsCss := resources.Get "css/icons.css" }}
-{{ $css := slice $mainCss $syntaxCss $iconsCss | resources.Concat "css/bundle.css" }}
+{{ $css := slice $mainCss $syntaxCss $blogCss $iconsCss | resources.Concat "css/bundle.css" }}
 
 {{- with $css }}
   {{- if hugo.IsDevelopment }}