From 87df775c5152518eec0d16ce690bc5c4994b9a5e Mon Sep 17 00:00:00 2001
From: Aaron van Geffen <aaron@aaronweb.net>
Date: Sat, 11 Mar 2023 15:27:15 +0100
Subject: [PATCH] MainNavBar: re-introduce the space invader

---
 public/css/default.css   | 50 ++++++++++++++++++----------------------
 templates/MainNavBar.php |  3 ++-
 2 files changed, 24 insertions(+), 29 deletions(-)

diff --git a/public/css/default.css b/public/css/default.css
index 8cd08464..4a00c3b6 100644
--- a/public/css/default.css
+++ b/public/css/default.css
@@ -4,7 +4,6 @@
  * DO NOT COPY OR RE-USE WITHOUT EXPLICIT WRITTEN PERMISSION. THANK YOU.
  */
 
-@import url(//fonts.googleapis.com/css?family=Press+Start+2P);
 @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);
 
 @font-face {
@@ -17,6 +16,7 @@
 body {
 	font-family: "Open Sans", sans-serif;
 	background: #aaa 0 -50% fixed;
+	padding: 0 0 3rem;
 }
 
 #wrapper, header .container {
@@ -34,40 +34,34 @@ a:hover {
 	color: #262626;
 }
 
-/* Logo
----------*/
-h1#logo {
-	color: #fff;
-	float: left;
-	font: 200 50px 'Press Start 2P', sans-serif;
-	margin: 40px 0 50px 10px;
-	padding: 0;
-	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
-}
-h1#logo:before {
-	color: #fff;
-	content: 'B';
-	float: left;
-	font: 75px 'Invaders';
-	margin: -4px 20px 0 0;
-	padding: 0;
-	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
-}
-a h1#logo {
-	text-decoration: none;
-}
-a:hover h1#logo, a:hover h1#logo:before {
-	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
-}
-
 
 /* Navigation
 ---------------*/
+#mainNav {
+	margin-bottom: 4rem;
+}
 .nav-divider {
 	height: 2.5rem;
 	border-left: .1rem solid rgba(255,255,255, 0.2);
 	margin: 0 0.5rem;
 }
+.navbar-brand {
+	padding-left: 80px;
+	position: relative;
+}
+i.space-invader::before {
+	color: #fff;
+	content: 'B';
+	display: inline-block;
+	font: 85px 'Invaders';
+	height: 85px;
+	left: -25px;
+	position: absolute;
+	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
+	top: -5px;
+	transform: rotate(-5deg);
+	width: 85px;
+}
 
 
 /* Content boxes
@@ -261,7 +255,7 @@ a:hover h1#logo, a:hover h1#logo:before {
 ---------------------*/
 .album_button_box {
 	float: right;
-	margin-bottom: 20px;
+	margin-bottom: 3rem;
 }
 .album_button_box > a {
 	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
diff --git a/templates/MainNavBar.php b/templates/MainNavBar.php
index ded5fbb6..6442673c 100644
--- a/templates/MainNavBar.php
+++ b/templates/MainNavBar.php
@@ -12,7 +12,7 @@ class MainNavBar extends NavBar
 	protected $outerMenuId = 'mainNav';
 	protected $innerMenuId = 'mainNavigation';
 	protected $ariaLabel = 'Main navigation';
-	protected $navBarClasses = 'navbar-dark bg-dark sticky-top mb-4';
+	protected $navBarClasses = 'navbar-dark bg-dark sticky-top';
 	protected $primaryBadgeClasses = 'bg-light text-dark';
 	protected $secondaryBadgeClasses = 'bg-dark text-light';
 
@@ -22,6 +22,7 @@ class MainNavBar extends NavBar
 		<nav id="', $this->outerMenuId, '" class="navbar navbar-expand-lg ', $this->navBarClasses, '" aria-label="', $this->ariaLabel, '">
 			<div class="container">
 				<a class="navbar-brand flex-grow-1" href="', BASEURL, '/">
+					<i class="space-invader"></i>
 					HashRU Pics
 				</a>
 				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#', $this->innerMenuId, '" aria-controls="', $this->innerMenuId, '" aria-expanded="false" aria-label="Toggle navigation">