From a7fd4a3230d18521488120917d30384584600ab8 Mon Sep 17 00:00:00 2001 From: tatianamac Date: Sun, 1 Sep 2019 02:38:10 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=A6=9D=20Install=20eleventy?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 6148 -> 6148 bytes _site/.DS_Store | Bin 0 -> 6148 bytes _site/README/index.html | 29 ++++ _site/css/base.css | 193 +++++++++++++++++++++++++++ _site/css/base.css.map | 1 + _site/index.html | 237 +++++++++++++++++++++++++++++++++ {scss => _site/scss}/.DS_Store | Bin {scss => _site/scss}/base.scss | 109 ++++++++++++--- css/base.css | 91 ------------- index.html | 10 +- 10 files changed, 553 insertions(+), 117 deletions(-) create mode 100644 _site/.DS_Store create mode 100644 _site/README/index.html create mode 100644 _site/css/base.css create mode 100644 _site/css/base.css.map create mode 100644 _site/index.html rename {scss => _site/scss}/.DS_Store (100%) rename {scss => _site/scss}/base.scss (57%) delete mode 100644 css/base.css diff --git a/.DS_Store b/.DS_Store index 15b07514bcd991db6cac58e209ac6d1659e8bda9..0c3a599906c0d028b4ac7954fb1f5db7fe386523 100644 GIT binary patch delta 66 zcmZoMXfc=|#>B`mu~2NHo+2ab#DLw5tdn_|>NfK;|6tkJ(8{=(or9kPsA97q^LOUS U{34bd3_!rhz`(RQKx7Lu07h94z5oCK delta 175 zcmZoMXfc=|#>B)qu~2NHo+2aH#DLw4ConQHa!ux8tjl3xC}v0o;^LIzX~2y~NWm%2i3AcDK@A{QvNptI}GkceZ$Lv@PVS%uP0xgui#9#}@d~(0+ zSPU(k*ozPLm4AvC*42?esXK8tj6N6$2Br)=*l;EH{|kPZ*&=@$5~E-s82D!la8+;X z4L0R>>(%z;u1#ofXd>cQM1eq`JOVI~bL3f#W>2ESFFO`P$s+R_4vdF@5)xf7@COWh E12)tvmjD0& literal 0 HcmV?d00001 diff --git a/_site/README/index.html b/_site/README/index.html new file mode 100644 index 00000000..99fd3377 --- /dev/null +++ b/_site/README/index.html @@ -0,0 +1,29 @@ +

📕 Self-Defined Dictionary

+

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

+

Self-Defined seeks to provide more inclusive, holistic, and fluid definitions to reflect the modern world. +For now, this stands as a list only, from which you can self-educate. Pull requests can be made to include words that are not yet represented.

+

Context

+
    +
  • Dictionary definitions, which are written by centred and majority people, are often weaponised to refute marginalised and minoritised people. If I had a dollar for every time I got pasted the definition of "racism."
    • +
  • Marginalised people do an extraordinary burden to define words for people. My hope is to minimise that emotional labour and place it onto a robot.
    • +
  • Words help to materialise concepts, which allow people to be perceived in their identities. Words also create policies, which can define infrastructure.
    • +
+

Components (Build order)

+
    +
  1. Dictionary site: Webapp where words can be connected, linking to alternates for bad terms or alternates for definitions with nuance. Create ability to use parameters so someone can connect multiple words they use together, to help clear up how they define themselves. For example, ?disabled+pan+Indigenous. Creating such a strand easily would allow people to link in email signatures, Twitter bios, etc.
    2. +
  2. Twitter bot: Allows someone to tag @SelfDefinedBot in order to get automated reply. For example '@SelfDefinedBot define racism'.
    3. +
  3. Slack bot: Problematic words could be flagged and alternates could be provided. Could also define words.
    4. +
  4. Custom API: Allows dictionary to be adapted and included into other large-scale projects.
    5. +
+

Design

+

Work in progress on CodePen. Hoping to connect core words with adjacent words.

+

Philosophies

+
    +
  • Maintain OSS nature for non-profit and other OSS uses, but charge for corporate uses.
    • +
  • Ensure that dictionary includes nuances and expresses that not everyone ascribes to terms exactly as they are; illustrate and articulate those nuances wherever possible.
    • +
  • Accessibility, inclusion, and performance are at the core of this project.
    • +
+

How to Help

+

🐛 Check Issues, which include code and also definition writing. +💰 Support this OSS project by sponsoring me. +🐦 Follow Self-Defined on Twitter.

diff --git a/_site/css/base.css b/_site/css/base.css new file mode 100644 index 00000000..97ad26c6 --- /dev/null +++ b/_site/css/base.css @@ -0,0 +1,193 @@ +@charset "UTF-8"; +@import url("https://use.typekit.net/qlo3dpu.css"); +body { + font-family: monotype-grotesque, "Lucida Sans", sans-serif; + font-size: 20px; +} + +h1 { + font-family: monotype-grotesque-extended, Arial Black, sans-serif; + font-weight: 700; +} + +h2, h3 { + font-family: monotype-grotesque-extended, Arial Black, sans-serif; + font-weight: 400; + letter-spacing: 0.1; +} + +ul { + padding: 0 0 0 1em; + margin: 0; +} + +li { + list-style: none; + padding-bottom: 0.5em; + text-transform: capitalize; +} +li.subterm { + padding-left: 10px; +} +li:last-child { + padding: 0; +} +li.subterm:before { + content: "↳"; + padding-right: 5px; +} + +.auto-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr)); + grid-gap: 1rem; +} + +@media screen and (min-width: 200px) { + #title, #description, #summary { + grid-column: span 4; + } + + body { + padding: 1em; + } + + .list, .item { + grid-column: span 4; + } + + .list { + padding: 0 auto; + margin: 0; + } + + h1 { + font-size: 3em; + } + + h2 { + font-size: 1.25em; + } +} +@media screen and (min-width: 600px) { + body { + padding: 2em; + } + + .grid { + grid-row-gap: 1em; + } + + #title { + grid-column: 1/span 2; + grid-row: 1; + } + + #summary { + grid-column: 3/span 2; + grid-row: 1; + } + + #description { + grid-column: span 4; + grid-row: 2; + } + + .item { + grid-column: span 2; + } + + h1 { + font-size: 3.5em; + } + + h2 { + font-size: 1.3em; + } +} +.small { + font-size: 0.75em; +} + +@media screen and (min-width: 1024px) { + #title { + grid-column: 1/span 1; + grid-row: 1; + } + + #description { + grid-column: 2/span 1; + grid-row: 1; + } + + #summary { + grid-column: 1/span 1; + grid-row: 2; + } + + .list { + grid-row: span 3; + grid-column: span 1; + } +} +.block__dictionary { + max-width: 50rem; + margin-left: auto; + margin-right: auto; + padding: 0 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; + 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__signal__avoid { + color: red; +} +.word__signal__avoid:before { + content: "🚨"; + margin-left: -2.15rem; +} +.word__signal__better { + color: green; +} +.word__signal__better:before { + content: "👍"; + margin-left: -2.15rem; +} + +/*# sourceMappingURL=base.css.map */ diff --git a/_site/css/base.css.map b/_site/css/base.css.map new file mode 100644 index 00000000..54c631d5 --- /dev/null +++ b/_site/css/base.css.map @@ -0,0 +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 diff --git a/_site/index.html b/_site/index.html new file mode 100644 index 00000000..d0790fa2 --- /dev/null +++ b/_site/index.html @@ -0,0 +1,237 @@ + + + + + + + Self-Defined · A modern dictionary about us. We define our words, but they don't define us. + + + + +
+
+

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. +Future phases will include definitions and resources.

+

Participate

+

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

+
+ +
+ List of Term +
    +
  • Ablelism
    • +
  • American
    • +
  • African
    • +
  • Asian
    • +
  • Black
    • +
  • Indigenous
    • +
  • Ambulatory Wheelchair
    • +
  • Ancestors
    • +
  • Anti-blackness
    • +
  • Anxiety disorders
    • +
  • aromantic
    • +
  • Asian
    • +
  • East
    • +
  • South
    • +
  • Southeast
    • +
  • asexual
    • +
  • Auto Immune Disorder (AIDS)
    • +
  • assigned at birth
    • +
  • Attraction
    • +
  • Aesthetic
    • +
  • Platonic
    • +
  • Sexual
    • +
  • Autism spectrum
    • +
  • Bias
    • +
  • bierasure
    • +
  • bipolar
    • +
  • Bisexual
    • +
  • Black Asian Minority Ethnic (BAME)
    • +
  • Black Indigenous People of Color (BIPOC)
    • +
  • Black
    • +
  • men (BM)
    • +
  • people (BP)
    • +
  • women (BW)
    • +
  • Brown
    • +
  • Bropropriating
    • +
  • Burka
    • +
  • cisgender
    • +
  • Climate change
    • +
  • Colonial narrative
    • +
  • Colonialism
    • +
  • colorism
    • +
  • Complex Post-Traumatic Stress Disorder (PTSD)
    • +
  • cultural appropriation
    • +
  • Demi
    • +
  • -boy
    • +
  • -girl
    • +
  • -romantic
    • +
  • -sexual
    • +
  • Disability
    • +
  • disabled
    • +
  • discordant couples
    • +
  • Discrimination
    • +
  • Dominant culture
    • +
  • Dominant culture habits
    • +
  • Ehlers-Danlos Syndromes (EDS)
    • +
  • Egalitarian
    • +
  • Empathy
    • +
  • enby
    • +
  • Entitlement
    • +
  • Equality
    • +
  • Equity
    • +
  • Fem
    • +
  • Femme
    • +
  • Ethnicity
    • +
  • Gender
    • +
  • Cis
    • +
  • -Fluid
    • +
  • Trans
    • +
  • Queer
    • +
  • Gender confirmation surgery (GCS)
    • +
  • genderqueer
    • +
  • Genocide
    • +
  • Governmentality
    • +
  • gray ace
    • +
  • Gray asexuality
    • +
  • hegemonic
    • +
  • Hermaphrodite
    • +
  • pseudo, male and female
    • +
  • High-Functioning
    • +
  • Hijab
    • +
  • Hispanic
    • +
  • Human Immunodeficiency Virus (HIV)
    • +
  • Homophobia
    • +
  • hormone Replacement therapy (HRT)
    • +
  • Illness
    • +
  • Chronic
    • +
  • Immigrant
    • +
  • Impact
    • +
  • Implicit bias
    • +
  • Indigenous
    • +
  • Inherent
    • +
  • Intent
    • +
  • internalized oppression
    • +
  • Intersectionality
    • +
  • intersex
    • +
  • invisible disabilities
    • +
  • 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
    • + +
  • 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
    • +
+
+
+ + \ No newline at end of file diff --git a/scss/.DS_Store b/_site/scss/.DS_Store similarity index 100% rename from scss/.DS_Store rename to _site/scss/.DS_Store diff --git a/scss/base.scss b/_site/scss/base.scss similarity index 57% rename from scss/base.scss rename to _site/scss/base.scss index 859f5a5a..5bd17edd 100644 --- a/scss/base.scss +++ b/_site/scss/base.scss @@ -1,5 +1,4 @@ @charset 'utf-8'; - @import url('https://fonts.googleapis.com/css?family=Inconsolata|Noto+Serif+KR'); @import url("https://use.typekit.net/qlo3dpu.css"); // COLORS // @@ -15,11 +14,11 @@ $mid-grey: #767676; // the lightest shade of grey you can get away with, #a11y $light-grey: #eeeeee; // for backgrounds only - -// TYPOGRAPHY // - $sans-serif: Inconsolata, Helvetica, sans-serif; - $serif: 'Noto Serif KR', Georgia, serif; - $mono: Courier, mono; + // TYPOGRAPHY // + $sans-serif: monotype-grotesque, 'Lucida Sans', sans-serif; + $serif: orpheuspro, Palatino, Times, serif; + $ext-sans: monotype-grotesque-extended, Arial Black, sans-serif; + $con-sans: monotype-grotesque-condensed, Arial Narrow, sans-serif; $thin: 200; $light: 300; @@ -30,19 +29,19 @@ body { font-family: $sans-serif; font-size: 20px; - background: #e5ffe5; } h1 { - font-family: $serif; - font-weight: $thin; - border-bottom: .25em $white solid; + font-family: $ext-sans; + font-weight: $bold; } h2, h3 { - font-family: $serif; - font-weight: $bold; + font-family: $ext-sans; + font-weight: $regular; + letter-spacing: .1; } + ul { padding: 0 0 0 1em; margin: 0; @@ -68,17 +67,11 @@ li { // GRID // -.grid { +.auto-grid { display: grid; - grid-template-columns: repeat(4, [col] 1fr [col]); - grid-template-rows: fit-content, fit-content, auto; - grid-row-gap: 2em; - grid-column-gap: 1em; -} - -.item { -} - + grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr)); + grid-gap: 1rem; + } // MEDIA // @@ -172,4 +165,76 @@ li { grid-row: span 3; grid-column: span 1; } +} + +.block__dictionary { + max-width: 50rem; + margin-left: auto; + margin-right: auto; + padding: 0 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; + } + } +} } \ No newline at end of file diff --git a/css/base.css b/css/base.css deleted file mode 100644 index 641fd108..00000000 --- a/css/base.css +++ /dev/null @@ -1,91 +0,0 @@ -@import url("https://fonts.googleapis.com/css?family=Inconsolata|Noto+Serif+KR"); -@import url("https://use.typekit.net/qlo3dpu.css"); -body { - font-family: Inconsolata, Helvetica, sans-serif; - font-size: 20px; - background: #e5ffe5; } - -h1 { - font-family: "Noto Serif KR", Georgia, serif; - font-weight: 200; - border-bottom: 0.25em #ffffff solid; } - -h2, h3 { - font-family: "Noto Serif KR", Georgia, serif; - font-weight: 700; } - -ul { - padding: 0 0 0 1em; - margin: 0; } - -li { - list-style: none; - padding-bottom: .5em; - text-transform: capitalize; } - li.subterm { - padding-left: 10px; } - li:last-child { - padding: 0; } - li.subterm:before { - content: "\21B3 "; - 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: 2em; - grid-column-gap: 1em; } - -@media screen and (min-width: 200px) { - #title, #description, #summary { - grid-column: span 4; } - body { - padding: 1em; } - .list, .item { - grid-column: span 4; } - .list { - padding: 0 auto; - margin: 0; } - h1 { - font-size: 3em; } - h2 { - font-size: 1.25em; } } - -@media screen and (min-width: 600px) { - body { - padding: 2em; } - .grid { - grid-row-gap: 1em; } - #title { - grid-column: 1 / span 2; - grid-row: 1; } - #summary { - grid-column: 3 / span 2; - grid-row: 1; } - #description { - grid-column: span 4; - grid-row: 2; } - .item { - grid-column: span 2; } - h1 { - font-size: 3.5em; } - h2 { - font-size: 1.3em; } } - -.small { - font-size: .75em; } - -@media screen and (min-width: 1024px) { - #title { - grid-column: 1 / span 1; - grid-row: 1; } - #description { - grid-column: 2 / span 1; - grid-row: 1; } - #summary { - grid-column: 1 / span 1; - grid-row: 2; } - .list { - grid-row: span 3; - grid-column: span 1; } } diff --git a/index.html b/index.html index 7fb604ac..a13bf248 100644 --- a/index.html +++ b/index.html @@ -35,10 +35,10 @@ Future phases will include definitions and resources.

  • Anti-blackness
  • Anxiety disorders
  • aromantic
    • -
  • Asian
    • -
  • East
    • -
  • South
    • -
  • Southeast
    • +
  • Asian
    • +
  • East
    • +
  • South
    • +
  • Southeast
  • asexual
  • Auto Immune Disorder (AIDS)
  • assigned at birth
    • @@ -151,6 +151,7 @@ Future phases will include definitions and resources.

  • Patriarchy
  • Performative allyship
  • People of Color (PoC)
    • +
  • People with disabilities
  • -phile
  • andro
  • gyne
    • @@ -229,6 +230,7 @@ Future phases will include definitions and resources.

  • woman tears
  • people (WP)
  • women (WW)
    • +
  • White supremacist capitalist patriarchy
  • womanism