valentineus/popov.link
valentineus/popov.link
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

Navbar from Bootstrap v3

Browse Source 
Signed-off-by: Valentin Popov <info@valentineus.link>
This commit is contained in:
Valentin Popov 2018-05-15 01:28:56 +04:00
parent c6174916f5
commit 6a3f7cddf2
Signed by: Valentin Popov
GPG Key ID: 269A00ACA90A8EA3
1 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
_includes/navbar.html
View File

@ -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">
<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 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 }}
<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>