diff options
author | Helianthella <git@gumi.ca> | 2020-12-25 22:37:30 -0500 |
---|---|---|
committer | Helianthella <git@gumi.ca> | 2020-12-25 22:37:30 -0500 |
commit | 618691cbce7932e1ca4e79873b7b5b3550dc51a9 (patch) | |
tree | 16c087d57c9dde169d1266df4319aca934230db9 /src/views | |
parent | 965059649ff6de8849f5091435befddba18ced93 (diff) | |
download | website-618691cbce7932e1ca4e79873b7b5b3550dc51a9.tar.gz website-618691cbce7932e1ca4e79873b7b5b3550dc51a9.tar.bz2 website-618691cbce7932e1ca4e79873b7b5b3550dc51a9.tar.xz website-618691cbce7932e1ca4e79873b7b5b3550dc51a9.zip |
further improve accessibility
Diffstat (limited to 'src/views')
-rw-r--r-- | src/views/NewsArchive.vue | 2 | ||||
-rw-r--r-- | src/views/NotFound.vue | 13 |
2 files changed, 14 insertions, 1 deletions
diff --git a/src/views/NewsArchive.vue b/src/views/NewsArchive.vue index c00810a..b673fc8 100644 --- a/src/views/NewsArchive.vue +++ b/src/views/NewsArchive.vue @@ -24,7 +24,7 @@ border-radius: 30%; opacity: .6; - &:hover { + &:is(:hover, :focus) { background: orange; color: #fff; opacity: 1; diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue index 35b9753..5dab5d0 100644 --- a/src/views/NotFound.vue +++ b/src/views/NotFound.vue @@ -2,5 +2,18 @@ <main> <h1>Page not found</h1> <p>This page does not exist or has been removed.</p> + <p><router-link :to="{ name: 'home' }">back to home page</router-link></p> </main> </template> + +<style scoped> +a { + margin-top: 2em; + font-size: 1.3em; + + &::before { + content: "🠨 "; + text-decoration: none; + } +} +</style> |