feat: RRS reader recommendtaion

Signed-off-by: Filipe Medeiros <hello@filipesm.eu>

app/page.tsx

@@ -106,12 +106,31 @@ function StayUpToDate() {
       </h2>
       <p className="mt-2 text-sm text-zinc-600 dark:text-zinc-400">
         Subscreve o <i>feed</i> de RSS{' '}
-        <HybridLink
-          className="underline transition hover:text-teal-500"
-          href={`${process.env.NEXT_PUBLIC_SITE_URL}/rss/feed.xml`}
-        >
-          aqui
-        </HybridLink>
+        <span className="group/rsspopover relative">
+          <span className="pointer-events-none absolute top-0 left-1/2 min-w-[250px] -translate-x-1/2 -translate-y-full rounded border border-zinc-500 bg-zinc-200 px-2 py-1 opacity-0 transition-all after:absolute after:left-0 after:top-full after:h-4 after:w-full group-hover/rsspopover:pointer-events-auto group-hover/rsspopover:-top-2 group-hover/rsspopover:opacity-100 dark:bg-zinc-700 dark:text-white">
+            Vais precisar de um leitor de RSS! Pessoalmente, recomendo o{' '}
+            <HybridLink
+              className="underline transition hover:text-teal-500"
+              href="https://hyliu.me/fluent-reader-lite/"
+            >
+              Fluent Reader
+            </HybridLink>{' '}
+            ou o{' '}
+            <HybridLink
+              className="underline transition hover:text-teal-500"
+              href="https://feedly.com"
+            >
+              Feedly
+            </HybridLink>{' '}
+            :)
+          </span>
+          <HybridLink
+            className="underline transition hover:text-teal-500"
+            href={`${process.env.NEXT_PUBLIC_SITE_URL}/rss/feed.xml`}
+          >
+            aqui
+          </HybridLink>
+        </span>
         !
       </p>
     </div>

public/favicon/site.webmanifest

@@ -1 +0,0 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

public/rss/feed.xml

@@ -4,7 +4,7 @@
         <title>Filipe Medeiros</title>
         <link>https://filipesm.eu</link>
         <description>Blog pessoal do Filipe. Escreve sobre tópicos diversos, maioritariamente de tecnologia, política, economia e atualidade.</description>
-        <lastBuildDate>Sat, 24 Dec 2022 02:33:38 GMT</lastBuildDate>
+        <lastBuildDate>Sat, 24 Dec 2022 17:36:25 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <image>

public/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "Filipe Medeiros - website pessoal",
+  "short_name": "Filipe",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#14B8A6",
+  "background_color": "#14B8A6",
+  "display": "standalone"
+}