From 87df775c5152518eec0d16ce690bc5c4994b9a5e Mon Sep 17 00:00:00 2001 From: Aaron van Geffen 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