<div class="navbar navbar-default navbar-fixed-top" id="p3x-gitlist-navigation" role="navigation">
<div class="container">
<div class="navbar-header p3x-gitlist-navbar-header">
<button type="button" id="p3x-gitlist-navigation-menu-button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<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 hidden-xs" href="{{ path('homepage') }}" id="p3x-gitlist-navigation-brand-header" class="p3x-gitlist-navigation-brand">
<img src="img/gitlist.svg" id="p3x-gitlist-navigation-brand-icon" class="p3x-gitlist-navigation-brand-icon"/>
<span id="p3x-gitlist-navigation-brand-title">
{{ app.title }}
</span>
</a>
<a class="navbar-brand hidden-sm hidden-md hidden-lg" style="position: relative;" href="{{ path('homepage') }}">
<!-- <i class="fab fa-git-square fa-fw" style="transform: scale(1.75)"></i> -->
<img src="img/gitlist.svg" id="p3x-gitlist-navigation-brand-icon-pure" class="p3x-gitlist-navigation-brand" data-toggle="tooltip" data-placement="bottom" title="{{ app.title }}"/>
</a>
</div>
<div class="navbar-collapse collapse" id="p3x-gitlist-navigation-theme">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">GitHub <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="https://github.com/patrikx3/gitlist" target="p3x-gitlist" >Repo</a>
</li>
<li>
<a href="javascript:void(0);" onclick="window.gitlist.changeLog()">Changelog</a>
</li>
<li>
<a href="javascript:void(0);" onclick="window.gitlist.todo()">To do</a>
</li>
<li>
<a href="https://github.com/patrikx3/gitlist/releases" target="p3x-gitlist-releases">Releases</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle p3x-gitlist-navigation-theme-open" data-toggle="dropdown">Themes <b class="caret"></b></a>
<ul class="dropdown-menu" id="theme-list">
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div id="p3x-gitlist-modal-changelog" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true"><i class="fas fa-times"></i></span></button>
<h4 class="modal-title">Change log</h4>
</div>
<div class="modal-body" id="p3x-gitlist-modal-changelog-body">
<i class="fas fa-cog fa-spin"></i> Loading change log ...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal"> <span class="fas fa-times"></span> Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div id="p3x-gitlist-modal-todo" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true"><i class="fas fa-times"></i></span></button>
<h4 class="modal-title">To do ...</h4>
</div>
<div class="modal-body" id="p3x-gitlist-modal-todo-body">
<i class="fas fa-cog fa-spin"></i> Loading todo ...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal"> <span class="fas fa-times"></span> Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="p3x-gitlist-header-height"></div>