aboutsummaryrefslogtreecommitdiff
path: root/_includes/navbar.html
diff options
context:
space:
mode:
authorValentin Popov <info@valentineus.link>2019-03-24 18:46:33 +0300
committerValentin Popov <info@valentineus.link>2019-03-24 20:48:39 +0300
commit9f1e42d5253bb58f2543cbc93a1ef4b128849f9f (patch)
treedec6e3b1c57df2f81ad73cd7b480d8d4307f75a6 /_includes/navbar.html
parent456eeb794b3e2f8b34cdf982835bd628e849fdf5 (diff)
downloadpopov.link-9f1e42d5253bb58f2543cbc93a1ef4b128849f9f.tar.xz
popov.link-9f1e42d5253bb58f2543cbc93a1ef4b128849f9f.zip
Add an animation menu on the only CSS
Signed-off-by: Valentin Popov <info@valentineus.link>
Diffstat (limited to '_includes/navbar.html')
-rw-r--r--_includes/navbar.html35
1 files changed, 12 insertions, 23 deletions
diff --git a/_includes/navbar.html b/_includes/navbar.html
index acf5e0c..bac694d 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -1,26 +1,15 @@
{% assign pages = site.pages | where: "show", true %}
-<nav role="navigation">
- <ul class="nav-pills">
- {% unless page.url == "/index.html" %}
- <li role="presentation">
- <strong>
- <a class="nav-link" href="/">Home</a>
- </strong>
- </li>
- {% endunless %}
+<div class="navigation-container">
+ <input id="toggle-button" class="toggle-button" type="checkbox" />
- <!-- Right side -->
- <ul class="nav-pills nav-right">
- {% for page in pages %}
- <li role="presentation">
- <strong>
- <a class="nav-link" href="{{ page.url | strip_newlines | strip_html | strip | normalize_whitespace | relative_url | uri_escape }}">
- {{ page.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
- </a>
- </strong>
- </li>
- {% endfor %}
- </ul>
- </ul>
-</nav>
+ <label class="toggle-label" for="toggle-button">
+ <span></span>
+ <span></span>
+ <span></span>
+ </label>
+
+ <nav class="navigation" role="navigation">
+ <ul class="navigation-pills"></ul>
+ </nav>
+</div>