Add RSS Icon

src/components/icons/IconRSS.astro

@@ -0,0 +1,21 @@
+---
+const { class: className = "w-5 h-5" } = Astro.props;
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  class={className}
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  stroke-width="1.5"
+  stroke="currentColor"
+  fill="none"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+  <circle cx="5" cy="19" r="1"></circle>
+  <path d="M4 4a16 16 0 0 1 16 16"></path>
+  <path d="M4 11a9 9 0 0 1 9 9"></path>
+</svg>

src/components/icons/index.js

@@ -6,5 +6,16 @@ import IconInstagram from "./IconInstagram.astro";
 import IconArrowRight from "./IconArrowRight.astro";
 import IconMenu from "./IconMenu.astro";
 import IconArrowDownRight from "./IconArrowDownRight.astro";
+import IconRSS from "./IconRSS.astro";
 
-export { IconSun, IconGithub, IconTwitter, IconFacebook, IconInstagram, IconArrowRight, IconMenu, IconArrowDownRight };
+export {
+  IconSun,
+  IconGithub,
+  IconTwitter,
+  IconFacebook,
+  IconInstagram,
+  IconArrowRight,
+  IconMenu,
+  IconArrowDownRight,
+  IconRSS,
+};

src/components/widgets/Footer.astro

@@ -4,6 +4,7 @@ import {
   IconInstagram,
   IconFacebook,
   IconArrowRight,
+  IconRSS,
 } from "~/components/icons";
 const {} = Astro.props;
 ---
@@ -196,7 +197,7 @@ const {} = Astro.props;
       </div>
     </div>
     <div class="md:flex md:items-center md:justify-between py-4 md:py-8">
-      <ul class="flex mb-4 md:order-1 md:ml-4 md:mb-0">
+      <ul class="flex mb-6 md:order-1 md:ml-4 md:mb-0">
         <li>
           <a
             class="flex justify-center items-center text-gray-600 hover:text-gray-700 dark:text-gray-400 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out dark:bg-gray-800 dark:text-gray-400 p-1.5"
@@ -224,6 +225,15 @@ const {} = Astro.props;
             <IconFacebook />
           </a>
         </li>
+        <li class="ml-4">
+          <a
+            class="flex justify-center items-center text-gray-600 hover:text-gray-700 dark:text-gray-400 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out dark:bg-gray-800 dark:text-gray-400 p-1.5"
+            aria-label="Twitter"
+            href="#"
+          >
+            <IconRSS />
+          </a>
+        </li>
       </ul>
       <div class="text-sm text-gray-700 mr-4 dark:text-slate-400">
         <span

src/components/widgets/Header.astro

@@ -1,5 +1,5 @@
 ---
-import { IconSun, IconGithub, IconMenu } from "~/components/icons";
+import { IconSun, IconGithub, IconMenu, IconRSS } from "~/components/icons";
 const {} = Astro.props;
 ---
 
@@ -84,6 +84,13 @@ const {} = Astro.props;
           >
             <IconSun />
           </button>
+          <a
+            class="text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center"
+            aria-label="RSS Feed"
+            href="/rss.xml"
+          >
+            <IconRSS />
+          </a>
           <a
             href="https://github.com/onwidget/astrowind"
             class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 mr-1"