added html templates, static, index

content/static/css/blog.css

@@ -0,0 +1,81 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  font-family: sans-serif;
+  padding: 20px;
+  width: 60%;
+  padding-left: 20%;
+}
+
+article {
+  padding-top: 2em;
+  display: flex;
+}
+
+.post-link {
+  padding-right: 20px;
+}
+
+.post-title {
+  font-weight: 400;
+}
+
+.post-publish-date {
+  font-size: 0.7em;
+}
+
+.post-body {
+  padding-top: 1em;
+}
+
+#submit-form {
+  padding-top: 2em;
+}
+
+#submit-body, #submit-title {
+  width: 100%;
+  margin-bottom: 2em;
+  resize: none;
+}
+
+#submit-body {
+  height: 500px;
+}
+
+#submit-form {
+  display: block
+}
+
+@media (max-width:1080px) {
+  html {
+    padding: 20px;
+    width: 90%;
+    padding-left: 5%;
+  }
+
+/*
+  h1 {
+    font-size: 1.5em;
+  }
+
+  .post-link {
+    font-size: 2.5em;
+  }
+
+  .post-title {
+    font-size: 2.5em;
+  }
+
+  .post-body {
+    font-size: 2em;
+  }
+
+  .post-publish-date {
+    font-size: 1.7em;
+    font-weight: 400;
+  }
+*/
+}

content/static/css/index.css

@@ -0,0 +1,21 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  font-family: sans-serif;
+  padding: 20px;
+  width: 60%;
+  padding-left: 20%;
+  font-size: 1.5em;
+}
+
+@media (max-width:1080px) {
+  html {
+    font-family: sans-serif;
+    padding: 20px;
+    width: 90%;
+    padding-left: 5%;
+    font-size: 2em;
+}

content/static/js/blog.js

@@ -0,0 +1,31 @@
+function setTokenCookie() {
+    let token = document.getElementById('set-token').value;
+    let tokenCookie = 'token=' + token + "; SameSite=None; secure";
+    document.cookie = tokenCookie;
+    document.getElementById("token").value = token
+    document.getElementById("cookie-block").hidden = true;
+}
+
+function clearTokenCookie() {
+    document.cookie = "token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; SameSite=None; secure";
+    document.getElementById("cookie-block").hidden = false;
+}
+
+// if cookie is set, use it to pass the token
+let c_pairs = document.cookie.split(";");
+let cookie_set = false;
+for (c of c_pairs) {
+    if (c.trim().split("=")[0].startsWith("token")){
+        // stick token into all the form input fields
+        let token = c.split("=")[1];
+        let tokenFields = document.querySelectorAll(".token");
+        for (t of tokenFields) {
+            t.value = token;
+        }
+        cookie_set = true;
+    }
+}
+
+if (!cookie_set) {
+    document.getElementById("cookie-block").hidden = false;
+}