Adding RSS

assets/sass/pages/blog.scss

@@ -14,8 +14,7 @@
     background: linear-gradient(145deg, #e8e0c8, #c4b89a);
     border-radius: 12px;
     padding: 25px 30px 45px 30px;
-    box-shadow:
-      0 30px 60px rgba(0, 0, 0, 0.8),
+    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8),
       inset 0 2px 4px rgba(255, 255, 255, 0.3),
       inset 0 -2px 4px rgba(0, 0, 0, 0.3);
     position: relative;
@@ -70,9 +69,7 @@
       height: 8px;
       background: #0f0;
       border-radius: 50%;
-      box-shadow:
-        0 0 10px #0f0,
-        0 0 20px #0f0;
+      box-shadow: 0 0 10px #0f0, 0 0 20px #0f0;
       animation: pulse 2s ease-in-out infinite;
 
       @include media-down(lg) {
@@ -126,8 +123,7 @@
     border-radius: 8px;
     position: relative;
     overflow: hidden;
-    box-shadow:
-      inset 0 0 80px rgba(0, 255, 100, 0.1),
+    box-shadow: inset 0 0 80px rgba(0, 255, 100, 0.1),
       inset 0 0 40px rgba(0, 255, 100, 0.05),
       inset 3px 3px 8px rgba(255, 255, 255, 0.1),
       inset -3px -3px 8px rgba(0, 0, 0, 0.5);
@@ -145,8 +141,7 @@
       left: -5%;
       right: -5%;
       bottom: -5%;
-      background:
-        radial-gradient(
+      background: radial-gradient(
           ellipse at 30% 30%,
           rgba(255, 255, 255, 0.15) 0%,
           transparent 40%
@@ -216,6 +211,23 @@
       line-height: 1.6;
       margin-bottom: 1rem;
     }
+
+    a {
+      color: greenyellow;
+      text-decoration: none;
+      position: relative;
+      padding-bottom: 2px;
+      border-bottom: 1px dotted rgba(173, 255, 47, 0.5);
+      transition: all 0.3s ease;
+      text-shadow: 0 0 5px rgba(173, 255, 47, 0.3);
+
+      &:hover {
+        border-bottom-style: solid;
+        border-bottom-color: rgba(173, 255, 47, 0.8);
+        text-shadow: 0 0 10px rgba(173, 255, 47, 0.8);
+        background: rgba(173, 255, 47, 0.05);
+      }
+    }
   }
 
   // Blog posts listing
@@ -736,8 +748,7 @@
     height: auto;
     border-radius: 12px;
     border: 3px solid transparent;
-    background:
-      linear-gradient(#000, #000) padding-box,
+    background: linear-gradient(#000, #000) padding-box,
       linear-gradient(180deg, #0f0, #000) border-box;
     filter: grayscale(100%) contrast(1.2) brightness(0.9) sepia(100%)
       hue-rotate(60deg) saturate(300%);
@@ -883,8 +894,7 @@
           &:hover {
             background: rgba(0, 255, 0, 0.1);
             border-color: rgba(0, 255, 0, 0.7);
-            box-shadow:
-              0 0 10px rgba(0, 255, 0, 0.4),
+            box-shadow: 0 0 10px rgba(0, 255, 0, 0.4),
               inset 0 0 10px rgba(0, 255, 0, 0.1);
             text-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
           }
@@ -893,8 +903,7 @@
         &.active span {
           background: rgba(0, 255, 0, 0.2);
           border-color: rgba(0, 255, 0, 0.8);
-          box-shadow:
-            0 0 15px rgba(0, 255, 0, 0.5),
+          box-shadow: 0 0 15px rgba(0, 255, 0, 0.5),
             inset 0 0 10px rgba(0, 255, 0, 0.2);
           text-shadow: 0 0 10px rgba(0, 255, 0, 1);
         }
@@ -933,9 +942,7 @@
     text-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
   }
   to {
-    text-shadow:
-      0 0 20px rgba(0, 255, 0, 1),
-      0 0 30px rgba(0, 255, 0, 0.6);
+    text-shadow: 0 0 20px rgba(0, 255, 0, 1), 0 0 30px rgba(0, 255, 0, 0.6);
   }
 }
 
@@ -952,14 +959,10 @@
   0%,
   100% {
     opacity: 1;
-    box-shadow:
-      0 0 10px #0f0,
-      0 0 20px #0f0;
+    box-shadow: 0 0 10px #0f0, 0 0 20px #0f0;
   }
   50% {
     opacity: 0.5;
-    box-shadow:
-      0 0 5px #0f0,
-      0 0 10px #0f0;
+    box-shadow: 0 0 5px #0f0, 0 0 10px #0f0;
   }
 }

config.yml

@@ -14,6 +14,11 @@ outputFormats:
     mediaType: "application/json"
     baseName: "webmentions"
     isPlainText: true
+  RSS:
+    mediaType: application/rss+xml
+    baseName: feed
+    isPlainText: false
+    rel: alternate
 
 pagination:
   pagerSize: 5
@@ -41,16 +46,6 @@ params:
     iconImageHeight: 35
     iconHeight: 70
 
-  fuseOpts:
-    isCaseSensitive: false
-    shouldSort: true
-    location: 0
-    distance: 1000
-    threshold: 0.4
-    minMatchCharLength: 0
-    limit: 10
-    keys: ["title", "permalink", "summary", "content"]
-
 markup:
   highlight:
     noClasses: false

content/blog/2026-01-12-week-4-got-webmentions/index.md

@@ -9,7 +9,8 @@ draft: false
 
 - 🗨️ Added the ability to send and receive [webmentions](https://indieweb.org/Webmention) to the blog. Haven't automated displaying of received ones yet, but I'll get there.
 - 🧰 Setup a little personal API to handle the guestbook, visitor counter, and aforementioned webmentions.
-- 📺 Setup a little dashboard on my homelab for monitoring all of the above!
+- 📺 Setup a dashboard on my homelab for monitoring all of the above.
+- 🛜 Added an RSS feed for the blog. Technically it already exists I just didn't have it in the meta tags. Or on the page. You can RSS now, that's the main thing.
 
 ## Links I Found Interesting
 

content/blog/_index.md

@@ -3,3 +3,5 @@ title: "Blog"
 ---
 
 The home of my weekly updates and occasional other thoughts.
+
+🛜 [Available via RSS](/blog/feed.xml)

layouts/_default/baseof.html

@@ -9,7 +9,11 @@
       }}{{ end }}{{ end }}
     </title>
     <meta name="viewport" content="width=device-width,minimum-scale=1" />
-    {{ hugo.Generator }} {{ $sass := resources.Get "sass/style.scss" }} {{
+    {{ range .AlternativeOutputFormats }}
+    <link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .RelPermalink }}">
+    {{ end }}
+
+     {{ $sass := resources.Get "sass/style.scss" }} {{
     $style := $sass | css.Sass | resources.Minify | resources.Fingerprint }}
     <link rel="stylesheet" href="{{ $style.RelPermalink }}" />