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>Home</li>
<li>Projects</li> <li>Projects</li>
<ul id="projects"> <ul id="projects">
<li>GitHub Page</li> <li>GitHub Page<br />
<ul> <div>[ Page ]</div>
<li>[ Page ]</li> <div>[ Source ]</div>
<li>[ Source ]</li> </li>
</ul> <li>Dot Files<br />
<li>Dot Files</li> <div>[ Page ]</div>
<ul> <div>[ Source ]</div>
<li>[ Page ]</li> </li>
<li>[ Source ]</li> <li>Antennae<br />
</ul> <div>[ Page ]</div>
<li>Antennae</li> <div>[ Source ]</div>
<ul> </li>
<li>[ Page ]</li> <li> ... more ... </li>
<li>[ Source ]</li>
</ul>
</ul> </ul>
<li>Posts</li> <li>Posts</li>
<ul id="posts"> <ul id="posts">
{% for post in site.posts %} {% for post in site.posts limit:3 %}
<li> <li>
<a href="{{ post.url }}"> <a href="{{ post.url }}">
{{ post.title }}</a> {{ post.title }}</a>
</li> </li>
{% endfor %} {% endfor %}
<li> ... more ... </li>
</ul> </ul>
</ul> </ul>
</section> </section>

10
src/styles.css
View file

@ -58,7 +58,7 @@ header {
#navbar #bar { #navbar #bar {
position: absolute; top: 0px; right: 0px; bottom: 0px; 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; background-color: #202020;
transition: width 0.5s ease; transition: width 0.5s ease;
} }
@ -98,6 +98,14 @@ header {
color: #888888; color: #888888;
} }
#navigation #projects {
list-style: none;
}
#projects li {
padding: 10px;
}
#navigation #expand { #navigation #expand {
padding: 0px 20px; padding: 0px 20px;
border-top: 1px solid grey; border-top: 1px solid grey;