Change how page/post classes are applied

public/gdb/biochemical-dysphoria.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "How Gender Dysphoria Manifests: Biochemical Dysphoria"
 description: "The very real and biological factors of Gender Dysphoria that cause mental disturbance."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - '1215716438972993536'
   - '1215736608055537670'

public/gdb/causes.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "What is the Cause of Gender Incongruence"
 description: "It's the hormones, baby."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - https://twitter.com/LisaTMullin/status/1224039568971710464
   - https://twitter.com/LisaTMullin/status/1224040716365524993

public/gdb/chromosomes.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "Disorders of Sex Development: Gender is not Chromosomal"
 description: "DNA is more what you'd call guidelines, than actual rules."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - https://twitter.com/RebeccaRHelm/status/1207834357639139328
   - https://twitter.com/RebeccaRHelm/status/1207835110617309191

public/gdb/conclusion.md

@@ -2,6 +2,8 @@
 date: "2020-01-26T20:41:55.827Z"
 title: "In Conclusion"
 description: "Enough with the gatekeeping already."
+classes:
+  - gdb
 preBody: '_disclaimer'
 ---
 

public/gdb/diagnoses.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "Diagnosing Gender Dysphoria"
 description: "It's clinical."
 preBody: '_disclaimer'
+classes:
+  - gdb
 ---
 
 # How is Gender Dysphoria Diagnosed?

public/gdb/euphoria.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "How Gender Dysphoria Manifests: Euphoria"
 description: "In order for there to be shadow there must be light."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - '1215716433210105856'
   - https://twitter.com/ErinInTheMorn/status/1228141518386585607

public/gdb/historical-dysphoria.md

@@ -2,6 +2,8 @@
 date: "2020-01-26T20:41:55.827Z"
 title: "How Gender Dysphoria Manifests: Historical Dysphoria"
 description: "I don't regret the things I have done, I regret the things I didn't do when I had the chance."
+classes:
+  - gdb
 preBody: '_disclaimer'
 ---
 

public/gdb/history.md

@@ -2,6 +2,8 @@
 date: "2020-01-26T20:41:55.827Z"
 title: "A Brief History of Gender Dysphoria"
 description: "The origins of Gender Dysphoria and the current meaning today."
+classes:
+  - gdb
 preBody: '_disclaimer'
 ---
 

public/gdb/impostor-syndrome.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "Impostor Syndrome, but make it Trans"
 description: "I don't regret the things I have done, I regret the things I didn't do when I had the chance."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - '1219963582063968258'
   - '1221970265862811650'

public/gdb/index.md

@@ -3,6 +3,9 @@ date: "2020-01-26T20:41:55.827Z"
 title: "The Gender Dysphoria Bible"
 description: "A dive into the multitude of ways that gender dysphoria manifests and what it means to be transgender."
 preBody: '_disclaimer'
+classes:
+  - gdb
+
 ---
 
 

public/gdb/managed-dysphoria.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "Managed Dysphoria: Gender in Disguise"
 description: "I don't regret the things I have done, I regret the things I didn't do when I had the chance."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - '1215746083487461379'
   - '1215749725456125952'

public/gdb/physical-dysphoria.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "How Gender Dysphoria Manifests: Physical Dysphoria"
 description: "Body discomfort is only one of the many ways Gender Dysphoria manifests."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - '1220143004821938176'
   - '1184580976581775366'

public/gdb/presentational-dysphoria.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "How Gender Dysphoria Manifests: Presentational Dysphoria"
 description: "Hoodies and sweatpants never go out of style."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - '1215716435068100611'
   - '1215716435974066176'

public/gdb/sexual-dysphoria.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "How Gender Dysphoria Manifests: Sexual Dysphoria"
 description: "Sometimes a Cigar doesn't want to be smoked."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - '1137399651458519040'
 

public/gdb/social-dysphoria.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "How Gender Dysphoria Manifests: Social Dysphoria"
 description: "Pronouns and Deadnames and Gendering, oh my."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - '1215718003310039040'
   - '1215720411788382210'

public/gdb/societal-dysphoria.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "How Gender Dysphoria Manifests: Societal Dysphoria"
 description: "Because a Role is a Role, and a Toll is a Toll, and it's a heavy toll to live the wrong role."
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - '1201138482569195526'
   - '1216109204093722630'

public/gdb/treatment.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "Treating Gender Dysphoria"
 description: "Transition is the cure."
 preBody: '_disclaimer'
+classes:
+  - gdb
 ---
 
 # How is Gender Dysphoria Treated?

public/gdb/what-is-gender.md

@@ -3,6 +3,8 @@ date: "2020-01-26T20:41:55.827Z"
 title: "What is Gender?"
 description: "How do we define the concept of Gender, and how does it differ from Sex?"
 preBody: '_disclaimer'
+classes:
+  - gdb
 tweets:
   - https://twitter.com/CognitiveSoc/status/1228717614630940672
 ---

scss/_header.scss

@@ -145,8 +145,8 @@ header {
 
 }
 
-header + * {
+@media (min-width: 500px) {
-  @media (min-width: 500px) {
+  body:not(.front-page) header + * {
     margin-top: $header-full-height;
   }
 }

scss/_page.scss

@@ -9,6 +9,20 @@ body.page {
     &.active { background: white; }
   }
 
+}
+
+body.post {
+  #body {
+    max-width: 1200px;
+    margin-left: auto;
+    margin-right: auto;
+
+    padding: 5px;
+  }
+}
+
+body.gdb {
+
   #body {
     background-color: $gutter-bg;
 
@@ -49,56 +63,54 @@ body.page {
       }
     }
 
-  }
+    h1, h2, h3, h4, h5 { a {
+      color: inherit;
+      overflow: hidden;
+    } }
 
-  h1, h2, h3, h4, h5 { a {
+    .gutter {
-    color: inherit;
+      @media (min-width: 800px) {
-    overflow: hidden;
+        position: relative;
-  } }
+        height: 0;
+        left: calc(100% + 1em);
+        width: 400px;
+        padding: 0 1em;
 
-  .gutter {
+        @media (max-width: 1000px) {
-    @media (min-width: 800px) {
+          width: 300px;
-      position: relative;
+        }
-      height: 0;
+      }
-      left: calc(100% + 1em);
-      width: 400px;
-      padding: 0 1em;
 
-      @media (max-width: 1000px) {
+      @media (min-width: 500px) and (max-width: 800px) {
+        float: right;
         width: 300px;
+        margin-left: 1em;
+        zoom: 0.9;
+      }
+
+      // outline: 1px solid red;
+
+      &.flex, .flex {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+
+      > a > img:not(.card-img-top), > img {
+        max-width: 100%;
+        margin-bottom: 5px;
       }
     }
 
-    @media (min-width: 500px) and (max-width: 800px) {
+    .full-wide {
-      float: right;
+      width: calc(100vw - 4em);
-      width: 300px;
+      background-color: darken($content-bg, 1%);
-      margin-left: 1em;
+      border: 1px solid $gutter-border;
-      zoom: 0.9;
+      border-radius: 0.3em;
-    }
+      padding: 1.2em 1.2em 1em;
 
-    // outline: 1px solid red;
+      box-shadow: 0 1px 3px rgba($gray-600, 0.5);
-
+      margin-bottom: 1em;
-    &.flex, .flex {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-    }
-
-    > a > img:not(.card-img-top), > img {
-      max-width: 100%;
-      margin-bottom: 5px;
     }
   }
-
-  .full-wide {
-    width: calc(100vw - 4em);
-    background-color: darken($content-bg, 1%);
-    border: 1px solid $gutter-border;
-    border-radius: 0.3em;
-    padding: 1.2em 1.2em 1em;
-
-    box-shadow: 0 1px 3px rgba($gray-600, 0.5);
-    margin-bottom: 1em;
-  }
-
 }

templates/page.hbs

@@ -17,10 +17,10 @@
     {{#if meta.preBody}}{{import meta.preBody}}{{/if}}
   {{/append}}
 
-  {{#content "bodyClass"}}page{{/content}}
+  {{#content "bodyClass"}}{{#each classes}}{{this}} {{/each}}page{{/content}}
 
   {{#content "body"}}
-  <article class="{{#each classes}}{{this}} {{/each}}markup">
+  <article class="markup">
     <div class="post-content">{{{contents}}}</div>
   </article>
   {{/content}}