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}}