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

Fidgeting with navigation bar...

Browse source
This commit is contained in:
Bill Niblock 2015-03-08 15:04:44 -04:00
parent 9583848c54
commit 257544b61b
2 changed files with 24 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
_layouts/default.html
View file

@ -32,30 +32,29 @@
<li>Home</li>
<li>Projects</li>
<ul id="projects">
<li>GitHub Page</li>
<ul>
<li>[ Page ]</li>
<li>[ Source ]</li>
</ul>
<li>Dot Files</li>
<ul>
<li>[ Page ]</li>
<li>[ Source ]</li>
</ul>
<li>Antennae</li>
<ul>
<li>[ Page ]</li>
<li>[ Source ]</li>
</ul>
<li>GitHub Page<br />
<div>[ Page ]</div>
<div>[ Source ]</div>
</li>
<li>Dot Files<br />
<div>[ Page ]</div>
<div>[ Source ]</div>
</li>
<li>Antennae<br />
<div>[ Page ]</div>
<div>[ Source ]</div>
</li>
<li> ... more ... </li>
</ul>
<li>Posts</li>
<ul id="posts">
{% for post in site.posts %}
{% for post in site.posts limit:3 %}
<li>
<a href="{{ post.url }}">
{{ post.title }}</a>
</li>
{% endfor %}
<li> ... more ... </li>
</ul>
</ul>
</section>

10
src/styles.css
View file

@ -58,7 +58,7 @@ header {
#navbar #bar {
position: absolute; top: 0px; right: 0px; bottom: 0px;
width: 0px; margin: 0px; padding: 0px; overflow-x: hidden; white-space: nowrap;
width: 0px; margin: 0px; padding: 0px; overflow-x: hidden;
background-color: #202020;
transition: width 0.5s ease;
}
@ -98,6 +98,14 @@ header {
color: #888888;
}
#navigation #projects {
list-style: none;
}
#projects li {
padding: 10px;
}
#navigation #expand {
padding: 0px 20px;
border-top: 1px solid grey;