Navbar Styling/Favicon (#28)

* feat: update favicon

* fix: external hyperlinks

* feat: style navbar

* feat: change 404 page to train

404.html

@@ -10,13 +10,9 @@ <h1>404?</h1>
 <p>Sorry, but the page you were trying to view does not exist.</p>
 
 <pre><code>
- ____________
-< Sorry, 404 >
- ------------
-        \   ^__^
-         \  (oo)\_______
-            (__)\       )\/\
-                ||----w |
-                ||     ||
-
+    ~~~~ ____    |~~~~~~~~~~~~~|
+    Y_,___|[]|   |  ERROR 404! |
+   {|_|_|_|PU|_,_|_____________|
+  //oo---OO=OO     OOO     OOO
+
 </code></pre>

_config.yml

@@ -23,7 +23,7 @@ title: Max Vogt – Morphologies of Arriving
 tagline: Showcasing the Design Philosophy of Max Vogt's Railway Stations
 # description appears in meta tags and other locations
 # this description might appear in search result lists, keep around 160 characters max
-description: "<p>This platform showcases the Swiss railway stations designed by Max Vogt and provides analyses of their spatial properties from an urban design perspective.</p><p>The collection is currently being assembled. Research data and outputs are available in <a href='https://mtwente.github.io/maxvogt-analysis'>maxvogt-analysis</a> and as a <a href='https://doi.org/10.5281/zenodo.13837394'>poster</a>."
+description: "<p>This platform showcases the Swiss railway stations designed by Max Vogt and provides analyses of their spatial properties from an urban design perspective.</p><p>The collection is currently being assembled. Research data and outputs are available in <a href='https://mtwente.github.io/maxvogt-analysis' target='_blank'>maxvogt-analysis</a> and as a <a href='https://doi.org/10.5281/zenodo.13837394' target='_blank'>poster</a>."
 # keywords, a short list of subjects describing the collection, separated by semicolon, to appear in rich markup
 keywords: urban design;morphology;built heritage;Switzerland;railway stations;SBB;CFF;FFS
 # creator of the digital collection, to appear in meta tags; we typically use our GitHub usernames but feel free to just use your name

_includes/head/head.html

@@ -1,7 +1,7 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <title>{{ page.title | escape }} | {{ site.title | escape }}</title>
-<link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}">
+<link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.png' | relative_url }}">
 <!--
 
   _____     ____        __  _           ___       _ __   __       

_sass/_custom.scss

@@ -27,3 +27,26 @@
     background-color: rgba(162, 0, 19);
     color: white;
     }
+
+.navbar-brand {
+    width: 2rem !important;
+}
+
+.navbar-nav .nav-link {
+    color: white !important;
+}
+
+.navbar-nav .nav-link:hover {
+    color: white !important; /* Ensure the text color stays white on hover */
+    text-decoration: underline;
+    text-decoration-color: #EB0000;
+    text-decoration-thickness: 3px;
+}
+
+/*--
+.navbar a:hover {
+	/*-- color: white !important;
+	text-decoration: underline;
+	text-decoration-color: #EB0000;
+	text-decoration-thickness: 3px;
+} --*/