Navbar from Bootstrap v3
Signed-off-by: Valentin Popov <info@valentineus.link>
This commit is contained in:
parent
c6174916f5
commit
6a3f7cddf2
@ -1,16 +1,32 @@
|
|||||||
{% assign pages = site.pages | where: "show", true %}
|
{% 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">
|
<div class="container">
|
||||||
<a class="mr-auto navbar-brand" href="#">{{ site.title }}</a>
|
<div class="navbar-header">
|
||||||
<ul class="navbar-nav">
|
<button class="collapsed navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||||
{% for page in pages %}
|
<span class="sr-only">Toggle navigation</span>
|
||||||
<li class="nav-item">
|
<span class="icon-bar"></span>
|
||||||
<a class="nav-link" href="{{ page.url | strip_newlines | strip_html | strip | normalize_whitespace | relative_url | uri_escape }}">
|
<span class="icon-bar"></span>
|
||||||
{{ page.title | default: "Page" | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
|
<span class="icon-bar"></span>
|
||||||
</a>
|
</button>
|
||||||
</li>
|
|
||||||
{% endfor %}
|
<!-- Name of the site -->
|
||||||
</ul>
|
<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>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user