summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/views/NewsArchive.vue21
1 files changed, 21 insertions, 0 deletions
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">