vagabond/the-internet-vagabond-dot-com
1
0
Fork 0
Code Issues 3 Pull requests Projects 2 Activity Actions

Fidgeting...

Browse source
This commit is contained in:
Bill Niblock 2015-02-23 16:06:43 -05:00
parent 4115092ff2
commit 88c84e3b3e
2 changed files with 41 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
_layouts/default.html
View file

@ -26,15 +26,18 @@
<label for="toggle-navbar" id="toggle">&#9776</label>
<input type="checkbox" id="toggle-navbar" />
<div id="bar">
<ul id="navigation">
<li>Home</li>
<li>Projects</li>
<ul id="projects">
<li>GitHub Page</li>
<li>Antennae</li>
<header>
<ul id="navigation">
<li>Home</li>
<li>Projects</li>
<ul id="projects">
<li>GitHub Page</li>
<li>Antennae</li>
</ul>
</ul>
</ul>
<div id="follow">
</header>
<footer>
<div id="follow">
<a href="https://github.com/VagabondAzulien">
<img src="src/images/github_light.png"
width="32" height="32" alt="GitHub"
@ -55,20 +58,21 @@
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>
<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>
</footer>
</div>
</nav>

22
src/styles.css
View file

@ -81,14 +81,8 @@ header {
width: 300px;
}
#follow {
position: absolute; bottom: 100px; left: 0px;
width: 100%; margin: 0px auto; padding: 0px;
text-align: center;
}
#navbar header {
#follow a {
padding: 0px 9px;
}
#navigation {
@ -103,6 +97,20 @@ header {
color: #888888;
}
#navbar footer {
}
#follow {
position: absolute; bottom: 100px; left: 0px;
width: 100%; margin: 0px auto; padding: 0px;
text-align: center;
}
#follow a {
padding: 0px 9px;
}
#info {
position: absolute; bottom: 0px;
padding: 10px; margin: 10px auto; overflow-x: hidden;