From 57ff25198a82b3f6f413440e4005f0ade8dfb8d8 Mon Sep 17 00:00:00 2001
From: pacien
Date: Thu, 29 Jul 2021 18:04:48 +0200
Subject: app: render and serve proper web pages

---
 templates/homepage.html.jinja | 95 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 templates/homepage.html.jinja

(limited to 'templates/homepage.html.jinja')

diff --git a/templates/homepage.html.jinja b/templates/homepage.html.jinja
new file mode 100644
index 0000000..39ed94f
--- /dev/null
+++ b/templates/homepage.html.jinja
@@ -0,0 +1,95 @@
+{#
+  UGE / L2 / Intro to relational databases / Python project prototype
+  Author: Pacien TRAN-GIRARD
+  Licence: EUPL-1.2
+#}
+
+{% extends '_base.html.jinja' %}
+
+{% block title %}Homepage{% endblock %}
+
+{% block content %}
+<div class="pure-g">
+
+  <form
+    method="post"
+    action="/account/register"
+    class="pure-form pure-form-aligned pure-u-1 pure-u-md-1-2">
+
+    <h2>Create a new account</h2>
+
+    <fieldset>
+      <div class="pure-control-group">
+        <label for="register-name">Username</label>
+        <input
+          type="text"
+          id="register-name"
+          name="username"
+          minlength="4"
+          maxlength="16"
+          required />
+      </div>
+      <div class="pure-control-group">
+        <label for="register-password">Password</label>
+        <input
+          type="password"
+          id="register-password"
+          name="password"
+          minlength="4"
+          maxlength="32"
+          required />
+      </div>
+      <div class="pure-controls">
+        <label for="register-terms" class="pure-checkbox">
+          <input type="checkbox" id="register-terms" required />
+          I trust you*
+        </label>
+
+        <button
+          type="submit"
+          class="pure-button pure-button-primary dark-blue-bg">
+          ✎ Open an account
+        </button>
+      </div>
+    </fieldset>
+  </form>
+
+  <form
+    method="post"
+    action="/account/login"
+    class="pure-form pure-form-aligned pure-u-1 pure-u-md-1-2">
+
+    <h2>Log in into your account</h2>
+
+    <fieldset>
+      <div class="pure-control-group">
+        <label for="login-name">Username</label>
+        <input
+          type="text"
+          id="login-name"
+          name="username"
+          minlength="4"
+          maxlength="16"
+          required />
+        </div>
+      <div class="pure-control-group">
+        <label for="login-password">Password</label>
+        <input
+          type="password"
+          id="login-password"
+          name="password"
+          minlength="4"
+          maxlength="32"
+          required />      </div>
+      <div class="pure-controls">
+        <button
+          type="submit"
+          class="pure-button pure-button-primary light-blue-bg">
+          🔑 Log in
+        </button>
+      </div>
+    </fieldset>
+  </form>
+
+</div>
+{% endblock %}
-- 
cgit v1.2.3