Begin fleshing out the index and base templates

content/_index.md

@@ -0,0 +1,4 @@
+---
+title: Daniel's Blog
+---
+This is the index.

themes/vanilla/assets/scss/style.scss

@@ -0,0 +1,135 @@
+$container-width: 700px;
+$primary-color: #36e281;
+$primary-color-dark: #1dc868;
+$font-heading: "Lora", serif;
+$font-body: "Raleway", serif;
+$font-code: "Inconsolata", monospace;
+
+body {
+  font-family: $font-body;
+  font-size: 1.0em;
+  line-height: 1.5;
+  margin-bottom: 1em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-bottom: .1em;
+  margin-top: .5em;
+  font-family: $font-heading;
+  font-weight: normal;
+
+  a {
+    color: black;
+
+    &:hover {
+      color: $primary-color;
+    }
+  }
+}
+
+code {
+  font-family: $font-code;
+  background-color: #f0f0f0;
+}
+
+.container {
+  margin: auto;
+  width: 100%;
+  max-width: $container-width;
+  box-sizing: border-box;
+
+  @media screen and (max-width: $container-width){
+    padding: 0em 1em 0em 1em;
+  }
+}
+
+.button, input[type="submit"] {
+  padding: 0.5em;
+  background-color: $primary-color;
+  border: none;
+  color: white;
+  transition: color 0.25s;
+  transition: background-color 0.25s;
+
+  &:focus {
+    outline: none;
+  }
+
+  &:hover, &:focus {
+    background-color: white;
+    color: $primary-color;
+  }
+}
+
+.navbar {
+  background-color: $primary-color;
+  width: 100%;
+  margin: 1em 0px 1em 0px;
+}
+
+.navbar-button {
+  padding: .75em;
+  text-decoration: none;
+  color: white;
+  display: inline-block;
+
+  transition: color .25s, background-color .25s;
+
+  &:hover {
+    color: $primary-color;
+    background-color: white;
+  }
+
+}
+
+.post-subscript {
+  color: #8f8f8f;
+}
+
+.post-content {
+  margin-top: .5em;
+}
+
+h1 {
+  font-size: 3.0rem;
+}
+
+h2 {
+  font-size: 2.6rem;
+}
+
+h3 {
+  font-size: 2.2rem;
+}
+
+h4 {
+  font-size: 1.8rem;
+}
+
+h5 {
+  font-size: 1.4rem;
+}
+
+h6 {
+  font-size: 1.0rem;
+}
+a {
+  color: $primary-color-dark;
+  text-decoration: none;
+}
+
+input[type="text"], input[type="password"], textarea {
+  padding: 0.5em 0em 0.5em 0em;
+  margin: 0.5em 0.5em 0.5em 0em;
+  border: none;
+  border-bottom: solid 0.2em $primary-color-dark;
+  transition: border 0.25s;
+  &:focus {
+    outline: none;
+    border-bottom: solid 0.2em white;
+  }
+}
+
+img {
+  max-width: 100%
+}