eliribble
/
vanth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
vanth/templates/navbar.html

32 lines
1.6 KiB
HTML
Raw Normal View History

Add a navbar to the main page after login I'll probably use it. Fairly certain. It looks nice either way. This breaks up the main layout to 'things with the navbar' and 'things without' and uses inheritance to make it all work out nicely. I also added my first static asset which assumes nginx is properly configured to serve up the file rather than doing it through vanth
2016-06-09 00:19:03 -07:00
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
Fix up navbar to have the structure I wanted This means logout in a menu underneath the username, some high-level navigation points, that sort of thing
2016-06-09 08:43:59 -07:00
<a class="navbar-brand" href="/">Vanth</a>
Add a navbar to the main page after login I'll probably use it. Fairly certain. It looks nice either way. This breaks up the main layout to 'things with the navbar' and 'things without' and uses inheritance to make it all work out nicely. I also added my first static asset which assumes nginx is properly configured to serve up the file rather than doing it through vanth
2016-06-09 00:19:03 -07:00
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
Fix up navbar to have the structure I wanted This means logout in a menu underneath the username, some high-level navigation points, that sort of thing
2016-06-09 08:43:59 -07:00
<ul class="nav navbar-nav">
Use automatic template context rather than passing the path through Saves me having to push a bunch of common stuff through, which just makes sense
2016-06-09 09:18:30 -07:00
<li class="{{ 'active' if request.path == '/accounts/' else ''}}"><a href="/accounts">Accounts<span class="sr-only">(current)</span></a></li>
Fix up navbar to have the structure I wanted This means logout in a menu underneath the username, some high-level navigation points, that sort of thing
2016-06-09 08:43:59 -07:00
</ul>
Add a navbar to the main page after login I'll probably use it. Fairly certain. It looks nice either way. This breaks up the main layout to 'things with the navbar' and 'things without' and uses inheritance to make it all work out nicely. I also added my first static asset which assumes nginx is properly configured to serve up the file rather than doing it through vanth
2016-06-09 00:19:03 -07:00
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
Fix up navbar to have the structure I wanted This means logout in a menu underneath the username, some high-level navigation points, that sort of thing
2016-06-09 08:43:59 -07:00
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ current_user.name }}<span class="caret"></span></a>
Make my dropdown menu black like my navbar I like the black-on-white asthetic, so let's make the dropdown menu do that. I pulled this code from https://github.com/twbs/bootstrap/issues/9588 It works great now that I'm processing my sass
2016-06-09 08:57:04 -07:00
<ul class="dropdown-menu inverse-dropdown">
Fix up navbar to have the structure I wanted This means logout in a menu underneath the username, some high-level navigation points, that sort of thing
2016-06-09 08:43:59 -07:00
<li><a href="/settings">Settings</a></li>
Add a navbar to the main page after login I'll probably use it. Fairly certain. It looks nice either way. This breaks up the main layout to 'things with the navbar' and 'things without' and uses inheritance to make it all work out nicely. I also added my first static asset which assumes nginx is properly configured to serve up the file rather than doing it through vanth
2016-06-09 00:19:03 -07:00
<li role="separator" class="divider"></li>
Fix my logout form I accidentally an =
2016-06-09 08:58:50 -07:00
<li><form action="/logout/" method="POST"><input class="navbar-btn btn-warning" type="submit" value="Log Out"></input></form></li>
Add a navbar to the main page after login I'll probably use it. Fairly certain. It looks nice either way. This breaks up the main layout to 'things with the navbar' and 'things without' and uses inheritance to make it all work out nicely. I also added my first static asset which assumes nginx is properly configured to serve up the file rather than doing it through vanth
2016-06-09 00:19:03 -07:00
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>