1 files changed, 95 insertions, 0 deletions

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 %}