asc/benchcoach-django
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tweak navbar and homepage

Browse Source
This commit is contained in:
Anthony Correa
2021-12-13 07:21:58 -06:00
parent e0764ce479
commit f54c61d3aa
2 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
templates/base.html
View File

@@ -8,32 +8,33 @@
<script src="{% static 'js/bootstrap.bundle.js' %}" crossorigin="anonymous"></script>
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
<link rel='stylesheet' href="{% static 'css/base.css' %}">
<link rel="shortcut icon" type="image/png" href="{% static 'favicon.ico' %}">
<link rel="shortcut icon" type="image/png" href="{% static 'benchcoach.svg' %}">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="BenchCoach">
<meta name='viewport' content='viewport-fit=cover, width=device-width, initial-scale=1.0'>
<link rel="apple-touch-icon" href="{% static 'favicon.ico' %}">
<link rel="apple-touch-icon" href="{% static 'benchcoach.svg' %}">
</head>
<body class="bg-light">
<nav class="navbar navbar-dark navbar-expand-md bg-dark py-0">
<a class="navbar-brand d-flex text-uppercase fw-bold me-auto text-dark" href="{% url 'home' %}">
<a class="navbar-brand d-flex text-uppercase fw-bold m-2 mx-4 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">
<button class="navbar-toggler m-2 mx-4 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">
<ul class="navbar-nav mx-2">
<li class="nav-item"><a class="nav-link {{ events_tab }}" href="{% url 'events list' %}">Events</a></li>
<li class="nav-item"><a class="nav-link {{ members_tab }}" href="{% url 'players list' %}">Members</a></li>
<li class="nav-item"><a class="nav-link {{ opponents_tab }}" href="{% url 'teams list' %}">Opponents</a></li>
<li class="nav-item"><a class="nav-link {{ venues_tab }}" href="{% url 'venues list' %}">Venues</a></li>
</ul>
<span class="navbar-text mx-auto"></span>
<ul class="navbar-nav me-auto">
<span class="mx-auto"></span>
<span class="navbar-text"></span>
<ul class="navbar-nav mx-2">
<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">

21
templates/home.html
View File

@@ -1,12 +1,25 @@
{% extends "base.html" %}
{% extends "base.html" %}{% load static %}
{% block title %}Bench Coach Home{% endblock %}
{% block content %}
<h1>Home</h1>
List of pages:
<div class="text-center my-2">
<h1><img class="mx-auto" src="{% static 'benchcoach.svg' %}" style="width: 64px;" /><span class="text-nowrap"><strong>Welcome to Bench Coach</strong></span></h1>
<div class="col-lg-6 m-auto">
<p class="lead mb-4 d-none">Quisque at curabitur mollis ornare, malesuada maecenas. Orci elit tristique, malesuada eu pharetra. Est praesent tortor porttitor aptent, amet quisque.</p>
{# <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mx-1">#}
{# <button class="btn btn-primary" type="button">Login</button><button class="btn btn-outline-secondary" type="button">Sign Up</button>#}
{# </div>#}
</div>
<div class="container-sm">
<div class="list-group">
{% for page in pages %}
<li><a style="text-transform:capitalize;" href="{% url page %}">{{ page }} </a></li>
<li class="list-group-item"><a style="text-transform:capitalize;"
href="{% url page %}">{{ page }} </a></li>
{% endfor %}
</div>
</div>
</div>
{% endblock %}