From 5a87f64e9d4aa3a05d901a2d054af2f1246f8d79 Mon Sep 17 00:00:00 2001
From: "Jocelyn Badgley (Twipped)" <joc@twipped.com>
Date: Mon, 2 Mar 2020 20:25:39 -0800
Subject: [PATCH] Change how page/post classes are applied

---
 public/gdb/biochemical-dysphoria.md    |  2 +
 public/gdb/causes.md                   |  2 +
 public/gdb/chromosomes.md              |  2 +
 public/gdb/conclusion.md               |  2 +
 public/gdb/diagnoses.md                |  2 +
 public/gdb/euphoria.md                 |  2 +
 public/gdb/historical-dysphoria.md     |  2 +
 public/gdb/history.md                  |  2 +
 public/gdb/impostor-syndrome.md        |  2 +
 public/gdb/index.md                    |  3 +
 public/gdb/managed-dysphoria.md        |  2 +
 public/gdb/physical-dysphoria.md       |  2 +
 public/gdb/presentational-dysphoria.md |  2 +
 public/gdb/sexual-dysphoria.md         |  2 +
 public/gdb/social-dysphoria.md         |  2 +
 public/gdb/societal-dysphoria.md       |  2 +
 public/gdb/treatment.md                |  2 +
 public/gdb/what-is-gender.md           |  2 +
 scss/_header.scss                      |  4 +-
 scss/_page.scss                        | 96 +++++++++++++++-----------
 templates/page.hbs                     |  4 +-
 21 files changed, 95 insertions(+), 46 deletions(-)

diff --git a/public/gdb/biochemical-dysphoria.md b/public/gdb/biochemical-dysphoria.md
index 5adfbc3..5f05253 100644
--- a/public/gdb/biochemical-dysphoria.md
+++ b/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'
diff --git a/public/gdb/causes.md b/public/gdb/causes.md
index 39e55d8..caec706 100644
--- a/public/gdb/causes.md
+++ b/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
diff --git a/public/gdb/chromosomes.md b/public/gdb/chromosomes.md
index 83655ab..34c3904 100644
--- a/public/gdb/chromosomes.md
+++ b/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
diff --git a/public/gdb/conclusion.md b/public/gdb/conclusion.md
index dddd994..f909ef4 100644
--- a/public/gdb/conclusion.md
+++ b/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'
 ---
 
diff --git a/public/gdb/diagnoses.md b/public/gdb/diagnoses.md
index 32e5f6d..fceb0b6 100644
--- a/public/gdb/diagnoses.md
+++ b/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?
diff --git a/public/gdb/euphoria.md b/public/gdb/euphoria.md
index 86c1e13..1c06ceb 100644
--- a/public/gdb/euphoria.md
+++ b/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
diff --git a/public/gdb/historical-dysphoria.md b/public/gdb/historical-dysphoria.md
index 00a278e..bb37aa8 100644
--- a/public/gdb/historical-dysphoria.md
+++ b/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'
 ---
 
diff --git a/public/gdb/history.md b/public/gdb/history.md
index 384be96..56ab517 100644
--- a/public/gdb/history.md
+++ b/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'
 ---
 
diff --git a/public/gdb/impostor-syndrome.md b/public/gdb/impostor-syndrome.md
index 607f560..a27b685 100644
--- a/public/gdb/impostor-syndrome.md
+++ b/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'
diff --git a/public/gdb/index.md b/public/gdb/index.md
index b1e039c..e537dc9 100644
--- a/public/gdb/index.md
+++ b/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
+
 ---
 
 
diff --git a/public/gdb/managed-dysphoria.md b/public/gdb/managed-dysphoria.md
index 8abf795..c9c31a8 100644
--- a/public/gdb/managed-dysphoria.md
+++ b/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'
diff --git a/public/gdb/physical-dysphoria.md b/public/gdb/physical-dysphoria.md
index 1a598a1..5aa5d52 100644
--- a/public/gdb/physical-dysphoria.md
+++ b/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'
diff --git a/public/gdb/presentational-dysphoria.md b/public/gdb/presentational-dysphoria.md
index f6007e1..f962871 100644
--- a/public/gdb/presentational-dysphoria.md
+++ b/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'
diff --git a/public/gdb/sexual-dysphoria.md b/public/gdb/sexual-dysphoria.md
index 9b45a71..86cc548 100644
--- a/public/gdb/sexual-dysphoria.md
+++ b/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'
 
diff --git a/public/gdb/social-dysphoria.md b/public/gdb/social-dysphoria.md
index e851461..0f6d1a0 100644
--- a/public/gdb/social-dysphoria.md
+++ b/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'
diff --git a/public/gdb/societal-dysphoria.md b/public/gdb/societal-dysphoria.md
index eff96d0..d02fa42 100644
--- a/public/gdb/societal-dysphoria.md
+++ b/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'
diff --git a/public/gdb/treatment.md b/public/gdb/treatment.md
index e24d439..6dbf767 100644
--- a/public/gdb/treatment.md
+++ b/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?
diff --git a/public/gdb/what-is-gender.md b/public/gdb/what-is-gender.md
index 71a33a7..d9146b3 100644
--- a/public/gdb/what-is-gender.md
+++ b/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
 ---
diff --git a/scss/_header.scss b/scss/_header.scss
index ac85cc3..98816d0 100644
--- a/scss/_header.scss
+++ b/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;
   }
 }
diff --git a/scss/_page.scss b/scss/_page.scss
index 1551c82..ed00580 100644
--- a/scss/_page.scss
+++ b/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 {
-    color: inherit;
-    overflow: hidden;
-  } }
+    .gutter {
+      @media (min-width: 800px) {
+        position: relative;
+        height: 0;
+        left: calc(100% + 1em);
+        width: 400px;
+        padding: 0 1em;
 
-  .gutter {
-    @media (min-width: 800px) {
-      position: relative;
-      height: 0;
-      left: calc(100% + 1em);
-      width: 400px;
-      padding: 0 1em;
+        @media (max-width: 1000px) {
+          width: 300px;
+        }
+      }
 
-      @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) {
-      float: right;
-      width: 300px;
-      margin-left: 1em;
-      zoom: 0.9;
-    }
+    .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;
 
-    // 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;
+      box-shadow: 0 1px 3px rgba($gray-600, 0.5);
+      margin-bottom: 1em;
     }
   }
-
-  .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;
-  }
-
 }
diff --git a/templates/page.hbs b/templates/page.hbs
index 1eb440f..517149d 100644
--- a/templates/page.hbs
+++ b/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}}