mirror of
https://github.com/fooflington/selfdefined.git
synced 2025-01-22 17:30:00 +00:00
Remove _site directory
This commit is contained in:
EJ Mason
parent
83758b5877
commit
893d9a8319
BIN
_site/.DS_Store
vendored
BIN
_site/.DS_Store
vendored
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AAiDF;EACE;EACA,aAnCa;EAoCb;EACA;EAAe;;;AAGjB;EACE,aAvCW;EAwCX,aAjCO;;;AAoCT;EACE,aA5CW;EA6CX,aAxCU;EAyCV;EACA;;;AAGF;EACE;;;AAGF;EACI;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAKA;EACE;;AACF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIE;EACA,aAzJQ;EA0JR;EACA;EACA;;AAGA;EACA,aAjKa;EAkKb;;AAGA;EACA;EACA,aAvKa;;AA0Kb;EACA;EACA;EACA,aA3KW;EA4KX;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAxKF;EAYA;;AAkKA;EACA;;AAEE;EAjLF;EAYA;;AA2KA;EACE;;AAEA;EAlLF;EAIA;;AAsLA;EACE;EACA;EACA;EACA,aAlNS;EAmNT;;AAEA;EACE;;;AAMN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aA7PU;EA8PV;EACA;EACA;;AAGA;EACA,aArQe;EAsQf;;AAGA;EACA;EACA,aA3Qe;;AA8Qf;EACA;EAEA;EACA,aAhRa;EAiRb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AAGF;EACA;EACA;EACA,aAlTa;EAmTb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aA5Ta;;;AA+Tb;EACA,aAlUe;EAmUf;EACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAjUA;EAgBA","file":"base.css"}
|
||||
963
_site/index.html
963
_site/index.html
@ -1,963 +0,0 @@
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Self-Defined · A modern dictionary about us. We define our words, but they don't define us.</title>
|
||||
<link rel="stylesheet" href="css/base.css">
|
||||
<link href="https://emoji-css.afeld.me/emoji.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main>
|
||||
<section id="introduction" class="auto-grid">
|
||||
<div id="title">
|
||||
<h1 class="title__thicc">Self-Defined</h1>
|
||||
<p>A modern dictionary about us.<br>We define our words, but they don't define us.</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="summary">
|
||||
Self-Defined seeks to provide more inclusive, holistic, and fluid definitions to reflect the diverse perspectives of the modern world.
|
||||
</p>
|
||||
<p>
|
||||
With the foundation of vocabulary, we can begin to understand lived experiences of people different than us. Words can provide us with a sense of identity and allow us to find kinship through common experiences.
|
||||
</p>
|
||||
</div>
|
||||
<div class="box">
|
||||
<p class="subtitle">Ways to help</p>
|
||||
<ol class="help">
|
||||
<li> Submit words and definitions through <a href="https://github.com/tatianamac/selfdefined/pulls" rel="noreferral">pull requests</a>.</li>
|
||||
<li>Sponsor this work through <a href="https://github.com/sponsors/tatianamac">GitHub Sponsors</a>.</li>
|
||||
<li>Volunteer writing, design, dev help by <a href="http://www.twitter.com/tatianatmac">DMing me @tatianatmac on Twitter</a>.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="auto-grid">
|
||||
<section class="list">
|
||||
<h3>#</h3>
|
||||
<ul>
|
||||
<li><a class="word__link" href="#ok-hand"><span role="image" aria-label="ok-hand">👌</span> [ok hand]</a><span class="flag__red">racist symbol</span></li>
|
||||
</ul>
|
||||
<h3>A-E</h3>
|
||||
<ul>
|
||||
<li>Ableism</li>
|
||||
<li>American</li>
|
||||
<li class="subterm">African</li>
|
||||
<li class="subterm">Asian</li>
|
||||
<li class="subterm">Black</li>
|
||||
<li class="subterm">Indigenous</li>
|
||||
<li>Ambulatory Wheelchair</li>
|
||||
<li>Ancestors</li>
|
||||
<li>Anti-</li>
|
||||
<li class="subterm">blackness</li>
|
||||
<li class="subterm">queerness</li>
|
||||
<li class="subterm">trans</li>
|
||||
<li>Anxiety disorders</li>
|
||||
<li>aromantic</li>
|
||||
<li>Asian</li>
|
||||
<li class="subterm">East</li>
|
||||
<li class="subterm">South</li>
|
||||
<li class="subterm">Southeast</li>
|
||||
<li>asexual</li>
|
||||
<li>Acquired Immune Deficiency Syndrome (AIDS)</li>
|
||||
<li>assigned at birth</li>
|
||||
<li>Attraction</li>
|
||||
<li class="subterm">Aesthetic</li>
|
||||
<li class="subterm">Platonic</li>
|
||||
<li class="subterm">Sexual</li>
|
||||
<li>Attention-Deficit/Hyperactivity Disorder (ADHD)</li>
|
||||
<li>Autism spectrum</li>
|
||||
<li>Bias</li>
|
||||
<li>Bierasure</li>
|
||||
<li>Bipolar <br><span class="flag__red">medical appropriation</span></li>
|
||||
<li><a class="word__link" href="#bisexual">Bisexual</a></li>
|
||||
<li>Black Asian Minority Ethnic (BAME)</li>
|
||||
<li>Black Indigenous People of Color (BIPOC)</li>
|
||||
<li>Black</li>
|
||||
<li class="subterm">men (BM)</li>
|
||||
<li class="subterm">people (BP)</li>
|
||||
<li class="subterm">women (BW)</li>
|
||||
<li>Brown</li>
|
||||
<li>Bropropriating</li>
|
||||
<li>Burka</li>
|
||||
<li>Child of a Deaf Adult (CODA)</li>
|
||||
<li><a class="word__link" href="#cisgender">Cisgender</a></li>
|
||||
<li>Climate change</li>
|
||||
<li>Colonial narrative</li>
|
||||
<li>Colonialism</li>
|
||||
<li>colorism</li>
|
||||
<li>Complex Post-Traumatic Stress Disorder (PTSD)</li>
|
||||
<li>cultural appropriation</li>
|
||||
<li><a class="word__link" href="#crazy">crazy</a><span class="flag__red">ableist slur</span></li>
|
||||
<li>Crippled <span class="flag__red">ableist slur</span></li>
|
||||
<li>Demi</li>
|
||||
<li class="subterm">-boy</li>
|
||||
<li class="subterm">-girl</li>
|
||||
<li class="subterm">-romantic</li>
|
||||
<li class="subterm">-sexual</li>
|
||||
<li>deaf and Deaf</li>
|
||||
<li>Disability</li>
|
||||
<li>Disabled</li>
|
||||
<li>Discordant couples</li>
|
||||
<li>Discrimination</li>
|
||||
<li>Dominant culture</li>
|
||||
<li>Dominant culture habits</li>
|
||||
<li>Ehlers-Danlos Syndromes (EDS)</li>
|
||||
<li>Egalitarian</li>
|
||||
<li>Empathy</li>
|
||||
<li>enby</li>
|
||||
<li><a class="word__link" href="#esl">English as a Second Language (ESL)</a></li>
|
||||
<li>Entitlement</li>
|
||||
<li>Equality</li>
|
||||
<li>Equity</li>
|
||||
<li>Ethnicity</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="list">
|
||||
<h3>F-L</h3>
|
||||
<ul>
|
||||
<li>Fat</li>
|
||||
<li class="subterm"><a class="word__link" href="#fatphobia">-phobia</a></li>
|
||||
<li class="subterm">Shaming</li>
|
||||
<li class="subterm">Activism</li>
|
||||
<li class="subterm">Liberation</li>
|
||||
<li>Fem</li>
|
||||
<li>Femme</li>
|
||||
<li><a class="word__link" href="#gaslighting">Gaslighting</a></li>
|
||||
<li>Gender</li>
|
||||
<li class="subterm"><a class="word__link" href="#cisgender">Cis-</a></li>
|
||||
<li class="subterm">-Fluid</li>
|
||||
<li class="subterm">Non-conforming</li>
|
||||
<li class="subterm"><a class="word__link" href="#transgender">Trans</a></li>
|
||||
<li class="subterm">-Queer</li>
|
||||
<li>Gender confirmation surgery (GCS)</li>
|
||||
<li>Gender pronouns</li>
|
||||
<li>Genocide</li>
|
||||
<li>Governmentality</li>
|
||||
<li>gray ace</li>
|
||||
<li>Gray asexuality</li>
|
||||
<li>Hard of Hearing (HOH)</li>
|
||||
<li>hegemonic</li>
|
||||
<li>Hermaphrodite</li>
|
||||
<li class="subterm">pseudo, male and female</li>
|
||||
<li>High-Functioning</li>
|
||||
<li>Hijab</li>
|
||||
<li>Hispanic</li>
|
||||
<li>Human Immunodeficiency Virus (HIV)</li>
|
||||
<li>Homophobia</li>
|
||||
<li>Hormone Replacement Therapy (HRT)</li>
|
||||
<li>Idiot <span class="flag__red">ableist slur</span></li>
|
||||
<li>Illness</li>
|
||||
<li class="subterm">Chronic</li>
|
||||
<li>Immigrant</li>
|
||||
<li>Impact</li>
|
||||
<li>Implicit bias</li>
|
||||
<li>Indigenous</li>
|
||||
<li>Inherent</li>
|
||||
<li>Intent</li>
|
||||
<li>internalized oppression</li>
|
||||
<li>Intersectionality</li>
|
||||
<li>intersex</li>
|
||||
<li>invisible disabilities</li>
|
||||
<li>Jihad</li>
|
||||
<li>Lame <span class="flag__red">ableist slur</span></li>
|
||||
<li>Latinx</li>
|
||||
<li>Lunatic <span class="flag__red">ableist slur</span></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="list">
|
||||
<h3>M-S</h3>
|
||||
<ul>
|
||||
<li>Maniac <span class="flag__red">ableist slur</span></li>
|
||||
<li>Marginalized</li>
|
||||
<li>Matriarchy</li>
|
||||
<li>Medication sensitive</li>
|
||||
<li>Midget <span class="flag__red">ableist slur</span></li>
|
||||
<li>Militarisation</li>
|
||||
<li><a class="word__link" href="#minorities">Minorities</a></li>
|
||||
<li><a class="word__link" href="#minoritised">Minoritised</a></li>
|
||||
<li>Misogynoir</li>
|
||||
<li>Moron <span class="flag__red">ableist slur</span></li>
|
||||
<li>Neurodivergent</li>
|
||||
<li>Neurodiverse</li>
|
||||
<li>Neurotypical</li>
|
||||
<li>N-word <span class="flag__red">racist slur</span></li>
|
||||
<li><a class="word__link" href="#non-binary">Non-binary</a></li>
|
||||
<li>-normative</li>
|
||||
<li class="subterm">Cis-</li>
|
||||
<li class="subterm">Hetero-</li>
|
||||
<li>nuts <span class="flag__red">ableist slur</span></li>
|
||||
<li>Obese <span class="flag__red">anti-fat slur</span></li>
|
||||
<li><a class="word__link" href="#ocd">Obsessive Compulsive Disorder (OCD)</a><br><span class="flag__red">medical appropriation</span></li>
|
||||
<li>Oppression</li>
|
||||
<li class="subterm">Internalised</li>
|
||||
<li>Other specified feeding or eating disorders (OSFED)</li>
|
||||
<li>Panic attacks</li>
|
||||
<li><a class="word__link" href="#pansexual">Pansexual</a></li>
|
||||
<li>-passing</li>
|
||||
<li class="subterm">cis-</li>
|
||||
<li class="subterm">female-</li>
|
||||
<li class="subterm">male-</li>
|
||||
<li class="subterm">white-</li>
|
||||
<li>Parachuting</li>
|
||||
<li>Patriarchy</li>
|
||||
<li><a class="word__link" href="#performative-allyship">Performative allyship</a></li>
|
||||
<li>People of Color (PoC)</li>
|
||||
<li>People with disabilities</li>
|
||||
<li>-phile</li>
|
||||
<li class="subterm">andro</li>
|
||||
<li class="subterm">gyne</li>
|
||||
<li>-phobia</li>
|
||||
<li class="subterm">Fat</li>
|
||||
<li class="subterm">Homo</li>
|
||||
<li class="subterm">Trans</li>
|
||||
<li>Platonic</li>
|
||||
<li class="subterm">Queer</li>
|
||||
<li><a class="word__link" href="#polyamory">Polyamory</a></li>
|
||||
<li>Positivism</li>
|
||||
<li>Post-Traumatic Stress Disorder (PTSD)</li>
|
||||
<li>power</li>
|
||||
<li>Poz</li>
|
||||
<li>Prejudice</li>
|
||||
<li>Pride</li>
|
||||
<li class="subterm">First (Anti-Police Riots)</li>
|
||||
<li>Prophylaxis</li>
|
||||
<li class="subterm">Pre-exposure (PreEP)</li>
|
||||
<li class="subterm">Post-exposure (PEP)</li>
|
||||
<li>Privilege</li>
|
||||
<li class="subterm">Cis</li>
|
||||
<li class="subterm">Monosexual</li>
|
||||
<li class="subterm">White</li>
|
||||
<li>Psych <span class="flag__red">ableist slur</span></li>
|
||||
<li>Psychopath <span class="flag__red">ableist slur</span></li>
|
||||
<li>Race</li>
|
||||
<li class="subterm">Racial</li>
|
||||
<li class="subterm">Contract</li>
|
||||
<li class="subterm">Formation</li>
|
||||
<li class="subterm">State</li>
|
||||
<li class="subterm">Raciology</li>
|
||||
<li>Racism</li>
|
||||
<li>Racist</li>
|
||||
<li>R-tard <span class="flag__red">ableist slur</span></li>
|
||||
<li>Savage <span class="flag__red">racist slur</span></li>
|
||||
<li>Savior</li>
|
||||
<li class="subterm">White</li>
|
||||
<li>Semitic</li>
|
||||
<li>Serodiscordant</li>
|
||||
<li>settler</li>
|
||||
<li class="subterm">colonial mentality</li>
|
||||
<li>Sexual</li>
|
||||
<li class="subterm"><a class="word__link" href="#bisexual">Bi-</a></li>
|
||||
<li class="subterm"><a class="word__link" href="#pansexual">Pan-</a></li>
|
||||
<li class="subterm"> assault of a minor</li>
|
||||
<li class="subterm"> orientation</li>
|
||||
<li>Socially constructed</li>
|
||||
<li>Solidarity</li>
|
||||
<li>Spaz <span class="flag__red">ableist slur</span></li>
|
||||
<li>-Splaining</li>
|
||||
<li class="subterm">cis</li>
|
||||
<li class="subterm">man</li>
|
||||
<li class="subterm">white</li>
|
||||
<li>Spirit animal<br><span class="flag__red">cultural appropriation</span></li>
|
||||
<li>Stupid <span class="flag__red">ableist slur</span></li>
|
||||
<li>Systematic</li>
|
||||
<li>Systemic</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="list">
|
||||
<h3>T-Z</h3>
|
||||
<ul>
|
||||
<li>-tard <span class="flag__red">ableist slur</span></li>
|
||||
<li>Top-down approach</li>
|
||||
<li>Totemic animal</li>
|
||||
<li>Tawhid</li>
|
||||
<li>Tranny <span class="flag__red">anti-trans slur</span></li>
|
||||
<li>Trans</li>
|
||||
<li class="subterm">femme</li>
|
||||
<li class="subterm"><a class="word__link" href="#transgender">-gender</a></li>
|
||||
<li class="subterm">man</li>
|
||||
<li class="subterm">masculine</li>
|
||||
<li class="subterm">phobia</li>
|
||||
<li class="subterm">woman</li>
|
||||
<li>Trans Exclusionary Radical Feminist (TERF)</li>
|
||||
<li>Tribe</li>
|
||||
<li>Triggers</li>
|
||||
<li>Two-spirited</li>
|
||||
<li>Undetectable=Untransmittable (U=U)</li>
|
||||
<li>Undetectable</li>
|
||||
<li>Unqueer</li>
|
||||
<li>Indigenous</li>
|
||||
<li>Vertigo</li>
|
||||
<li class="subterm">Visual</li>
|
||||
<li>Vestibular migraine</li>
|
||||
<li>Violence against women and girls (VAWG)</li>
|
||||
<li>Viral Load</li>
|
||||
<li>White</li>
|
||||
<li class="subterm">feminism</li>
|
||||
<li class="subterm"><a class="word__link" href="#white-fragility">fragility</a></li>
|
||||
<li class="subterm">-ness</li>
|
||||
<li class="subterm"> supremacy</li>
|
||||
<li class="subterm"> woman tears</li>
|
||||
<li class="subterm"> people (WP)</li>
|
||||
<li class="subterm"> women (WW)</li>
|
||||
<li>White supremacist capitalist patriarchy</li>
|
||||
<li>womanism</li>
|
||||
<li><a class="word__link" href="#women-poc">Women and people of colour</a></li>
|
||||
<li>womxn</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="auto-grid">
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__avoid">
|
||||
avoid—Racist Symbol
|
||||
</p>
|
||||
<p class="word__title" id="ok-hand">
|
||||
<span role="image" aria-label="ok-hand">👌</span> [ok hand]
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
<p class="word__definition">
|
||||
hand gesture where right thumb and right index finger form a circle, remaining fingers fan out; in American Sign Language, gesture means number nine; in diving, gesture indicates "OK" as question or confirmation; gesture is used in an innocuous children's game called "<a class="word__link" rel="noreferrer" href="https://www.vice.com/en_uk/article/wj8e74/searching-for-the-man-behind-the-circle-game">The Circle Game</a>," where the gesture is held low—if another child looks at it, they get punched.<br><br>
|
||||
|
||||
In 2017, the hand gesture was <a class="word__link" rel="noreferrer" href="https://knowyourmeme.com/memes/ok-symbol-%F0%9F%91%8C">appropriated by White Supremacists on 4chan</a> to mean White Power (the three fingers forming at 'W' and thumb and index forming the circle of the 'P'). It was framed as a hoax to "own" Leftists through trickery and <a class="word__link" href="#gaslighting">gaslighting</a>.<br><br>
|
||||
|
||||
The hand gesture has been used by White Supremacists as a dogwhistle to identify other White Supremacists <a class="word__link" rel="noreferrer" href="https://mashable.com/article/milo-yiannopoulos-banned-from-furry-convention/">at rallies</a>, <a class="word__link" rel="noreferrer" href="https://www.splcenter.org/hatewatch/2018/09/18/ok-sign-white-power-symbol-or-just-right-wing-troll">in forums</a>, and even <a class="word__link" href="https://nypost.com/2019/03/15/suspected-new-zealand-shooter-appears-in-court/">at court hearings</a>.
|
||||
|
||||
In 2019, the hand gesture was added to the <a class="word__link" href="https://www.adl.org/news/press-releases/ok-and-other-alt-right-memes-and-slogans-added-to-adls-hate-symbols-database" rel="noreferrer">Anti-Defamation League's list of official symbols of hate</a>.
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Issues
|
||||
</p>
|
||||
<p class="word__breakdown">While it can be argued that the symbol's origins and many of its uses do not imply racist connotations, and that the 4chan-ers "framed it as a hoax," it is undeniable that the symbol has evolved and become a gesture used sincerely by white supremacists.<br><br>
|
||||
|
||||
The uncertainty created by the 4chan-ers is a critical part of their strategy. The strategy employs plausible deniability: Because they self-identified it as a hoax, they can fall back on that explanation. Meanwhile, if people begin to adapt the symbol, as they did, it becomes a dogwhistle for White Supremacists. It should be noted that this approach of indoctrinating symbols of hate is one long-documented, and <a class="word__link" rel="noreferrer" href="https://theconversation.com/how-nazis-twisted-the-swastika-into-a-symbol-of-hate-83020">used for the Swastika as well</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">The people most vulnerable to the oppressive impact of White Supremacy will never know for certain if the symbol is being used in one of its non-violent manners or if it's being used in its racist violent manners. The oppressed must choose the option that protects them, which is typically erring on the side of caution.<br><br>Continuing to use the symbol with its non-hateful connotations to "take it back," does not eliminate its pervasive new meaning associated with White Supremacy. Instead, continuing usage only perpetuates emotional and psychological harm upon the most vulnerable and susceptable populations.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Alt Words
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
<span role="image" aria-label="thumbs-up">👍</span>, <span role="image" aria-label="ok-button">🆗</span>, good, ok, or omit
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal"></p>
|
||||
<p class="word__title" id="bisexual">
|
||||
Bisexual
|
||||
<span class="word__speech">
|
||||
adj
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="word__definition">
|
||||
of, relating to, or characterised by being sexually attracted to more than one gender.
|
||||
</p>
|
||||
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Note
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
Bisexuality does not preclude attraction to <a class="word__link" href="#non-binary">non-binary</a> or <a class="word__link" href="#transgender">transgender</a> people.
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Further Reading
|
||||
</p>
|
||||
<ul class="word__breakdown">
|
||||
<li><a class="word__link" href="http://www.bisexualindex.org.uk/index.php/AmIBisexual" rel="noreferrer">Am I Bisexual?</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal"></p>
|
||||
<p class="word__title" id="cisgender">
|
||||
Cisgender
|
||||
<span class="word__speech">
|
||||
adj
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="word__definition">
|
||||
of, relating to, or characterised by being a gender that matches the gender they were assigned at birth.<br><br>
|
||||
|
||||
The opposite of <a class="word__link" href="#transgender">transgender</a>.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__avoid">
|
||||
avoid—Ableist slur
|
||||
</p>
|
||||
<p class="word__title" id="crazy">
|
||||
crazy
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
<p class="word__definition">
|
||||
mentally deranged; demented; insane.
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Issues
|
||||
</p>
|
||||
<p class="word__breakdown">Crazy is very commonly used as an adjective to embody a vast array of ideas, often not specifically. It is used so frequently that it sometimes is a filler. Crazy can also be used in a derogatory manner for someone with mental or psychiatric disabilities.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">By using ableist language, we are perpetuating violence against people who experience mental or psychological disabilities. Using this language perpetuates those systems and language of harm, regardless of our intent.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Usage Tip
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
Be more specific. Typically we can find an alternate definition by simply reflecting on what emotion we're really feeling.
|
||||
</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Alt Words
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
abundant, bizarre, enormous, ludicrous, outlandish, ridiculous, unbelievable, unexpected, unfamiliar, unreal, scary, shocking, strange, wicked
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__avoid">
|
||||
Avoid
|
||||
</p>
|
||||
<p id="esl" class="word__title">
|
||||
English as second language (ESL)
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
<p class="word__definition">
|
||||
the teaching of English to people who speak a different language and who live in a country where English is the main language spoken
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Issues
|
||||
</p>
|
||||
<p class="word__breakdown"> 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</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">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.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Alt Words
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
English as learning-language (ELL), or non-native, or omit (because do you really know, for sure?)
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Further Reading
|
||||
</p>
|
||||
<ul class="word__breakdown">
|
||||
<li><a class="word__link" href="https://benchmarkeducation.com/best-practices-library/supporting-english-language-learners-in-reading-writing.html#section_2" rel="noreferrer">ELL Glossary by Benchmark Education</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__tool"> Tool of Oppression</p>
|
||||
<p class="word__title" id="fatphobia">
|
||||
Fatphobia
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="word__definition">
|
||||
the fear, hatred, and stigmitasation of fat people.<br><br>
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Issues
|
||||
</p>
|
||||
<p class="word__breakdown">Fatphobia is the racialised, classist, and ableist tool of oppression that codifies a “ideal” body type that centres a white, Western aesthetic, demands time and resources that people may not have, and attempts to correlate thinness and heathliness—perpetuating white supremacist violence against people of colour, perpetuates classist oppression of people living with limited resources, and the ableist idea of healthiness as an indicator of human value.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
A history of being ignored and shamed prevents many fat people from visiting medical professionals even if they have the financial and physical means to do so. Medical professionals hold fatphobic biases and often prescribe weight loss as a default instead of listening to their fat patients' concerns.<br><br>
|
||||
Employers will pay fat employees less than their thin colleagues and offer them no protection from weight stigma in the workplace, as their fatphobic biases lead to their perception of fat employees as lazy, less intelligent, and unmotivated.<br><br>
|
||||
Law enforcement officers are less likely to believe fat people reporting sexual assaults, as their fatphobic biases lead them to think of fat people as unattractive, not sexually active, or undesirable.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Further Reading
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
<a class="word__link"
|
||||
href="https://www.srhweek.ca/providers/people-and-communities/sizeism-and-fatphobia/">Sizeism and Fatphobia</a>;
|
||||
<a class="word__link" href="https://simmons.libguides.com/anti-oppression/anti-fatmisia">Anti-Oppression: Anti-Fatmisia</a>.
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__tool">
|
||||
Tool of Oppression
|
||||
</p>
|
||||
<p class="word__title" id="gaslighting">
|
||||
gaslighting
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
<p class="word__definition">
|
||||
psychological manipulation tactic used to abuse by instilling doubt in the victim's own thoughts, observations, feelings by denying, misdirecting, and lying to them; originated from the <em>Gaslight</em> play (1933) and film (1944), where a man changes the lights in the house, while denying her observations of the changes.
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">Gaslighting reinfoces systems of power, as gaslighting abusers will tend to be in systematically dominant positions where they are intrinsically believed over their victim (e.g., white person over person of colour, man over woman, abled person over disabled person, parent over child, manager over worker, etc). Gaslighting is an abusive and oppressive behaviour and tactic.<br><br>The abuser can become in control of the victim, who now no longer trusts their own perception. The victim can become codependent upon their abuser, and internalise their abuser's perspective, which can lead to self-doubt and self-hate.</p>
|
||||
</div>
|
||||
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Further Reading
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
<a class= "word__link" href="https://www.psychologytoday.com/us/blog/here-there-and-everywhere/201701/11-warning-signs-gaslighting">11 warnings signs of gaslighting</a>;
|
||||
<a class="word__link" href="https://www.aconsciousrethink.com/6766/gaslighting-examples/">Gaslighting examples</a>.
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__avoid">
|
||||
avoid
|
||||
</p>
|
||||
<p class="word__title" id="minorities">
|
||||
minorities
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
<p class="word__definition">
|
||||
the smaller in number of two groups constituting a whole
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Issues
|
||||
</p>
|
||||
<p class="word__breakdown"> Minorities is not always accurate and is vague. As it deals with numbers, the term minorities can often be inaccurate, as is the case when speaking of communities of colour, who often outnumber white communities.<br><br>
|
||||
By referring to a group as 'minorities,' it can suggest the group hasn't taken initiative to show up, thereby blaming the oppressed for systemic issues that prevent their participation.
|
||||
</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">By repeatedly referring to groups as "minorities," they are being infantised to their numerical representation and made to feel minor. The vagueness also abstracts the identify of the marginalised group, making it difficult to address why they are minoritised to begin with.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Alt Words
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
<a class="word__link" href="#minoritised">minoritised</a>, or omit
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__better">
|
||||
Better Alternate
|
||||
</p>
|
||||
<p id="minoritised" class="word__title">
|
||||
minoritised
|
||||
<span class="word__speech">
|
||||
adj
|
||||
</span>
|
||||
</p>
|
||||
<p class="word__definition">
|
||||
groups resulting from social constructs have grant less power or representation compared to other members or groups in society
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Benefits
|
||||
</p>
|
||||
<p class="word__breakdown"> 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</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">It removes the pejorative nature of "minorities".</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Further Reading
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
<a class="word__link" href="https://www.theodysseyonline.com/minority-vs-minoritize">Minority vs minoritize</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal"></p>
|
||||
<p class="word__title" id="non-binary">
|
||||
Non-binary
|
||||
<span class="word__speech">
|
||||
adj
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="word__definition">
|
||||
of, relating to, or characterised by being any gender that does not fit into the male-female gender binary; an umbrella term.<br><br>
|
||||
|
||||
For example, a non-binary person may have some gender between male and female, have multiple genders, no gender, a culturally-specific gender (e.g., two-spirit).
|
||||
|
||||
</p>
|
||||
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Note
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
Non-binary people may or may not also identify as <a class="word__link" href="#transgender">transgender</a>.<br><br>
|
||||
|
||||
Although non-binary is commonly used as an umbrella term, just because someone identifies as a term under the umbrella, does not necessarily imply that they identify as non-binary as well. For example, someone may be agender, but not identify with the term "non-binary".
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__avoid">
|
||||
avoid—Medical Appropriation
|
||||
</p>
|
||||
<p class="word__title" id="ocd">
|
||||
Obsessive Compulsive Disorder (OCD)
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
<p class="word__definition">
|
||||
a mental illness usually embodied by unwanted repeated thoughts (obsession) coupled with repeated behaviour, routine, or action (compulsion)
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Issues
|
||||
</p>
|
||||
<p class="word__breakdown">OCD is commonly misused to highlight personality quirks or fussiness, usually involving a preference for order or cleanliness. Use of 'OCD' as a noun or adjective in this manner diminishes the actual condition, resulting in reductive and over-normalised perception of a someone with these specific mental or psychiatric disabilities.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
By conflating arbitrary quirks or behaviours with OCD, we are invalidating OCD as a medical condition and the people who experience it.
|
||||
Generally by using medically appropriative language, we are invalidating the existences of people with OCD, minimising their experiences, perpetuating violence against people who experience mental or psychological disabilities. Using this language perpetuates those systems and language of harm, regardless of our intent.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Usage Tip
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
Be more specific. Typically we can find an alternate definition by simply reflecting on what emotion we're really feeling. In this case, be particularly aware if the behaviour is actually unwanted or uncontrollable.
|
||||
</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Alt Words
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
conscientious, exact, fastidious, fussy, meticulous, nitpicky, particular, precise, quirky, thorough
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal"></p>
|
||||
<p class="word__title" id="pansexual">
|
||||
Pansexual
|
||||
<span class="word__speech">
|
||||
adj
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="word__definition">
|
||||
someone who is sexually attracted to people regardless of their gender, or to people of any gender.
|
||||
</p>
|
||||
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Further Reading
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
<a class="word__link" href="https://www.teenvogue.com/story/what-is-pansexuality">Pansexuality and Being Pansexual: Everything You Need to Know</a>
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal"></p>
|
||||
<p class="word__title" id="polyamory">
|
||||
Polyamory
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="word__definition">
|
||||
belief that romantic and/or sexual exclusivity is not necessary for a happy, committed relationship;
|
||||
an umbrella term for various types of relationships where all partners involved consent to non-monogamy,
|
||||
such as open relationships, polycules, throuples, group marriages, etc.
|
||||
</p>
|
||||
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Note
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
One can be polyamorous despite currently being single or in a monogamous relationship.
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Further Reading
|
||||
</p>
|
||||
<ul class="word__breakdown">
|
||||
<li>
|
||||
<a class="word__link" href="https://avris.it/blog/my-definition-of-polyamory" rel="noreferrer">My definition of polyamory</a>;
|
||||
<a class="word__link" href="https://www.polymatchmaker.com/main.mvc?Screen=HTML&Page=polyglossary" rel="noreferrer">Poly Glossary</a>;
|
||||
<a class="word__link" href="http://polyliving.net/" rel="noreferrer">A Quick Look at Polyamory</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__tool">
|
||||
White Supremacy Tool
|
||||
</p>
|
||||
|
||||
<p id="performative-allyship" class="word__title">
|
||||
performative allyship
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="word__definition">
|
||||
when an individual or group of power/majority/privilege (e.g., white, male, abled, unqueer, etc) loudly profess(es) their actions in the name of 'allyship,' while actively conducting harm to, taking focus away from, and generally being unhelpful towards the group they claim to support, often to receive praise and attention, without taking critical action to dismantle the systems of harm.
|
||||
</p>
|
||||
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">Performative allyship detracts from the stories of the oppressed and the impact that oppression has on them in favour of the stories of the oppressors and their intent to help. The cost of performative allyship can also be that the stories of the oppressed people are appropriated, watered down, and inaccurately retold by people who should not be telling those stories.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Further Reading
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
<a class="word__link" href="http://affinitymagazine.us/2017/07/09/are-you-practicing-performative-allyship/">Are you practicing performative allyship?</a>;
|
||||
<a class="word__link" href="https://www.theroot.com/is-this-your-queen-ellen-pompeo-growth-and-performati-1830593400">Is This Your Queen? Ellen Pompeo, Growth and Performative White Allyship</a>; <a class="word__link" href="https://www.scarymommy.com/performative-allyship-what-it-is-what-it-looks-like-and-why-we-want-to-avoid-it/">Performative allyship: what it is, what it looks like, and why we want to avoid it</a>.</span></p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal"></p>
|
||||
<p class="word__title" id="transgender">
|
||||
Transgender
|
||||
<span class="word__speech">
|
||||
adj
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="word__definition">
|
||||
of, relating to, or characterised by a gender that does not match the gender they were assigned at birth.<br><br>
|
||||
|
||||
The opposite of <a class="word__link" href="#cisgender">cisgender</a>.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__tool">
|
||||
White Supremacy Tool
|
||||
</p>
|
||||
<p id="white-fragility" class="word__title">
|
||||
white fragility
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
<p class="word__definition">
|
||||
the tendency for dominant white culture to respond to racism with defensive, dismissive, and angry responses; "a state in which even a minimum amount of racial stress becomes intolerable, triggering a range of defensive moves." (Robin DiAngelo).
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">White fragility detracts from critical conversations about the systemic oppressors at play. The cost of white fragility is that it centres the feelings of white people while ignoring and invalidating the systemic harm conducted towards people of colour. White fragility also prevents white people from doing anti-racist work to unpack their socially internalised racism.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Further Reading
|
||||
</p>
|
||||
<p class="word__breakdown"><a class="word__link" href="https://robindiangelo.com/publications/" rel="noreferrer">White Fragility</a>, Robin DiAngelo; <a class="word__link" href="https://www.theroot.com/tag/white-fragility" rel="noreferrer">White Fragility tag on The Root</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__avoid">
|
||||
avoid
|
||||
</p>
|
||||
<p id="women-poc" class="word__title">
|
||||
women and people of colour
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
<p class="word__definition">
|
||||
often used as a phrase to encompass "non-white, non-men," seeking to provide solidarity for these two groups
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Issues
|
||||
</p>
|
||||
<p class="word__breakdown">What happens to women of colour? As a woman of colour, I am split between both women and people of colour.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">As such, it elicits feelings of erasure for women of colour. It also neglects <a class="word__link" href="#non-binary">non-binary</a> individuals.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Alt Words
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
people of colour and white women; people of colour, white <a class="word__link" href="#non-binary">non-binary</a> people, and white women; find ways to reframe why this dynamic exists; or omit
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="block__word list">
|
||||
<p class="word__signal word__signal__avoid">
|
||||
avoid—Ableist slur
|
||||
</p>
|
||||
<p class="word__title" id="spaz">
|
||||
spaz
|
||||
<span class="word__speech">
|
||||
noun
|
||||
</span>
|
||||
</p>
|
||||
<p class="word__definition">
|
||||
irrationally nervous person; hyperactive
|
||||
</p>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Issues
|
||||
</p>
|
||||
<p class="word__breakdown">The origin of the word “Spaz” is a shortened version of “Spastic.” Spastic refers to an alteration in muscle tone affected by the medical condition spasticity, which is seen in spastic diplegia and many other forms of cerebral palsy.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Impact
|
||||
</p>
|
||||
<p class="word__breakdown">By using ableist language, we are perpetuating violence against people who experience
|
||||
mental or psychological disabilities. Using this language perpetuates those systems and language of harm,
|
||||
regardless of our intent.</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Usage Tip
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
Be more specific. Typically we can find an alternate definition by simply reflecting on what emotion we're really feeling.
|
||||
</p>
|
||||
</div>
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Alt Words
|
||||
</p>
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
hyper, anxious, jumpy, unable to focus
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
BIN
_site/scss/.DS_Store
vendored
BIN
_site/scss/.DS_Store
vendored
Binary file not shown.
@ -1,416 +0,0 @@
|
||||
@charset 'utf-8';
|
||||
@import url('https://use.typekit.net/qlo3dpu.css');
|
||||
|
||||
@import 'prism-themes/themes/prism-a11y-dark';
|
||||
|
||||
pre[class*='language-'] {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: #333333;
|
||||
border: 1px solid black;
|
||||
color: white;
|
||||
padding: 0.15em;
|
||||
border-radius: 0.25em;
|
||||
font-size: 95%;
|
||||
|
||||
pre & {
|
||||
border: none;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
font-size: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// COLORS //
|
||||
|
||||
:root {
|
||||
--auto-grid-min-size: 17rem;
|
||||
}
|
||||
|
||||
$primary-color: #0e4bff; //cobalt blue is so pretty//
|
||||
$secondary-color: #f3f315; //
|
||||
|
||||
$black: #222222;
|
||||
$white: #ffffff;
|
||||
$pistachio: #e5ffe5;
|
||||
$yellow: #ffff00;
|
||||
|
||||
$dark-grey: #4f4f4f;
|
||||
$mid-grey: #767676; // the lightest shade of grey you can get away with, #a11y
|
||||
$light-grey: #eeeeee; // for backgrounds only
|
||||
|
||||
// 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;
|
||||
$regular: 400;
|
||||
$medium: 500;
|
||||
$bold: 700;
|
||||
|
||||
//MIXINS
|
||||
|
||||
@mixin icon__avoid() {
|
||||
content: '🚨';
|
||||
}
|
||||
|
||||
@mixin icon__alt() {
|
||||
content: '👍';
|
||||
}
|
||||
|
||||
@mixin icon__tool() {
|
||||
content: '🧰';
|
||||
}
|
||||
|
||||
@mixin icon__hanging() {
|
||||
margin-left: -2.15rem;
|
||||
}
|
||||
|
||||
@mixin icon__embed() {
|
||||
margin-right: 0.35rem;
|
||||
}
|
||||
|
||||
body {
|
||||
border-top: 1rem solid red;
|
||||
font-family: $sans-serif;
|
||||
font-size: 20px;
|
||||
padding: 2rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: $ext-sans;
|
||||
font-weight: $bold;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0.75rem 0;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
border-bottom: darkgrey solid 0.1em;
|
||||
font-family: $ext-sans;
|
||||
margin: 1rem 0;
|
||||
|
||||
&:hover {
|
||||
border-bottom: red solid 0.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-family: $ext-sans;
|
||||
font-weight: $regular;
|
||||
letter-spacing: 0.1;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
ul[class] {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.summary {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.small {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.title__thicc {
|
||||
font-size: 8vh;
|
||||
line-height: 0.75;
|
||||
padding: 0;
|
||||
margin: 0.5rem 0rem;
|
||||
grid-column: span 2;
|
||||
// transform: rotateZ(90deg);
|
||||
// margin: 13rem -7rem;
|
||||
}
|
||||
|
||||
.help {
|
||||
margin: 1rem 0;
|
||||
li {
|
||||
margin: 0.75rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
// 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)
|
||||
);
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
|
||||
.small-left-grid {
|
||||
display: grid;
|
||||
grid-gap: 1rem;
|
||||
|
||||
@media (min-width: 800px) {
|
||||
grid-template-columns: 10rem 60ch;
|
||||
}
|
||||
}
|
||||
|
||||
.page {
|
||||
align-items: start;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
|
||||
& > * {
|
||||
grid-column: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
background: black;
|
||||
color: white;
|
||||
padding: 1rem;
|
||||
margin: 1rem 0.5rem;
|
||||
height: auto;
|
||||
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.sub-headline {
|
||||
font-weight: bold;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.list {
|
||||
ol {
|
||||
padding: 0 0 0 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
padding-bottom: 0.5em;
|
||||
|
||||
&.subterm {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
&.subterm:before {
|
||||
content: '\21B3';
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.style__italics {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.word {
|
||||
--word-signal-color: currentColor;
|
||||
|
||||
&__title {
|
||||
font-family: $serif;
|
||||
font-weight: 900;
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.25;
|
||||
margin-bottom: 1rem;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&__content {
|
||||
align-items: stretch;
|
||||
|
||||
@supports (display: grid) {
|
||||
// align-items: flex-start;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 4fr;
|
||||
grid-gap: 1rem;
|
||||
|
||||
& > * {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
& > p {
|
||||
grid-column: 1 / -1;
|
||||
font-family: $sans-serif;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
& h4 {
|
||||
grid-column: 1;
|
||||
font-family: $con-sans;
|
||||
font-size: 0.85rem;
|
||||
font-weight: normal;
|
||||
flex: 0 1 auto;
|
||||
text-transform: uppercase;
|
||||
transform: translateY(0.4em);
|
||||
|
||||
@supports (display: grid) {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
& h4,
|
||||
& h4 + * {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
& h4 ~ p,
|
||||
& h4 ~ ul {
|
||||
// border-left: 0.1rem solid lightgrey;
|
||||
// padding-left: 1rem;
|
||||
grid-column: 2;
|
||||
font-size: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&__speech {
|
||||
font-size: 0.5em;
|
||||
font-family: $sans-serif;
|
||||
}
|
||||
|
||||
&__signal {
|
||||
border-top: 1px solid var(--word-signal-color);
|
||||
color: var(--word-signal-color);
|
||||
display: inline-block;
|
||||
font-family: $ext-sans;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.75rem;
|
||||
letter-spacing: 0.15rem;
|
||||
padding: 0.5rem 0.75rem;
|
||||
|
||||
&--avoid {
|
||||
--word-signal-color: red;
|
||||
|
||||
&:before {
|
||||
@include icon__avoid();
|
||||
@include icon__hanging();
|
||||
}
|
||||
}
|
||||
|
||||
&--better {
|
||||
--word-signal-color: green;
|
||||
|
||||
&:before {
|
||||
@include icon__alt();
|
||||
@include icon__hanging();
|
||||
}
|
||||
}
|
||||
|
||||
&--tool {
|
||||
&:before {
|
||||
@include icon__tool();
|
||||
@include icon__hanging();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block__dictionary {
|
||||
max-width: 50rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.block__word {
|
||||
grid-column: span 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.block__type {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 4fr;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.word__type {
|
||||
text-align: right;
|
||||
padding-right: 1rem;
|
||||
font-family: $con-sans;
|
||||
font-size: 0.85rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.word__link {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
border-bottom: darkgrey solid 0.1em;
|
||||
font-family: $ext-sans;
|
||||
}
|
||||
|
||||
.word__breakdown {
|
||||
font-family: $sans-serif;
|
||||
border-left: 0.1rem solid lightgrey;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.flag__red {
|
||||
background-color: rgb(255, 192, 203);
|
||||
font-size: 0.9rem;
|
||||
font-weight: bold;
|
||||
border-radius: 1rem;
|
||||
padding: 0.45rem 0.65rem;
|
||||
margin: 0.25rem 0.75rem;
|
||||
text-transform: lowercase;
|
||||
|
||||
&:before {
|
||||
@include icon__avoid();
|
||||
@include icon__embed();
|
||||
}
|
||||
}
|
||||
|
||||
.list-semicolon {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
& > li {
|
||||
display: inline;
|
||||
|
||||
&:not(:last-child)::after {
|
||||
content: '; ';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user