From ffd5cb32f403a3d514ee138b32fb8ce3852241bf Mon Sep 17 00:00:00 2001
From: Alessandro Jean <14254807+alessandrojean@users.noreply.github.com>
Date: Sat, 9 Sep 2023 20:03:12 -0300
Subject: [PATCH] Add RSS feed link in the news page (#40)

* Add RSS feed link in the news page.

* Remove orange color to use brand color.
---
 .../.vitepress/theme/components/RssLink.vue   | 27 +++++++++++++++++++
 website/src/news/index.md                     |  3 +++
 2 files changed, 30 insertions(+)
 create mode 100644 website/src/.vitepress/theme/components/RssLink.vue

diff --git a/website/src/.vitepress/theme/components/RssLink.vue b/website/src/.vitepress/theme/components/RssLink.vue
new file mode 100644
index 00000000..f189f337
--- /dev/null
+++ b/website/src/.vitepress/theme/components/RssLink.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { IconRssBox } from "@iconify-prerendered/vue-mdi"
+</script>
+
+<template>
+	<a href="/feed.xml" class="rss" title="RSS feed for the news archive">
+		<IconRssBox />
+		<span>RSS feed</span>
+	</a>
+</template>
+
+<style lang="stylus" scoped>
+.rss {
+	& > * {
+		vertical-align: middle
+		position: relative
+		bottom: 1px
+	}
+
+	svg {
+		width: 1em
+		height: 1em
+		display: inline-block
+		margin-right: 4px
+	}
+}
+</style>
diff --git a/website/src/news/index.md b/website/src/news/index.md
index fcd516f4..858f0763 100644
--- a/website/src/news/index.md
+++ b/website/src/news/index.md
@@ -9,10 +9,13 @@ next: false
 
 <script setup>
 import News from "@theme/components/News.vue";
+import RssLink from "@theme/components/RssLink.vue";
 </script>
 
 # News archive
 
 Collection of news and announcements about Tachiyomi.
 
+Also available as <RssLink />.
+
 <News />