diff options
| author | Helianthella <git@gumi.ca> | 2020-12-22 22:22:08 -0500 |
|---|---|---|
| committer | Helianthella <git@gumi.ca> | 2020-12-22 22:22:08 -0500 |
| commit | f8d355c7738a52305ab9fff719019d0faffe0101 (patch) | |
| tree | ec2d3ab100e06dbf8c8276010b2e534ad6831667 | |
| parent | d5319656bbac681e83d2c9f98576cabe817baa31 (diff) | |
| download | website-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
| -rw-r--r-- | src/views/NewsArchive.vue | 21 |
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"> |