initial

s/css/main.sass

@@ -0,0 +1,152 @@
+---
+---
+//$mainfont: "Computer Modern Serif"
+$defaultfont: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Hel", Helvetica, Arial, "Lucida Grande", sans-serif
+$ultralight: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', 'Hel', Arial, Helvetica, sans-serif
+
+body
+    color: #222
+    font:
+        family: $defaultfont
+        size: 14pt
+
+#page
+    font:
+        family: $defaultfont
+        size: 16pt
+
+// when the name header appears on a blog post
+// it is linked to / but shouldn't blue/underline on mouseover
+#nameheader a, #nameheader a:hover
+    color: inherit
+    text-decoration: none
+
+#blogpagearticlecontent small
+    font:
+        size: 12pt
+
+#bodyfooter
+    background: #f6f6f6
+    margin:
+        top: 80px
+    box:
+        shadow: inset 0px 11px 15px -10px #CCC
+    padding:
+        top: 30px
+        left: 10px
+        bottom: 10px
+
+// for some reason this is getting moved in
+#blogpagearticlecontent
+    font:
+        size: 16pt
+    line-height: 2em
+    padding:
+        left: 0
+        right: 30px
+
+#blogpagearticlecontent > p
+    padding:
+        top: 1em
+    margin-block-start: 0.5em
+
+#ytface
+    padding:
+        top: 2.5em
+
+h1,h2,h3,h4
+    padding:
+        top: 0.5em
+
+#blogpagearticlecontent h1,h2,h3,h4
+    padding:
+        top: 0.5em
+
+//#blogpagecontainerrow > h1 > small
+//    padding-left: 40px
+
+h1,h2,h3,h4
+    padding:
+        bottom: 15pt
+    font:
+        family: $ultralight
+        weight: 100
+
+.btn
+    font:
+        family: $ultralight
+
+section.indexpage
+    font:
+        size: 16pt
+        family: $defaultfont
+
+#indexhero
+    padding:
+        top: 50px
+        bottom: 50px
+
+#indexhero ul
+    list-style-type: none
+    padding-left: 0px
+    margin-left: 0px
+
+#indexhero ul li
+    padding:
+        top: 0.8em
+
+div.footnotes
+    padding:
+        top: 7em
+
+#nameheader
+    font:
+        size: 48pt
+        style: italic
+    padding:
+        bottom: 10pt
+
+#blogpagearticlecontent
+    text:
+        align: justify
+
+#blogpageata
+    padding:
+        left: 1em
+        right: 1em
+    margin:
+        left: 2em
+        right: 1em
+
+#blogpageata > h1
+    margin:
+        top: 5px
+        bottom: 5px
+    font:
+        size: 18pt
+
+#blogpageata > p
+    text:
+        align: justify
+    font:
+        size: 12pt
+    line-height: 1.5em
+
+#utcTimeDisplay
+    background: #000
+    padding:
+        left: 50px
+        right: 50px
+    box-shadow: 0 0 30px black
+    width: 45em
+    height: 20em
+
+#blogpagearticlecontent > blockquote > p
+    padding:
+        top: 0em
+    margin-block-start: 0em
+
+blockquote
+    color: #666
+    font:
+        size: 18pt