1
0
Fork 0
mirror of https://github.com/shouptech/humulus.git synced 2026-02-03 16:09:44 +00:00

add navbar

This commit is contained in:
Emma 2019-06-18 22:02:22 -06:00
parent c6ad329b23
commit 62e918351f
3 changed files with 43 additions and 5 deletions

View file

@ -0,0 +1,18 @@
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
body {
padding-top: 5rem;
}

View file

@ -1,4 +1,4 @@
{#
{#-
Copyright 2019 Mike Shoup
Licensed under the Apache License, Version 2.0 (the "License");
@ -12,7 +12,8 @@
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
#}
-#}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@ -20,11 +21,30 @@ limitations under the License.
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
<title>{% block title %}{% endblock %} - Humulus</title>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="{{ url_for('index') }}">Humulus</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHumulusDefault" aria-controls="navbarHumulusDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarHumulusDefault">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Login</a>
</li>
</ul>
</div>
</nav>
<main role="main" class="container">
{% block body %}{% endblock %}
</main><!-- /.container -->
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

View file

@ -1,4 +1,4 @@
{#
{#-
Copyright 2019 Mike Shoup
Licensed under the Apache License, Version 2.0 (the "License");
@ -12,10 +12,10 @@
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
#}
-#}
{% extends '_base.html' %}
{% block title %}Home{% endblock %}
{% block body %}
<h1>Home</h1>
<div><h1>Home</h1></div>
{% endblock %}