diff --git a/public/css/default.css b/public/css/default.css index f3913b3d..717388a3 100644 --- a/public/css/default.css +++ b/public/css/default.css @@ -147,6 +147,21 @@ i.space-invader.alt-6::before { i.space-invader.alt-7::before { content: 'O'; } +i.nyan-cat { + background-image: url('../images/nyan-cat.gif'); + background-position: 0 -25px; + background-size: cover; + display: inline-block; + height: 85px; + left: -40px; + position: absolute; + top: -5px; + transform: rotate(-5deg); + transition: 0.25s; + width: 110px; +} + + @media (max-width: 991px) { .navbar-brand { padding-left: 60px; @@ -157,6 +172,10 @@ i.space-invader.alt-7::before { top: -7px; width: 70px; } + i.nyan-cat { + left: -57px; + top: -7px; + } } diff --git a/public/images/nyan-cat.gif b/public/images/nyan-cat.gif new file mode 100644 index 00000000..658dc566 Binary files /dev/null and b/public/images/nyan-cat.gif differ diff --git a/templates/MainNavBar.php b/templates/MainNavBar.php index 28b4a0d6..1616057c 100644 --- a/templates/MainNavBar.php +++ b/templates/MainNavBar.php @@ -20,12 +20,13 @@ class MainNavBar extends NavBar // Select a random space invader, with a bias towards the mascot $rnd = rand(0, 100); $alt = $rnd > 50 ? ' alt-' . ($rnd % 6 + 1) : ''; + $className = $rnd > 5 ? 'space-invader' . $alt : 'nyan-cat'; echo '