some baseline stuff

This commit is contained in:
2022-11-12 19:10:48 -05:00
parent af1291516c
commit 235d36a22a
9 changed files with 243 additions and 3 deletions

52
templates/base.html Normal file
View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %} {% endblock %} - BellScheduler</title>
<style>
.title {
margin: 5px;
}
.content {
margin: 5px;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.event {
flex: 20%;
padding: 10px;
margin: 5px;
background-color: #f3f3f3;
inline-size: 100%;
}
.title a {
color: #00a36f;
text-decoration: none;
}
nav a {
color: #d64161;
font-size: 3em;
margin-left: 50px;
text-decoration: none;
}
</style>
</head>
<body>
<nav>
<a href="{{ url_for('index') }}">BellScheduler</a>
<a href="#">Tasks</a>
<a href="#">About</a>
</nav>
<hr>
<div class="content">
{% block content %} {% endblock %}
</div>
</body>
</html>

23
templates/index.html Normal file
View File

@@ -0,0 +1,23 @@
{% extends 'base.html' %}
{% block content %}
<span class="title"><h1>{% block title %} Events {% endblock %}</h1></span>
<div class="content">
{% for event in events %}
<div class="event">
<p><b>Period {{ event.period_num }}</b></p>
<b>
<p class="title">
<a href="/task/{{ event.tasks.id }}">
{{ event.tasks.title }}
</a>
</p>
</b>
<div class="content">
<p>{{ event.tasks.description }}</p>
</div>
<hr>
</div>
{% endfor %}
</div>
{% endblock %}

17
templates/task.html Normal file
View File

@@ -0,0 +1,17 @@
{% extends 'base.html' %}
{% block content %}
<span class="title"><h1>{% block title %} {{ task.title }} {% endblock %}</h1></span>
<div class="content">
<div class="task">
<p><b>#{{ task.id }}</b></p>
<b>
<p class="title">{{ task.title }}</p>
</b>
<div class="content">
<p>{{ task.description }}</p>
</div>
<hr>
</div>
</div>
{% endblock %}