Fidgeting...
This commit is contained in:
parent
f43bb2057e
commit
5bac6d766c
2 changed files with 84 additions and 39 deletions
44
404.html
44
404.html
|
@ -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©2015</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©2015</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
79
src/404.css
Normal file
79
src/404.css
Normal 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;
|
||||
}
|
||||
|
Loading…
Reference in a new issue