Fidgeting...

This commit is contained in:
Bill Nibz 2015-04-09 21:47:59 -04:00
parent f43bb2057e
commit 5bac6d766c
2 changed files with 84 additions and 39 deletions

View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>The Internet Vagabond :: {{ page.tabtitle }}</title>
<title>The Internet Vagabond :: Page Not Found</title>
<meta name="description"
content="Rants of a wandering techy, in search of truth,
@ -22,48 +22,14 @@
<!-- Message -->
<article>
<h1>Nope</h1>
<p>Maybe give it another shot...</p>
<p>(Page not found. Click <a href="http://www.theinternetvagabond.com">here</a>
<h1>Nope. 404.</h1>
<p>Page not found. Click
<a href="http://www.theinternetvagabond.com">here</a>
to go home.</p>
</article>
<!-- Footer -->
<footer>
<div id="follow">
<a href="https://github.com/VagabondAzulien">
<img src="/src/images/github_light.png"
width="32" height="32" alt="GitHub"
title="My GitHub Repos" />
</a>
<a href="https://twitter.com/Azulien">
<img src="/src/images/twitter_light.png"
width="32" height="32" alt="Twitter"
title="My Twitter Feed" />
</a>
<a href="http://www.twitch.tv/vagabondazulien/profile">
<img src="/src/images/twitch_light.png"
width="32" height="32" alt="Twitch"
title="My Twitch Profile" />
</a>
<a href="http://steamcommunity.com/id/azulien">
<img src="/src/images/steam_light.png"
width="32" height="32" alt="Steam"
title="My Steam Profile" />
</a>
</div>
<div id="info">
<div id="cw">Niblock&copy2015</div><br />
<a href="http://www.wtfpl.net/">
<img src="/src/images/wtfpl-badge.png"
width="80" height="15" alt="WTFPL"
title="Licensed under the WTFPL." />
</a>
<a href="http://www.w3.org/html/logo/">
<img src="/src/images/html5-badge.png"
width="50" height="15" alt="HTML5 | CSS3"
title="HTML5 Powered, CSS3 Styled" />
</a>
</div>
<div id="cw">Niblock&copy2015</div>
</footer>
</body>

79
src/404.css Normal file
View file

@ -0,0 +1,79 @@
/*
* CSS for theinternetvagabond.com 404 page
* (C)2015 Bill Niblock
* Licensed under the WTFPL [http://www.wtfpl.net]
*/
/* General */
.clean { clear:both;}
body {
position: relative;
background-color: #EBEBFA;
}
a,a:visited,a:link,a:focus {
text-decoration: none;
}
/**********
* *
* Header *
* *
**********/
header {
position: fixed; top: 0px; left: 0px; right: 0px;
margin: 0px; padding: 10px; z-index: 5;
background-color: white;
border-bottom: 1px solid lightgrey;
box-shadow: 0px 2px 10px -5px blue;
}
#title {
float: left;
list-style: none;
margin: 0px 25px; padding: 0px;
}
#title li {
float:left; margin: 0px; padding: 0px;
font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-shadow: 2px 2px #DEDEDE; color: darkgrey; letter-spacing: 1.2em;
}
#title li::first-letter {
margin: 0px; padding: 0px 2px;
font: 1.3em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: white; text-shadow: 0px 0px 10px blue;
}
/**********
* *
* Footer *
* *
**********/
#cw {
font: 0.9em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: 0.4em; color: grey;
}
/********
* *
* Body *
* *
********/
main {
position: relative; top: 0px; left: 0px; z-index: 0;
width: 60%; min-width: 800px; height: 100%; min-height: 800px;
margin: 0px auto;
overflow: auto;
}
article {
margin: 50px auto; padding: 10px;
}