Brewery/brewery-website
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects 2 Releases Wiki Activity

Nav Stuff

Browse Source 
Updated for bootstrap 5.
This commit is contained in:
Chris Giacofei 2024-06-06 13:40:43 -04:00
parent e226f6e406
commit 940796d38e
1 changed files with 49 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

110
templates/base.html
View File

@ -23,69 +23,65 @@
label { label {
margin-right: 10px; margin-right: 10px;
} }
nav {
display:flex;
justify-content:space-between;
}
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="/">Damn Yankee Brewing</a> <div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExampleDefault"
aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault"> <a class="navbar-brand" href="/">Damn Yankee Brewing</a>
<ul class="navbar-nav mr-auto"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
<li class="nav-item active"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<a class="nav-link" href="/">Home</a> <span class="navbar-toggler-icon"></span>
</li> </button>
<li class="nav-item"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<a class="nav-link" href="{% url 'yeast:batches' %}">Batches</a> <ul class="navbar-nav mr-auto">
</li> <li class="nav-item active">
<li class="nav-item dropdown"> <a class="nav-link" href="/">Home</a>
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" </li>
aria-expanded="false">Operations</a> <li class="nav-item">
<div class="dropdown-menu" aria-labelledby="dropdown01"> <a class="nav-link" href="{% url 'yeast:batches' %}">Batches</a>
<a class="dropdown-item" href="/yeast/">Yeast</a> </li>
<a class="dropdown-item" href="/kegs/">Kegging</a> <li class="nav-item dropdown">
<a class="dropdown-item" href="/beer/">Beer</a> <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true"
</div> aria-expanded="false">Operations</a>
</li> <div class="dropdown-menu" aria-labelledby="dropdown01">
<li class="nav-item"> <a class="dropdown-item" href="/yeast/">Yeast</a>
<a class="nav-link" href="/wiki/">Wiki</a> <a class="dropdown-item" href="/kegs/">Kegging</a>
</li> <a class="dropdown-item" href="/beer/">Beer</a>
<li class="nav-item"> </div>
<a class="nav-link" href="/about/">About</a> </li>
</li> </ul>
</div>
<div>
{% if user.is_authenticated %}
</ul> <div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
{% if user.is_authenticated %} {{ user.username }}
<div class="dropdown"> </button>
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <ul class="dropdown-menu">
{{ user.username }} <li><a class="dropdown-item" href="#" onclick="document.getElementById('LougoutForm').submit();">Log Out</a></li>
</button> <li><a class="dropdown-item" href="{% url 'password_change' %}">Change Password</a></li>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#" onclick="document.getElementById('LougoutForm').submit();">Log Out</a>
<a class="dropdown-item" href="{% url 'password_change' %}">Change Password</a>
{% if user.is_superuser %} {% if user.is_superuser %}
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item" href="{% url 'admin:index' %}">Admin</a> <li><a class="dropdown-item" href="{% url 'admin:index' %}">Admin</a></li>
{% endif %} {% endif %}
</ul>
</div> </div>
</div> {% else %}
{% else %} <a href="{% url 'login' %}">Log In</a>
<a href="{% url 'login' %}">Log In</a> {% endif %}
{% endif %} <form id="LougoutForm" action="{% url 'logout' %}" method="POST" class="form-inline my-2 my-lg-0">
<form id="LougoutForm" action="{% url 'logout' %}" method="POST" class="form-inline my-2 my-lg-0"> {% csrf_token %}
{% csrf_token %} </form>
</form>
</div> </div>
</div>
</nav> </nav>
</div> </div>
@ -98,19 +94,11 @@
</p> </p>
</div> </div>
</div> </div>
{% block content %}{% endblock %} {% block content %}{% endblock %}
</main> </main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<footer class="bg-body-tertiary text-center fixed-bottom">
<!-- Copyright -->
<div class="text-center p-1" style="background-color: rgba(0, 0, 0, 0.1);">
&copy; Damn Yankee Brewing 2010-{% now "Y" %}
</div>
<!-- Copyright -->
</footer>
</body> </body>
{% block endscript %}{% endblock %} {% block endscript %}{% endblock %}
</html> </html>