add links to all footers

errorpages/400.html

@@ -15,7 +15,7 @@
     <p class="instructions">Please verify you have the right address and you are submitting all information correctly. If you came here from another page, there might be something wrong with the way that page is coded or you screwed up filling something out. (error 400)</p>
     <div class="spacer"></div>
     <footer>
-        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at https://git.asifbacchus.app/asif/fun-errorpages.git.  Monster image from Freepik (www.freepik.com).
+        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at <a href="https://git.asifbacchus.app/asif/fun-errorpages.git" alt="git repo" target="_blank">https://git.asifbacchus.app/asif/fun-errorpages.git</a>.  Monster image from <a href="https://www.freepik.com" alt="Freepik homepage" target="_blank">Freepik (www.freepik.com)</a>.
     </footer>
 </body>
 </html>

errorpages/401.html

@@ -15,7 +15,7 @@
     <p class="instructions">You're not authorized to view this content. You probably supplied the wrong credentials, please try again. (error 401)</p>
     <div class="spacer"></div>
     <footer>
-        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at https://git.asifbacchus.app/asif/fun-errorpages.git.  Monster image by Vectorpouch from Freepik (www.freepik.com).
+        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at <a href="https://git.asifbacchus.app/asif/fun-errorpages.git" alt="git repo" target="_blank">https://git.asifbacchus.app/asif/fun-errorpages.git</a>.  Monster image by Vectorpouch from <a href="https://www.freepik.com" alt="Freepik homepage" target="_blank">Freepik (www.freepik.com)</a>.
     </footer>
 </body>
 </html>

errorpages/403.html

@@ -15,7 +15,7 @@
     <p class="instructions">You're not authorized to view this content. This is NOT a credential error, you're just not allowed to be here. (error 403)</p>
     <div class="spacer"></div>
     <footer>
-        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at https://git.asifbacchus.app/asif/fun-errorpages.git.  Monster image by Vectorpouch from Freepik (www.freepik.com).
+        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at <a href="https://git.asifbacchus.app/asif/fun-errorpages.git" alt="git repo" target="_blank">https://git.asifbacchus.app/asif/fun-errorpages.git</a>.  Monster image by Vectorpouch from <a href="https://www.freepik.com" alt="Freepik homepage" target="_blank">Freepik (www.freepik.com)</a>.
     </footer>
 </body>
 </html>

errorpages/404.html

@@ -15,7 +15,7 @@
     <p class="instructions">Please make sure you typed the right address and try again. (error 404)</p>
     <div class="spacer"></div>
     <footer>
-        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at https://git.asifbacchus.app/asif/fun-errorpages.git.  Monster image from Freepik (www.freepik.com).
+        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at <a href="https://git.asifbacchus.app/asif/fun-errorpages.git" alt="git repo" target="_blank">https://git.asifbacchus.app/asif/fun-errorpages.git</a>.  Monster image from <a href="https://www.freepik.com" alt="Freepik homepage" target="_blank">Freepik (www.freepik.com)</a>.
     </footer>
 </body>
 </html>

errorpages/503_backup.html

@@ -16,7 +16,7 @@
     <p class="instructions">Sorry for the delay. Please try again soon. (error 503)</p>
     <div class="spacer"></div>
     <footer>
-        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at https://git.asifbacchus.app/asif/fun-errorpages.git.  Monster image from Freepik (www.freepik.com).
+        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at <a href="https://git.asifbacchus.app/asif/fun-errorpages.git" alt="git repo" target="_blank">https://git.asifbacchus.app/asif/fun-errorpages.git</a>.  Monster image from <a href="https://www.freepik.com" alt="Freepik homepage" target="_blank">Freepik (www.freepik.com)</a>.
     </footer>
 </body>
 </html>

errorpages/50x.html

@@ -15,7 +15,7 @@
     <p class="instructions">This is often a temporary condition.  Please try again later. (error 50x)</p>
     <div class="spacer"></div>
     <footer>
-        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at https://git.asifbacchus.app/asif/fun-errorpages.git.  Monster image from Freepik (www.freepik.com).
+        Page designed by Asif Bacchus.  Please feel free to use, redistribute and alter as you see fit!  Latest version available at <a href="https://git.asifbacchus.app/asif/fun-errorpages.git" alt="git repo" target="_blank">https://git.asifbacchus.app/asif/fun-errorpages.git</a>.  Monster image from <a href="https://www.freepik.com" alt="Freepik homepage" target="_blank">Freepik (www.freepik.com)</a>.
     </footer>
 </body>
 </html>

errorpages/styles.css

@@ -98,19 +98,38 @@ styles for this page
 	src: url(/errorpages/fonts/opensans-regular.ttf) format("truetype");
 }
 
+/* define variables */
+:root {
+--color-bg: #323232;
+--color-text: #9D9B9B;
+--color-instructions: yellow;
+--font-header: 'Open Sans Condensed';
+--font-base: 'Open Sans';
+}
 
 body {
 	flex-direction: column;
-	font-family: 'Open Sans', sans-serif;
+	font-family: var(--font-base), sans-serif;
     align-items: center;
-    background-color: #323232;
-    color: #9D9B9B;
+    background-color: var(--color-bg);
+    color: var(--color-text);
     display: flex;
     padding: 2rem;
 }
 
+a {
+	color: var(--color-text);
+	font-family: inherit;
+	font-size: inherit;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
 h1 {
-	font-family: 'Open Sans Condensed';
+	font-family: var(--font-header);
 	font-size: 7rem;
 }
 
@@ -133,7 +152,7 @@ footer {
 
 
 .instructions {
-    color: yellow;
+    color: var(--color-instructions);
     font-weight: bold;
     text-shadow: 2px 2px 5px #000000;
 }