Add a space invader to the logo.

This commit is contained in:
Aaron van Geffen 2016-09-02 11:35:48 +02:00
parent c4f65aaa0a
commit 8755995304
3 changed files with 24 additions and 11 deletions

View File

@ -7,6 +7,13 @@
@import url(//fonts.googleapis.com/css?family=Press+Start+2P); @import url(//fonts.googleapis.com/css?family=Press+Start+2P);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic); @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);
@font-face {
font-family: 'Invaders';
src: url('fonts/invaders.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body { body {
font: 13px/1.7 "Open Sans", "Helvetica", sans-serif; font: 13px/1.7 "Open Sans", "Helvetica", sans-serif;
padding: 0 0 3em; padding: 0 0 3em;
@ -44,19 +51,23 @@ h1#logo {
padding: 0; padding: 0;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
} }
h1#logo a { 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; text-decoration: none;
color: inherit;
} }
h1#logo span.name { a:hover h1#logo, a:hover h1#logo:before {
padding-right: 7px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}
h1#logo span.area:before {
content: '|';
font-weight: 400;
letter-spacing: 7px;
} }
/* Navigation /* Navigation
---------------*/ ---------------*/
ul#nav { ul#nav {
@ -79,7 +90,7 @@ ul#nav li a {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
} }
ul#nav li a:hover { ul#nav li a:hover {
border-bottom: 3px solid rgba(255, 255, 255, 0.5); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
} }

Binary file not shown.

View File

@ -35,7 +35,9 @@ class MainTemplate extends Template
</head> </head>
<body', !empty($this->classes) ? ' class="' . implode(' ', $this->classes) . '"' : '', '> <body', !empty($this->classes) ? ' class="' . implode(' ', $this->classes) . '"' : '', '>
<header> <header>
<h1 id="logo"><a href="', BASEURL, '/">#pics</a></h1> <a href="', BASEURL, '/">
<h1 id="logo">#pics</h1>
</a>
<ul id="nav"> <ul id="nav">
<li><a href="', BASEURL, '/">albums</a></li> <li><a href="', BASEURL, '/">albums</a></li>
<li><a href="', BASEURL, '/people/">people</a></li> <li><a href="', BASEURL, '/people/">people</a></li>