initial commit

app/categories/templates/categories.html

@@ -0,0 +1,42 @@
+<style>
+#main {
+align-items: center;
+}
+h1 {
+  margin-top: 40px;
+  font-size: 2.3rem;
+}
+.buttonLink {
+  width: 95%;
+  max-width: 700px;
+  text-decoration: none;
+}
+.buttonLink button {
+  width: 100%;
+  color: white;
+  background-color: black;
+  padding: 10px 20px 10px 20px;
+  margin-bottom: 10px;
+  border-radius: 9px;
+  font-size: 1.3rem;
+  display: flex;
+  font-weight: bold;
+  justify-content: space-between;
+}
+</style>
+{% extends "base.html" %}
+
+{% block content %}
+  <h1>{{ heading }}</h1>
+  {% for category in categories %}
+    <a href={{ category.href }} class="buttonLink">
+      <button>
+        {{ category.name }}
+        <div style="display: flex;">
+          <div>{{ category.open }},</div>
+          <div style="color: grey;">{{ category.done }}</div>
+        </div>
+      </button>
+    </a>
+  {% endfor %}
+{% endblock %}

app/categories/templates/new_category.html

@@ -0,0 +1,28 @@
+<style>
+#name {
+  font-size: 1.2rem;
+}
+form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+</style>
+{% extends "base.html" %}
+
+{% block content %}
+  <div class="formContainer">
+    <h1>{{ titile }}</h1>
+    <form action="" method="post">
+      {{ form.hidden_tag() }}
+      <p>
+        {{ form.name.label }}<br>
+        {{ form.name(size=24) }}<br>
+        {% for error in form.name.errors %}
+          <span class="formWarning">[{{ error }}]</span>
+        {% endfor %}
+      </p>
+      <p>{{ form.submit() }}</p>
+    </form>
+  </div>
+{% endblock %}