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;
+}