From dd29657d2d54bb930364167fed96eede4ff2b58b Mon Sep 17 00:00:00 2001 From: tatianamac Date: Sun, 1 Sep 2019 03:13:01 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Imported=20styles=20from=20codep?= =?UTF-8?q?en,=20addef'ns?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _site/css/base.css | 113 +++++++++++- _site/css/base.css.map | 2 +- _site/index.html | 406 +++++++++++++++++++++++++++++------------ _site/scss/base.scss | 128 ++++++++++++- 4 files changed, 525 insertions(+), 124 deletions(-) diff --git a/_site/css/base.css b/_site/css/base.css index 97ad26c6..aa4763bd 100644 --- a/_site/css/base.css +++ b/_site/css/base.css @@ -1,5 +1,9 @@ @charset "UTF-8"; @import url("https://use.typekit.net/qlo3dpu.css"); +:root { + --auto-grid-min-size: 32rem; +} + body { font-family: monotype-grotesque, "Lucida Sans", sans-serif; font-size: 20px; @@ -10,7 +14,7 @@ h1 { font-weight: 700; } -h2, h3 { +.subtitle { font-family: monotype-grotesque-extended, Arial Black, sans-serif; font-weight: 400; letter-spacing: 0.1; @@ -37,6 +41,14 @@ li.subterm:before { padding-right: 5px; } +.grid { + display: grid; + grid-template-columns: repeat(4, [col] 1fr [col]); + grid-template-rows: fit-content, fit-content, auto; + grid-row-gap: 10rem; + grid-column-gap: 4rem; +} + .auto-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr)); @@ -152,6 +164,78 @@ p { font-style: italic; } +.word__title { + font-family: orpheuspro, Palatino, Times, serif; + font-weight: 900; + font-size: 2.5rem; + line-height: 1.25; +} +.word__definition { + font-family: monotype-grotesque, "Lucida Sans", sans-serif; + font-size: 1.5rem; +} +.word__speech { + font-size: 0.5em; + font-family: monotype-grotesque, "Lucida Sans", sans-serif; +} +.word__signal { + border-top: 1px solid currentcolor; + display: inline-block; + font-family: monotype-grotesque-extended, Arial Black, sans-serif; + text-transform: uppercase; + font-size: 0.75rem; + letter-spacing: 0.15rem; + padding: 0.5rem 0.75rem; +} +.word__link { + text-decoration: none; + color: black; + border-bottom: darkgrey solid 0.1em; + font-family: monotype-grotesque-extended, Arial Black, sans-serif; +} +.word__avoid { + color: red; +} +.word__avoid:before { + content: "🚨"; + margin-left: -2.15rem; +} +.word__better { + color: green; +} +.word__better:before { + content: "👍"; + margin-left: -2.15rem; +} + +.block__dictionary { + max-width: 50rem; + margin-left: auto; + margin-right: auto; + padding: 0 1rem; +} + +.auto-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr)); + grid-gap: 1rem; +} + +.block__word { + display: flex; + flex-direction: column; + margin: 1rem; +} + +p { + margin: 0.75rem 0; + font-size: 1.25rem; +} + +.style__italics { + font-style: italic; +} + .word__title { font-family: orpheuspro, Palatino, Times, serif; font-weight: 900; @@ -190,4 +274,31 @@ p { margin-left: -2.15rem; } +.word__issue { + text-align: right; + padding-right: 1rem; + font-family: monotype-grotesque-condensed, Arial Narrow, sans-serif; + font-size: 0.85rem; + text-transform: uppercase; +} + +.word__link { + text-decoration: none; + color: black; + border-bottom: darkgrey solid 0.1em; + font-family: monotype-grotesque-extended, Arial Black, sans-serif; +} + +.block__issue { + display: grid; + grid-template-columns: 1fr 4fr; + align-items: baseline; +} + +.word__breakdown { + font-family: monotype-grotesque, "Lucida Sans", sans-serif; + border-left: 0.1rem solid lightgrey; + padding-left: 1rem; +} + /*# sourceMappingURL=base.css.map */ diff --git a/_site/css/base.css.map b/_site/css/base.css.map index 54c631d5..8dc05546 100644 --- a/_site/css/base.css.map +++ b/_site/css/base.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AA2BV;EACE,aAZa;EAab;;;AAGF;EACE,aAfW;EAgBX,aATO;;;AAYT;EACE,aApBW;EAqBX,aAhBU;EAiBV;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAMF;EACE;EACA;EACA;;;AAKF;EAEE;IACA;;;EAGA;IACA;;;EAGA;IACA;;;EAGA;IACE;IACA;;;EAGF;IACE;;;EAGF;IACE;;;AAIJ;EACE;IACA;;;EAGA;IACE;;;EAGF;IACE;IACA;;;EAGF;IACA;IACA;;;EAGA;IACE;IACA;;;EAGF;IACA;;;EAGA;IACE;;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;EAEE;IACE;IACA;;;EAGD;IACC;IACA;;;EAGD;IACC;IACA;;;EAGF;IACA;IACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAKF;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIE;EACA,aAjLQ;EAkLR;EACA;EACA;;AAGA;EACA,aAzLa;EA0Lb;;AAGA;EACA;EACA,aA/La;;AAkMb;EACA;EAEA;EACA,aApMW;EAqMX;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA","file":"base.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AA2BF;EACE,aAZa;EAab;;;AAGF;EACE,aAfW;EAgBX,aATO;;;AAYT;EACE,aApBW;EAqBX,aAhBU;EAiBV;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAKF;EAEE;IACA;;;EAGA;IACA;;;EAGA;IACA;;;EAGA;IACE;IACA;;;EAGF;IACE;;;EAGF;IACE;;;AAIJ;EACE;IACA;;;EAGA;IACE;;;EAGF;IACE;IACA;;;EAGF;IACA;IACA;;;EAGA;IACE;IACA;;;EAGF;IACA;;;EAGA;IACE;;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;EAEE;IACE;IACA;;;EAGD;IACC;IACA;;;EAGD;IACC;IACA;;;EAGF;IACA;IACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIE;EACA,aAvLQ;EAwLR;EACA;EACA;;AAGA;EACA,aA/La;EAgMb;;AAGA;EACA;EACA,aArMa;;AAwMb;EACA;EAEA;EACA,aA1MW;EA2MX;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA,aArNS;;AAwNX;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aA1QU;EA2QV;EACA;EACA;;AAGA;EACA,aAlRe;EAmRf;;AAGA;EACA;EACA,aAxRe;;AA2Rf;EACA;EAEA;EACA,aA7Ra;EA8Rb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACA;EACA;EACA,aAzTa;EA0Tb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aAnUa;;;AAsUb;EACE;EACA;EACA;;;AAIF;EACA,aAhVe;EAiVf;EACA","file":"base.css"} \ No newline at end of file diff --git a/_site/index.html b/_site/index.html index d0790fa2..9db458d4 100644 --- a/_site/index.html +++ b/_site/index.html @@ -9,18 +9,19 @@ -
-
+
+

Self-Defined

-

A modern dictionary about us. We define our words, but they don't define us.

-

For now, this stands as a list only, from which you can self-educate. +

+ A modern dictionary about us. We define our words, but they don't define us.
For now, this stands as a list only, from which you can self-educate. Future phases will include definitions and resources.

-

Participate

-

Send unlisted words to or chat about volunteering to help: @tatianatmac on Twitter.

-
- -
- List of Term +

+ Participate
+ Send unlisted words to or chat about volunteering to help: @tatianatmac on Twitter.

+ +
+
+

A-E

  • Ablelism
  • American
    • @@ -80,12 +81,18 @@ Future phases will include definitions and resources.

  • Egalitarian
  • Empathy
  • enby
    • +
  • English as a Second Language (ESL)
  • Entitlement
  • Equality
  • Equity
  • Fem
  • Femme
  • Ethnicity
    • +
+
+
+

F-L

+
  • Gender
  • Cis
  • -Fluid
    • @@ -121,117 +128,278 @@ Future phases will include definitions and resources.

  • Jihad
  • Latinx
-
-
-
    -
  • Marginalized
    • -
  • Matriarchy
    • -
  • Medication sensitive
    • -
  • Militarization
    • -
  • Minority
    • -
  • Misogynoir
    • -
  • Neurodivergent
    • -
  • Neurotypical
    • -
  • non binary
    • -
  • -Normative
    • -
  • cis
    • -
  • hetero
    • -
  • Oppression
    • -
  • Internalized
    • -
  • Other specified feeding or eating disorders (OSFED)
    • -
  • Panic attacks
    • -
  • Pansexual
    • -
  • -passing
    • -
  • female-
    • -
  • male-
    • -
  • white-
    • -
  • Parachuting
    • -
  • Patriarchy
    • -
  • Performative allyship
    • -
  • People of Color (PoC)
    • -
  • People with disabilities
    • -
  • -phile
    • -
  • andro
    • -
  • gyne
    • -
  • Platonic
    • -
  • Queer
    • -
  • Polyamory
    • -
  • Positivism
    • -
  • Post-Traumatic Stress Disorder
    • -
  • power
    • -
  • Poz
    • -
  • Prejudice
    • -
  • Pride
    • -
  • Pride, First (Anti-Police Riots)
    • + -
  • Prophylaxis
    • -
  • Pre-exposure (PreEP)
    • -
  • Post-exposure (PEP)
    • -
  • Privilege
    • -
  • Cis
    • -
  • Monosexual
    • -
  • White
    • +
    +

    M-S

    +
      +
    • Marginalized
      • +
    • Matriarchy
      • +
    • Medication sensitive
      • +
    • Militarization
      • +
    • Minorities
      • +
    • Minoritised
      • +
    • Misogynoir
      • +
    • Neurodivergent
      • +
    • Neurotypical
      • +
    • non binary
      • +
    • -Normative
      • +
    • cis
      • +
    • hetero
      • +
    • Oppression
      • +
    • Internalized
      • +
    • Other specified feeding or eating disorders (OSFED)
      • +
    • Panic attacks
      • +
    • Pansexual
      • +
    • -passing
      • +
    • female-
      • +
    • male-
      • +
    • white-
      • +
    • Parachuting
      • +
    • Patriarchy
      • +
    • Performative allyship
      • +
    • People of Color (PoC)
      • +
    • People with disabilities
      • +
    • -phile
      • +
    • andro
      • +
    • gyne
      • +
    • Platonic
      • +
    • Queer
      • +
    • Polyamory
      • +
    • Positivism
      • +
    • Post-Traumatic Stress Disorder
      • +
    • power
      • +
    • Poz
      • +
    • Prejudice
      • +
    • Pride
      • +
    • Pride, First (Anti-Police Riots)
      • -
    • Race
      • -
    • Racial
      • -
    • Contract
      • -
    • Formation
      • -
    • State
      • -
    • Raciology
      • -
    • Racism
      • -
    • Racist
      • -
    • Savior
      • -
    • White
      • -
    • Semitic
      • -
    • Serodiscordant
      • -
    • settler
      • -
    • colonial mentality
      • -
    • Sexual
      • -
    • assault of a minor
      • -
    • orientation
      • -
    • Socially constructed
      • -
    • Solidarity
      • -
    • -Splaining
      • -
    • cis
      • -
    • man
      • -
    • white
      • -
    • Spirit animal
      • -
    • Systematic
      • -
    • Systemic
      • -
    • Top-down approach
      • -
    • Totemic animal
      • -
    • Tawhid
      • -
    • Trans Exclusionary Radical Feminist (TERF)
      • -
    • Trans
      • -
    • gender
      • -
    • man
      • -
    • masculine
      • -
    • phobia
      • -
    • woman
      • -
    • Tribe
      • -
    • Triggers
      • -
    • Two-spirited
      • -
    • Undetectable=Untransmittable (U=U)
      • -
    • Undetectable
      • -
    • Unqueer
      • -
    • Indigenous
      • -
    • Vertigo
      • -
    • Visual
      • -
    • Vestibular migraine
      • -
    • Violence against women and girls (VAWG)
      • -
    • Viral Load
      • -
    • White
      • -
    • feminism
      • -
    • fragility
      • -
    • -ness
      • -
    • supremacy
      • -
    • woman tears
      • -
    • people (WP)
      • -
    • women (WW)
      • -
    • White supremacist capitalist patriarchy
      • -
    • womanism
      • -
    -
+
  • Prophylaxis
    • +
  • Pre-exposure (PreEP)
    • +
  • Post-exposure (PEP)
    • +
  • Privilege
    • +
  • Cis
    • +
  • Monosexual
    • +
  • White
    • + +
  • Race
    • +
  • Racial
    • +
  • Contract
    • +
  • Formation
    • +
  • State
    • +
  • Raciology
    • +
  • Racism
    • +
  • Racist
    • +
  • Savior
    • +
  • White
    • +
  • Semitic
    • +
  • Serodiscordant
    • +
  • settler
    • +
  • colonial mentality
    • +
  • Sexual
    • +
  • assault of a minor
    • +
  • orientation
    • +
  • Socially constructed
    • +
  • Solidarity
    • +
  • -Splaining
    • +
  • cis
    • +
  • man
    • +
  • white
    • +
  • Spirit animal
    • +
  • Systematic
    • +
  • Systemic
    • + + + +
    +

    T-Z

    +
      +
    • Top-down approach
      • +
    • Totemic animal
      • +
    • Tawhid
      • +
    • Trans Exclusionary Radical Feminist (TERF)
      • +
    • Trans
      • +
    • gender
      • +
    • man
      • +
    • masculine
      • +
    • phobia
      • +
    • woman
      • +
    • Tribe
      • +
    • Triggers
      • +
    • Two-spirited
      • +
    • Undetectable=Untransmittable (U=U)
      • +
    • Undetectable
      • +
    • Unqueer
      • +
    • Indigenous
      • +
    • Vertigo
      • +
    • Visual
      • +
    • Vestibular migraine
      • +
    • Violence against women and girls (VAWG)
      • +
    • Viral Load
      • +
    • White
      • +
    • feminism
      • +
    • fragility
      • +
    • -ness
      • +
    • supremacy
      • +
    • woman tears
      • +
    • people (WP)
      • +
    • women (WW)
      • +
    • White supremacist capitalist patriarchy
      • +
    • womanism
      • +
    • Women and people of colour
      • +
    +
    +
    +
    +
    +

    + avoid +

    + +

    + minorities + + noun + +

    + +

    + the smaller in number of two groups constituting a whole +

    +
    +

    + Issues +

    +

    Minorities is not always accurate. As it deals with numbers, often the insinuation of racial minorities is inaccurate, as communities of colour often outnumber white communities.

    +
    +
    +

    + Impact +

    +

    By repeatedly referring to groups as "minorities," they are being infantised and made to feel minor.

    +
    + +
    +

    + Alt Words +

    +

    + + minoritised, or omit +

    +
    + +
    +

    + Better Alternate +

    + +

    + minoritised + + adj + +

    + +

    + groups resulting from social constructs have grant less power or representation compared to other members or groups in society +

    +
    +

    + Benefits +

    +

    Minoritised places the emphasis on the power struggle, and on the systemic issues at play. It's also an adjective, which requires you to add "group" or "people" so it's people-first language

    +
    +
    +

    + Impact +

    +

    It removes the pejorative nature of "minorities".

    +
    + +
    +

    + Alt Words +

    +

    + + minorities, or omit +

    +
    +
    +

    + avoid +

    + +

    + English as second language (ESL) + + noun + +

    + +

    + the teaching of English to people who speak a different language and who live in a country where English is the main language spoken +

    +
    +

    + Issues +

    +

    Monolinguist, English-only speakers often refer to people who don't speak English natively as "ESL" or say they are learning a "second language". More often than not, this is not true, as many people are multi-lingual with 3 or more languages

    +
    +
    +

    + Impact +

    +

    It makes false assumptions about English learners, centres English as the "default" or "expected" first language, ignoring that many people learn multiple (>3), non-English languages first.

    +
    + +
    +

    + Alt Words +

    +

    + + English as learning-language (ELL), or non-native, or omit (because do you really know, for sure?) +

    +
    +
    +

    + avoid +

    + +

    + women and people of colour + + noun + +

    + +

    + often used as a phrase to encompass "non-white, non-men," seeking to provide solidarity for these two groups +

    +
    +

    + Issues +

    +

    What happens to women of colour? As a woman of colour, I am split between both women and people of colour.

    +
    +
    +

    + Impact +

    +

    As such, it elicits feelings of erasure for women of colour. It also neglects non-binary individuals.

    +
    + +
    +

    + Alt Words +

    +

    + + people of colour and white women or people of colour, white non-binary people, and white women, find ways to reframe why this dynamic exists, or omit

    +
    +
    \ No newline at end of file diff --git a/_site/scss/base.scss b/_site/scss/base.scss index 5bd17edd..2e9aaa11 100644 --- a/_site/scss/base.scss +++ b/_site/scss/base.scss @@ -2,6 +2,11 @@ @import url("https://use.typekit.net/qlo3dpu.css"); // COLORS // + +:root { + --auto-grid-min-size: 32rem; +} + $primary-color: #0e4bff; //cobalt blue is so pretty// $secondary-color: #F3F315; // @@ -36,7 +41,7 @@ h1 { font-weight: $bold; } -h2, h3 { +.subtitle { font-family: $ext-sans; font-weight: $regular; letter-spacing: .1; @@ -67,6 +72,14 @@ li { // GRID // +.grid { + display: grid; + grid-template-columns: repeat(4, [col] 1fr [col]); + grid-template-rows: fit-content, fit-content, auto; + grid-row-gap: 10rem; + grid-column-gap: 4rem; +} + .auto-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr)); @@ -174,8 +187,6 @@ li { padding: 0 1rem; } - - .block__word { display: flex; flex-direction: column; @@ -218,6 +229,14 @@ font-style: italic; font-size: .75rem; letter-spacing: .15rem; padding: .5rem .75rem; + } + + &__link { + text-decoration: none; + color: black; + border-bottom: darkgrey solid .1em; + font-family: $ext-sans; + } &__avoid { color: red; @@ -237,4 +256,107 @@ font-style: italic; } } } + +.block__dictionary { + max-width: 50rem; + margin-left: auto; + margin-right: auto; + padding: 0 1rem; +} + +.auto-grid { +display: grid; +grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr)); +grid-gap: 1rem; + } + +.block__word { +display: flex; +flex-direction: column; +margin: 1rem; +} + +p { +margin: .75rem 0; +font-size: 1.25rem; +} + +.style__italics { +font-style: italic; +} + +.word { +&__title { +font-family: $serif; +font-weight: 900; +font-size: 2.5rem; +line-height: 1.25; +} + +&__definition { +font-family: $sans-serif; +font-size: 1.5rem; +} + +&__speech { +font-size: .5em; +font-family: $sans-serif; +} + +&__signal { +border-top: 1px solid currentcolor; +// border-radius: 100px; +display: inline-block; +font-family: $ext-sans; +text-transform: uppercase; +font-size: .75rem; +letter-spacing: .15rem; +padding: .5rem .75rem; + + &__avoid { + color: red; + + &:before { + content: "🚨"; + margin-left: -2.15rem; + } + } + + &__better { + color: green; + + &:before { + content: "👍"; + margin-left: -2.15rem; + } + } +} +} + +.word__issue { +text-align: right; +padding-right: 1rem; +font-family: $con-sans; +font-size: .85rem; +text-transform: uppercase; +} + +.word__link { +text-decoration: none; +color: black; +border-bottom: darkgrey solid .1em; +font-family: $ext-sans; +} + +.block__issue { + display: grid; + grid-template-columns: 1fr 4fr; + align-items: baseline; + +} + +.word__breakdown { +font-family: $sans-serif; +border-left: .1rem solid lightgrey; +padding-left: 1rem; } \ No newline at end of file