Convert rendering of login.html to use a nunjucks template

[empires-server] / templates / base.html
diff --git a/templates/base.html b/templates/base.html

new file mode 100644 (file)

index 0000000..6895772
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+
+    <title>{{ title }}</title>
+
+    <link rel="stylesheet" href="/reset.css" type="text/css" />
+    <link rel="stylesheet" href="/style.css" type="text/css" />
+
+    <script>
+      function undisplay(element) {
+        element.style.display="none";
+      }
+
+      function add_message(severity, message) {
+        message = `<div class="message ${severity}" onclick="undisplay(this)">
+<span class="hide-button" onclick="undisplay(this.parentElement)">&times;</span>
+${message}
+</div>`;
+        const message_area = document.getElementById('message-area');
+        message_area.insertAdjacentHTML('beforeend', message);
+      }
+    </script>
+    {% block head %}
+    {% endblock %}
+
+  </head>
+  <body>
+
+    <div id="page">
+
+      <div id="message-area">
+      </div>
+
+      {% block page %}
+      {% endblock %}
+
+    </div>
+  </body>
+</html>