From a37b8e1bae2796c891d873c0fd20a9e212654532 Mon Sep 17 00:00:00 2001
From: Yanislav Igonin <yanislavdabest@gmail.com>
Date: Sun, 5 Sep 2021 16:02:17 +0300
Subject: [PATCH] feat: add link on error page

---
 static/error-image.css |  9 +++++++--
 templates/404.html     | 12 +++++++-----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/static/error-image.css b/static/error-image.css
index 725ab78..9544512 100644
--- a/static/error-image.css
+++ b/static/error-image.css
@@ -1,9 +1,14 @@
-.error-image {
+.error-image-link {
   max-width: 50%;
   max-height: 50%;
   transition: 0.2s;
 }
-.error-image:hover {
+.error-image-link:hover {
   max-width: 60%;
   max-height: 60%;
+}
+
+.error-image {
+  width: 100%;
+  height: 100%;
 }
\ No newline at end of file
diff --git a/templates/404.html b/templates/404.html
index 90a4cac..a9bdd2f 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -13,11 +13,13 @@
   <div class="h-100 d-flex justify-content-center align-items-center flex-column">
     <h1>404</h1>
     <h1>PAGE NOT FOUND</h1>
-    <img
-      class="error-image"
-      src="/static/images/errors/404.png"
-      alt="All broken"
-    >
+    <a href="/" class="error-image-link">
+      <img
+        class="error-image"
+        src="/static/images/errors/404.png"
+        alt="Not found"
+      >
+    </a>
   </div>
 </body>