1 files changed, 84 insertions, 0 deletions
diff --git a/templates/index.eta b/templates/index.eta
new file mode 100644
index 0000000..1fced66
--- /dev/null
+++ b/templates/index.eta
@@ -0,0 +1,84 @@
+<!DOCTYPE HTML>
+
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Rubén Beltrán del Río">
+    <meta name="description" content="New corona regulations for Berlin">
+
+    <meta name="theme-color" content="#db5945">
+
+    <style>
+    body {
+      background: linear-gradient(270deg, #fff 0%, #ccc 100%);
+      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+      padding: 2em;
+    }
+
+    h1 {
+      background: linear-gradient(104deg, rgba(229,19,34,1) 95%, rgba(229,19,34,0) 95%);
+      color: #fff;
+      padding: 0.5em 1em;
+      text-transform: uppercase;
+    }
+
+ul {
+  list-style: none;
+}
+
+li {
+  margin: 1em;
+}
+
+li h2 {
+  font-size: 1.4em;
+  margin: 0;
+  background: linear-gradient(104deg, rgba(229,19,34,1) 95%, rgba(229,19,34,0) 95%);
+  color: #fff;
+  padding: 0.2em 1em 0.2em 0.5em;
+  width: max-content;
+}
+
+li p {
+  margin: 0;
+}
+
+li span {
+  display: inline-block;
+}
+
+li .emoji {
+  position: absolute;
+  font-size: 4em;
+  margin-left: -1.1em;
+}
+
+li .text {
+  font-size: 2em;
+  padding: 0.5em 1em;
+  margin-left: 0.5em;
+  background: #fff;
+}
+    </style>
+
+    <title>New Corona Regulations for Berlin</title>
+  </head>
+  <body>
+      <h1>
+        New Corona Regulations Berlin
+      </h1>
+      <ul>
+        <% for (const rule of it.rules) { %>
+        <li>
+          <h2>Starting <%= rule.time %></h2>
+          <p>
+            <span class="emoji"><%= rule.rule.emoji %></span>
+            <span class="text"><%= rule.rule.text %></span>
+          </p>
+        </li>
+        <% } %>
+      </ul>
+  </body>
+</html>
+