Add dropdown

This commit is contained in:
Jeremy Thomas
2017-06-30 23:16:22 +01:00
parent 691021082b
commit 962c9224ad
4 changed files with 127 additions and 68 deletions

View File

@@ -1,16 +1,17 @@
<div class="container">
<nav class="navbar">
<div class="navbar-brand">
<a class="navbar-item" href="{{ site.url }}">
<img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.title }}" width="112" height="28">
</a>
<a class="navbar-item">
<a class="navbar-item is-hidden-desktop">
<span class="icon">
<i class="fa fa-github"></i>
</span>
</a>
<a class="navbar-item">
<a class="navbar-item is-hidden-desktop">
<span class="icon">
<i class="fa fa-twitter"></i>
</span>
@@ -69,7 +70,7 @@
<a class="navbar-link">
Blog
</a>
<div class="navbar-dropdown" style="width: 18rem;">
<div class="navbar-dropdown" data-style="width: 18rem;">
{% for post in site.posts %}
<a class="navbar-item" href="{{ post.url }}">
<div class="navbar-content">
@@ -83,7 +84,7 @@
<hr class="navbar-divider">
<div class="navbar-item">
<div class="navbar-content">
<div class="level">
<div class="level is-mobile">
<div class="level-left">
<div class="level-item">
<strong>Stay up to date!</strong>
@@ -145,3 +146,4 @@
</div>
</div>
</nav>
</div>