summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorHelianthella <git@gumi.ca>2020-12-22 22:22:08 -0500
committerHelianthella <git@gumi.ca>2020-12-22 22:22:08 -0500
commitf8d355c7738a52305ab9fff719019d0faffe0101 (patch)
treeec2d3ab100e06dbf8c8276010b2e534ad6831667 /src
parentd5319656bbac681e83d2c9f98576cabe817baa31 (diff)
downloadwebsite-f8d355c7738a52305ab9fff719019d0faffe0101.tar.gz
website-f8d355c7738a52305ab9fff719019d0faffe0101.tar.bz2
website-f8d355c7738a52305ab9fff719019d0faffe0101.tar.xz
website-f8d355c7738a52305ab9fff719019d0faffe0101.zip
add a link to the RSS feed on the news page
Diffstat (limited to 'src')
-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">