From f8d355c7738a52305ab9fff719019d0faffe0101 Mon Sep 17 00:00:00 2001
From: Helianthella <git@gumi.ca>
Date: Tue, 22 Dec 2020 22:22:08 -0500
Subject: add a link to the RSS feed on the news page

---
 src/views/NewsArchive.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/views/NewsArchive.vue b/src/views/NewsArchive.vue
index c34e334..c00810a 100644
--- a/src/views/NewsArchive.vue
+++ b/src/views/NewsArchive.vue
@@ -2,6 +2,7 @@
 <template>
 	<main class="main-content">
 		<h1>News archive</h1>
+		<a href="https://themanaworld.github.io/tmwa-server-data/news.rss" target="_blank" rel="noopener" title="RSS feed" aria-label="open the RSS feed" class="feed"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z"></path></svg></a>
 		<News :count="Infinity"/>
 	</main>
 </template>
@@ -10,6 +11,26 @@
 .main-content h1 {
 	margin-bottom: 0;
 }
+.main-content .feed {
+	float: right;
+	margin-top: -2.5em;
+	text-decoration: none;
+	color: inherit;
+
+	& > svg {
+		width: 1.8em;
+		height: 1.8em;
+		border: solid 1px inherit;
+		border-radius: 30%;
+		opacity: .6;
+
+		&:hover {
+			background: orange;
+			color: #fff;
+			opacity: 1;
+		}
+	}
+}
 </style>
 
 <script lang="ts">
-- 
cgit v1.2.3-60-g2f50