new site navbar

This commit is contained in:
2021-12-09 07:21:04 -06:00
parent d6220fee57
commit f6e0acf9d2
3 changed files with 39 additions and 20 deletions

View File

@@ -17,26 +17,22 @@
</head>
<body class="bg-light">
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top" style="padding-top: env(safe-area-inset-top);">
<div class="container-fluid">
<a class="navbar-brand fw-bolder text-uppercase" href="{% url 'home' %}">⚾️ Bench Coach</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav mr-auto">
<li>
<a class="nav-link" href="{% url 'events list' %}">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'players list' %}">Players</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'teams list' %}">Teams</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'venues list' %}">Venues</a>
</li>
</ul>
</div>
<nav class="navbar navbar-dark navbar-expand-md bg-dark py-0">
<div class="container"><a class="navbar-brand d-flex text-uppercase fw-bold me-auto text-dark" href="{% url 'home' %}"><img class="d-inline-block" width="32" height="32" src="{% static 'benchcoach.svg' %}" /><span class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block mx-1 my-auto text-white">bench coach</span></a><button class="navbar-toggler m-1 p-0" data-bs-toggle="collapse" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon m-1"></span></button>
<div id="navcol-2" class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="{% url 'events list' %}">Events</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'players list' %}">Members</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'teams list' %}">Opponents</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'venues list' %}">Teams</a></li>
</ul><span class="navbar-text mx-auto"></span>
<ul class="navbar-nav me-auto">
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">User  <img class="rounded-circle" height="24" src="{% static 'tommy-lasorda.jpg' %}" width="24" /></a>
<div class="dropdown-menu"><a class="dropdown-item" href="#">Menu Item</a></div>
</li>
<li class="nav-item"></li>
</ul>
</div>
</div>
</nav>