diff options
author | Valentin Popov <info@valentineus.link> | 2018-05-15 00:28:56 +0300 |
---|---|---|
committer | Valentin Popov <info@valentineus.link> | 2018-05-15 00:33:02 +0300 |
commit | 6a3f7cddf254c1f8c5feaf68fb46e95d0980be9d (patch) | |
tree | 7460a42b094d9ad388c532cb994e91d68a217abc /_includes | |
parent | c6174916f505d373684c8a90dfd3cf6a9e910768 (diff) | |
download | popov.link-6a3f7cddf254c1f8c5feaf68fb46e95d0980be9d.tar.xz popov.link-6a3f7cddf254c1f8c5feaf68fb46e95d0980be9d.zip |
Navbar from Bootstrap v3
Signed-off-by: Valentin Popov <info@valentineus.link>
Diffstat (limited to '_includes')
-rw-r--r-- | _includes/navbar.html | 38 |
1 files changed, 27 insertions, 11 deletions
diff --git a/_includes/navbar.html b/_includes/navbar.html index 1c48ac8..5722345 100644 --- a/_includes/navbar.html +++ b/_includes/navbar.html @@ -1,16 +1,32 @@ {% assign pages = site.pages | where: "show", true %} -<nav class="bg-light navbar navbar-expand navbar-light sticky-top" role="navigation"> +<nav class="navbar navbar-default navbar-static-top" role="navigation"> <div class="container"> - <a class="mr-auto navbar-brand" href="#">{{ site.title }}</a> - <ul class="navbar-nav"> - {% for page in pages %} - <li class="nav-item"> - <a class="nav-link" href="{{ page.url | strip_newlines | strip_html | strip | normalize_whitespace | relative_url | uri_escape }}"> - {{ page.title | default: "Page" | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }} - </a> - </li> - {% endfor %} - </ul> + <div class="navbar-header"> + <button class="collapsed navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + + <!-- Name of the site --> + <a class="navbar-brand" href="/"> + {{ site.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | truncate: 64 | xml_escape }} + </a> + </div> + + <!-- List of pages --> + <div class="collapse navbar-collapse" id="navbar"> + <ul class="nav navbar-nav"> + {% for page in pages %} + <li> + <a 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> + </li> + {% endfor %} + </ul> + </div> </div> </nav> |