add markdown rendering, copy in old posts

1 files changed, 10 insertions, 3 deletions

diff --git a/styles/layout.css b/styles/layout.css
index 4a64adb..6c8578d 100644
--- a/styles/layout.css
+++ b/styles/layout.css
@@ -33,7 +33,7 @@ header {
   padding: var(--text-padding);
   padding-bottom: 0;
   box-sizing: border-box;
-  align-items: start;
+  align-items: flex-start;
   justify-items: flex-start;
 }
 
@@ -125,12 +125,15 @@ header:not(.homepage) ~ h1.pageTitle {
 }
 
 main.mainColumn {
+  min-height: calc(var(--header-overlap) + var(--min-main-overhang));
+}
+
+.mainColumn {
   width: var(--main-width);
   box-sizing: border-box;
   padding: var(--text-padding);
   margin: 0 auto;
   background: var(--main-background);
-  min-height: calc(var(--header-overlap) + var(--min-main-overhang));
   box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
 }
 
@@ -138,13 +141,17 @@ header.homepage ~ .mainColumn {
   min-height: calc(var(--header-overlap) + var(--min-main-overhang) - var(--header-bar-height));
 }
 
+.mainColumn ~ .mainColumn {
+  margin-top: calc(2 * var(--text-padding));
+}
+
 main.mainColumn > p:first-child {
   margin-top: 0;
 }
 
 footer {
   flex: 1;
-  align-items: end;
+  align-items: flex-end;
   box-sizing: border-box;
   width: var(--main-width);
   margin: 0 auto;