Expose RSS feed

Though actually its the json feed 🤫

resources/css/colours.css

@@ -19,4 +19,10 @@ a {
   & a:visited {
     color: var(--color-link);
   }
+
+  & .rss-icon {
+    & svg {
+      color: var(--rss-color-link);
+    }
+  }
 }

resources/css/layout.css

@@ -8,6 +8,13 @@
 #site-header {
   grid-column: 2 / 3;
   grid-row: 1 / 2;
+
+  & .rss-icon {
+    & svg {
+      width: auto;
+      height: 1rem;
+    }
+  }
 }
 
 main {

resources/css/variables.css

@@ -19,4 +19,5 @@
   --color-link: oklch(48.09% 0.146 241.41deg);
   --color-link-visited: oklch(70.44% 0.21 304.41deg);
   --color-primary-shadow: oklch(19.56% 0.054 125.505deg / 40%);
+  --rss-color-link: oklch(67.59% 0.189 42.04deg);
 }

resources/views/icons/rss.blade.php

@@ -0,0 +1,13 @@
+@php
+if (isset($title)) {
+    $uniqueId = bin2hex(random_bytes(6));
+}
+@endphp
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"
+  @if($title)aria-labelledby="{{ $uniqueId }}"@endif
+>
+  @if($title)<title id="{{ $uniqueId }}">{{ $title }}</title>@endif
+  <path d="M4 11a9 9 0 0 1 9 9"></path>
+  <path d="M4 4a16 16 0 0 1 16 16"></path>
+  <circle cx="5" cy="19" r="1"></circle>
+</svg>

resources/views/master.blade.php

@@ -47,6 +47,7 @@
                 <a href="/likes">Likes</a>
                 <a href="/contacts">Contacts</a>
                 <a href="/projects">Projects</a>
+                <a href="/notes/feed.json" class="rss-icon">@include('icons.rss', ['title' => 'RSS Feed'])</a>
             </nav>
         </header>