1
0
mirror of https://github.com/TeamNewPipe/website synced 2025-10-06 00:22:38 +02:00
Files
website/_includes/nav.html
TobiGr 98f5e55646 Update navigation bar
Add links to documentation
Remove GitHub issues link
Hide navbar brand sub text on tablet size
2019-02-19 16:43:12 +01:00

66 lines
4.1 KiB
HTML

{{
# Include for top navigation bar
# Following parameters are allowed:
# brand The title will be showed next to the NewPipe logo and the word "NewPipe" on the left side of the nav bar.
# Should be one or two words long.
# brandLink URL to use as link for the brand. Default: #
# active Indicates which item will be bold.
# position It is possible to have a navigation which is fixed to the top of the window or
# to have a static navigation bar. Allowed values: "fixed", "static". Default: "fixed"
# search A search can be integrated next to the first menu entry. Default: false
}}
<!-- header -->
<div class="navbar-wrapper navbar-full-bg navbar-{% if include.position == "static" %}static{% else %}fixed{% endif %}-top" id="header">
<div class="container">
<nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" 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>
<a class="navbar-brand" href="
{%- if include.brandLink -%}{{ site.baseurl }}/{{ include.brandLink }}
{%- else -%}{{ site.baseurl }}/{%- endif -%}
">
<img src="{{ site.baseurl }}/img/logo.svg" class="img-circle border-white navbar-logo pull-left" alt="NewPipe logo" />
<span class="pull-left">NewPipe
{%- if include.brand -%}<span class="navbar-brand-sub hidden-sm"> {{ include.brand }}</span>{%- endif -%}
</span>
</a>
</div>
<div id="navbar" class="navbar-collapse collapse navbar-right">
<ul class="nav navbar-nav">
{%- if include.search %}
<li class="search-container hidden-sm">
<a>
<form action="{{ site.baseurl }}/blog/search/" method="get" class="search-form">
<div class="input-group has-error">
<input type="text" id="navigation-search-input" class="form-control search-input" name="s" placeholder="Search">
<span class="input-group-btn">
<button class="btn btn-default no-empty-submit" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</span>
</div><!-- /input-group -->
</form>
</a>
</li>
{%- endif %}
<li{% if include.active == "home" %} class="active"{% endif %}><a href="{{ site.baseurl }}/">Home</a></li>
<li{% if include.active == "FAQ" %} class="active"{% endif %}><a href="{{ site.baseurl }}/FAQ/">FAQ</a></li>
<li{% if include.active == "blog" %} class="active"{% endif %}><a href="{{ site.baseurl }}/blog/">Blog</a></li>
<li{% if include.active == "press" %} class="active"{% endif %}><a href="{{ site.baseurl }}/press/">Press</a></li>
<li><a href="https://github.com/TeamNewPipe/NewPipe/">GitHub</a></li>
<li><a href="https://teamnewpipe.github.io/documentation/">Docs <span class="badge">BETA</span></a></li>
<li><a href="https://github.com/TeamNewPipe/NewPipe/releases/">Releases</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div> <!-- header -->