initial commit. displays simple hierarchy and lists of models. includes fixtures for initial data.

This commit is contained in:
2021-11-07 14:05:07 -06:00
parent a253c38bf0
commit 0f5c7d27e6
54 changed files with 1398 additions and 0 deletions

22
templates/base.html Normal file
View File

@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
{% load bootstrap5 %}
{% bootstrap_css %}
{% bootstrap_javascript %}
<head>
<meta charset="UTF-8">
<title>{% block title %}Title{% endblock %}</title>
</head>
<body>
<nav class="navbar navbar-dark bg-dark">
<a class="navbar-brand h1" style="text-transform: uppercase" href="{% url 'home' %}">⚾️ Bench Coach</a>
</nav>
<div id="content" class="container">
{% block content %}{% endblock %}
</div>
</body>
</html>

17
templates/home.html Normal file
View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
{% load bootstrap5 %}
{% bootstrap_css %}
{% bootstrap_javascript %}
<meta charset="UTF-8">
<title>Bench Coach</title>
</head>
<h1>Bench Coach</h1>
{% for page in pages %}
<li><a style="text-transform:capitalize;" href="{% url page %}">{{ page }} </a></li>
{% endfor %}
<body>
</body>
</html>

14
templates/list.html Normal file
View File

@@ -0,0 +1,14 @@
{% extends "base.html" %}
{% block title %} {{ title }}{% endblock %}
{% block content %}
<h1>{{ title }}</h1>
<ol class="list-group">
{% for item in items %}
<li class="list-group-item">
{{ item }}
</li>
{% endfor %}
</ol>
{% endblock %}

73
templates/navbar.html Normal file
View File

@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<style>
ul.dropdown-list {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li.navbar-item {
float: left;
}
li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn {
background-color: red;
}
li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
</head>
<body>
<ul class="dropdown-list">
<li class="navbar-item"><a href="#home">Home</a></li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Dropdown</a>
<div class="dropdown-content">
{% for event in events %}
<a href="{% url 'players' year=event.date.year month=event.date.month day=event.date.day %}">{{ event.date }} </a>
{% endfor %}
</div>
</li>
<li style="float:right">⚾️</li>
</ul>
</body>
</html>