From 618691cbce7932e1ca4e79873b7b5b3550dc51a9 Mon Sep 17 00:00:00 2001
From: Helianthella <git@gumi.ca>
Date: Fri, 25 Dec 2020 22:37:30 -0500
Subject: further improve accessibility

---
 src/views/NewsArchive.vue |  2 +-
 src/views/NotFound.vue    | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

(limited to 'src/views')

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>
-- 
cgit v1.2.3-70-g09d2