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

Breaking stuff...

Browse source
This commit is contained in:
Bill Nibz 2015-02-23 22:17:26 -05:00
parent a3dc572fe5
commit 48a965cf15
2 changed files with 41 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
_layouts/default.html
View file

@ -1,4 +1,4 @@
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>The Internet Vagabond :: {{ page.tabtitle }}</title> <title>The Internet Vagabond :: {{ page.tabtitle }}</title>
@ -8,7 +8,8 @@
knowledge, and a decent ping." /> knowledge, and a decent ping." />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" /> <meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="{{ site.url }}/src/styles.css" /> <link rel="stylesheet" type="text/css"
href="{{ site.url }}/src/styles.css" />
</head> </head>
<body> <body>
@ -29,7 +30,19 @@
<section id="header"> <section id="header">
<ul id="navigation"> <ul id="navigation">
<li>Home</li> <li>Home</li>
<li>Posts</li> <li>
<label for="toggle-section" id="expand">
Posts</label>
</li>
<input type="checkbox" id="toggle-section" />
<ul id="menu-section">
{% for post in site.posts %}
<li>
<a href="{{ post.url }}">
{{ post.title }}</a>
</li>
{% endfor %}
</ul>
<li>Projects</li> <li>Projects</li>
<ul id="projects"> <ul id="projects">
<li>GitHub Page</li> <li>GitHub Page</li>
@ -40,22 +53,22 @@
<section id="footer"> <section id="footer">
<div id="follow"> <div id="follow">
<a href="https://github.com/VagabondAzulien"> <a href="https://github.com/VagabondAzulien">
<img src="src/images/github_light.png" <img src="{{ site.url }}/src/images/github_light.png"
width="32" height="32" alt="GitHub" width="32" height="32" alt="GitHub"
title="My GitHub Repos" /> title="My GitHub Repos" />
</a> </a>
<a href="https://twitter.com/Azulien"> <a href="https://twitter.com/Azulien">
<img src="src/images/twitter_light.png" <img src="{{ site.url }}/src/images/twitter_light.png"
width="32" height="32" alt="Twitter" width="32" height="32" alt="Twitter"
title="My Twitter Feed" /> title="My Twitter Feed" />
</a> </a>
<a href="http://www.twitch.tv/vagabondazulien/profile"> <a href="http://www.twitch.tv/vagabondazulien/profile">
<img src="src/images/twitch_light.png" <img src="{{ site.url }}/src/images/twitch_light.png"
width="32" height="32" alt="Twitch" width="32" height="32" alt="Twitch"
title="My Twitch Profile" /> title="My Twitch Profile" />
</a> </a>
<a href="http://steamcommunity.com/id/azulien"> <a href="http://steamcommunity.com/id/azulien">
<img src="src/images/steam_light.png" <img src="{{ site.url }}/src/images/steam_light.png"
width="32" height="32" alt="Steam" width="32" height="32" alt="Steam"
title="My Steam Profile" /> title="My Steam Profile" />
</a> </a>
@ -63,12 +76,12 @@
<div id="info"> <div id="info">
<div id="cw">Niblock&copy2015</div><br /> <div id="cw">Niblock&copy2015</div><br />
<a href="http://www.wtfpl.net/"> <a href="http://www.wtfpl.net/">
<img src="src/images/wtfpl-badge.png" <img src="{{ site.url }}/src/images/wtfpl-badge.png"
width="80" height="15" alt="WTFPL" width="80" height="15" alt="WTFPL"
title="Licensed under the WTFPL." /> title="Licensed under the WTFPL." />
</a> </a>
<a href="http://www.w3.org/html/logo/"> <a href="http://www.w3.org/html/logo/">
<img src="src/images/html5-badge.png" <img src="{{ site.url }}/src/images/html5-badge.png"
width="50" height="15" alt="HTML5 | CSS3" width="50" height="15" alt="HTML5 | CSS3"
title="HTML5 Powered, CSS3 Styled" /> title="HTML5 Powered, CSS3 Styled" />
</a> </a>

19
src/styles.css
View file

@ -97,6 +97,25 @@ header {
color: #888888; color: #888888;
} }
#navigation #expand {
padding: 0px 20px;
border-top: 1px solid grey;
border-bottom: 1px solid grey;
}
#menu-selection {
height: 0%;
transition: height 0.5s ease;
}
#navigation #toggle-section {
display: none;
}
#toggle-section:checked + #menu-section {
height: 100%;
}
#bar #footer { #bar #footer {
} }