mafoo.org.uk/selfdefined
1
0
Fork 0
mirror of https://github.com/fooflington/selfdefined.git synced 2025-04-19 16:19:16 +00:00
Code Issues Projects Releases Wiki Activity

Pull from merges

Browse Source
This commit is contained in:
tatianamac 2019-10-21 12:15:49 -04:00
parent 8ae7f94b2c
commit e99c57dfde
8 changed files with 227 additions and 589 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
_site/README/index.html
View File

@ -1,4 +1,5 @@
<h1>📕 Self-Defined Dictionary</h1> <h1>📕 Self-Defined Dictionary</h1>
<p><a href="https://app.netlify.com/sites/selfdefined/deploys"><img src="https://api.netlify.com/api/v1/badges/82274e91-8f6a-474e-9b2a-fca29bb72d75/deploy-status" alt="Netlify Status"></a></p>
<p>A modern dictionary about us. We define our words, but they don't define us.</p> <p>A modern dictionary about us. We define our words, but they don't define us.</p>
<p>Self-Defined seeks to provide more inclusive, holistic, and fluid definitions to reflect the modern world. <p>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.</p> 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.</p>
@ -11,12 +12,16 @@ For now, this stands as a list only, from which you can self-educate. Pull reque
<h2>Components (Build order)</h2> <h2>Components (Build order)</h2>
<ol> <ol>
<li><strong>Dictionary site</strong>: 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, <code>?disabled+pan+Indigenous</code>. Creating such a strand easily would allow people to link in email signatures, Twitter bios, etc.</li> <li><strong>Dictionary site</strong>: 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, <code>?disabled+pan+Indigenous</code>. Creating such a strand easily would allow people to link in email signatures, Twitter bios, etc.</li>
<li><strong>Twitter bot:</strong> Allows someone to tag <a href="https://www.twitter.com/SelfDefinedBot">@SelfDefinedBot</a> in order to get automated reply. For example '@SelfDefinedBot define racism'.</li> <li><strong>Twitter bot:</strong> Allows someone to tag <a href="https://twitter.com/SelfDefinedBot">@SelfDefinedBot</a> in order to get automated reply. For example '@SelfDefinedBot define racism'.</li>
<li><strong>Slack bot:</strong> Problematic words could be flagged and alternates could be provided. Could also define words.</li> <li><strong>Slack bot:</strong> Problematic words could be flagged and alternates could be provided. Could also define words.</li>
<li><strong>Custom API:</strong> Allows dictionary to be adapted and included into other large-scale projects.</li> <li><strong>Custom API:</strong> Allows dictionary to be adapted and included into other large-scale projects.</li>
</ol> </ol>
<h2>Design</h2> <h2>Design</h2>
<p>Work in progress on <a href="https://codepen.io/tatianamac/pen/zYOqZRp">CodePen</a>. Hoping to connect core words with adjacent words.</p> <ul>
<li>Typography at its core, focused on legibility, performance, and future-proofing for translations/non-Roman alphabets.</li>
<li>High-contrast colour palette, again for legibility.</li>
<li>Lack of imagery or ornamentation, given the sensitivity and representation of these communities. Depitcting them visually at this time feels reductionist.</li>
</ul>
<h2>Philosophies</h2> <h2>Philosophies</h2>
<ul> <ul>
<li>Maintain OSS nature for non-profit and other OSS uses, but charge for corporate uses.</li> <li>Maintain OSS nature for non-profit and other OSS uses, but charge for corporate uses.</li>
@ -26,4 +31,4 @@ For now, this stands as a list only, from which you can self-educate. Pull reque
<h2>How to Help</h2> <h2>How to Help</h2>
<p>🐛 Check <a href="https://github.com/tatianamac/selfdefined/issues">Issues</a>, which include code and also definition writing. <p>🐛 Check <a href="https://github.com/tatianamac/selfdefined/issues">Issues</a>, which include code and also definition writing.
💰 Support this OSS project by <a href="https://github.com/users/tatianamac/sponsorship">sponsoring me</a>. 💰 Support this OSS project by <a href="https://github.com/users/tatianamac/sponsorship">sponsoring me</a>.
🐦 Follow <a href="https://www.twitter.com/selfdefinedapp">Self-Defined on Twitter</a>.</p> 🐦 Follow <a href="https://twitter.com/selfdefinedapp">Self-Defined on Twitter</a>.</p>

29
_site/_site/README/index.html
View File

@ -1,29 +0,0 @@
<h1>📕 Self-Defined Dictionary</h1>
<p>A modern dictionary about us. We define our words, but they don't define us.</p>
<p>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.</p>
<h2>Context</h2>
<ul>
<li>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 &quot;racism.&quot;</li>
<li>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.</li>
<li>Words help to materialise concepts, which allow people to be perceived in their identities. Words also create policies, which can define infrastructure.</li>
</ul>
<h2>Components (Build order)</h2>
<ol>
<li><strong>Dictionary site</strong>: 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, <code>?disabled+pan+Indigenous</code>. Creating such a strand easily would allow people to link in email signatures, Twitter bios, etc.</li>
<li><strong>Twitter bot:</strong> Allows someone to tag <a href="https://www.twitter.com/SelfDefinedBot">@SelfDefinedBot</a> in order to get automated reply. For example '@SelfDefinedBot define racism'.</li>
<li><strong>Slack bot:</strong> Problematic words could be flagged and alternates could be provided. Could also define words.</li>
<li><strong>Custom API:</strong> Allows dictionary to be adapted and included into other large-scale projects.</li>
</ol>
<h2>Design</h2>
<p>Work in progress on <a href="https://codepen.io/tatianamac/pen/zYOqZRp">CodePen</a>. Hoping to connect core words with adjacent words.</p>
<h2>Philosophies</h2>
<ul>
<li>Maintain OSS nature for non-profit and other OSS uses, but charge for corporate uses.</li>
<li>Ensure that dictionary includes nuances and expresses that not everyone ascribes to terms exactly as they are; illustrate and articulate those nuances wherever possible.</li>
<li>Accessibility, inclusion, and performance are at the core of this project.</li>
</ul>
<h2>How to Help</h2>
<p>🐛 Check <a href="https://github.com/tatianamac/selfdefined/issues">Issues</a>, which include code and also definition writing.
💰 Support this OSS project by <a href="https://github.com/users/tatianamac/sponsorship">sponsoring me</a>.
🐦 Follow <a href="https://www.twitter.com/selfdefinedapp">Self-Defined on Twitter</a>.</p>

472
_site/_site/index.html
View File

@ -1,472 +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 &middot; 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://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
</head>
<body>
<main>
<section id="title">
<h1 class="title__thicc">Self-Defined</h1>
</section>
<section class="auto-grid">
<p class="summary">
<span class="subtitle">A modern dictionary about us. We define our words, but they don't define us.</span><br>Self-Defined seeks to provide more inclusive, holistic, and fluid definitions to reflect the modern world.<br>
</p>
<div class="box">
<span class="subtitle">Ways to help</span>
<ol>
<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>
</p>
</div>
</section>
<div class="grid">
<section class="list">
<h3>A-E</h3>
<ul>
<li>Ablelism</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-blackness</li>
<li>Anxiety disorders</li>
<li>aromantic</li>
<li class="subterm">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>Autism spectrum</li>
<li>Bias</li>
<li>bierasure</li>
<li>bipolar</li>
<li>Bisexual</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>cisgender</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></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 href="#esl" class="word__link">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>Fem</li>
<li>Femme</li>
<li>Gaslighting</li>
<li>Gender</li>
<li class="subterm">Cis</li>
<li class="subterm">-Fluid</li>
<li class="subterm">Non-conforming</li>
<li class="subterm">Trans</li>
<li class="subterm">Queer</li>
<li>Gender confirmation surgery (GCS)</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>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>Latinx</li>
</ul>
</section>
<section class="list">
<h3>M-S</h3>
<ul>
<li>Marginalized</li>
<li>Matriarchy</li>
<li>Medication sensitive</li>
<li>Militarization</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>Neurodivergent</li>
<li>Neurotypical</li>
<li>non binary</li>
<li>-Normative</li>
<li class="subterm">cis</li>
<li class="subterm">hetero</li>
<li>Oppression</li>
<li class="subterm">Internalized</li>
<li>Other specified feeding or eating disorders (OSFED)</li>
<li>Panic attacks</li>
<li>Pansexual</li>
<li>-passing</li>
<li class="subterm">female-</li>
<li class="subterm">male-</li>
<li class="subterm">white-</li>
<li>Parachuting</li>
<li>Patriarchy</li>
<li>Performative allyship</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>Platonic</li>
<li class="subterm">Queer</li>
<li>Polyamory</li>
<li>Positivism</li>
<li>Post-Traumatic Stress Disorder</li>
<li>power</li>
<li>Poz</li>
<li>Prejudice</li>
<li>Pride</li>
<li>Pride, 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>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>Savage</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"> assault of a minor</li>
<li class="subterm"> orientation</li>
<li>Socially constructed</li>
<li>Solidarity</li>
<li>-Splaining</li>
<li class="subterm">cis</li>
<li class="subterm">man</li>
<li class="subterm">white</li>
<li>Spirit animal</li>
<li>Systematic</li>
<li>Systemic</li>
</ul>
</section>
<section class="list">
<h3>T-Z</h3>
<ul>
<li>Top-down approach</li>
<li>Totemic animal</li>
<li>Tawhid</li>
<li>Trans Exclusionary Radical Feminist (TERF)</li>
<li>Trans</li>
<li class="subterm">gender</li>
<li class="subterm">man</li>
<li class="subterm">masculine</li>
<li class="subterm">phobia</li>
<li class="subterm">woman</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"> fragility</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>
</ul>
</section>
</div>
<div class="auto-grid">
<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__issue">
<p class="word__issue">
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__issue">
<p class="word__issue">
Impact
</p>
<p class="word__breakdown">By using ableist language, we are perpetuating violence against people who experience mental or psychological disabilities. Using it perpetuates those systems and language of harm, regardless of our intent.</p>
</div>
<div class="block__issue">
<p class="word__issue">
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__issue">
<p class="word__issue">
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 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__issue">
<p class="word__issue">
Issues
</p>
<p class="word__breakdown"> 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.</p>
</div>
<div class="block__issue">
<p class="word__issue">
Impact
</p>
<p class="word__breakdown">By repeatedly referring to groups as "minorities," they are being infantised and made to feel minor.</p>
</div>
<div class="block__issue">
<p class="word__issue">
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__issue">
<p class="word__issue">
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__issue">
<p class="word__issue">
Impact
</p>
<p class="word__breakdown">It removes the pejorative nature of "minorities".</p>
</div>
<div class="block__issue">
<p class="word__issue">
Alt Words
</p>
<p class="word__breakdown">
<span class="word__alt">
<a class="word__link" href="#minorities">minorities</a>, or omit
</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__issue">
<p class="word__issue">
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__issue">
<p class="word__issue">
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 (&gt;3), non-English languages first.</p>
</div>
<div class="block__issue">
<p class="word__issue">
Alt Words
</p>
<p class="word__breakdown">
<span class="word__alt">
<a class="word__link" href="#">English as learning-language (ELL)</a>, or <a class="word__link" href="#">non-native</a>, or omit (because do you really know, for sure?)
</span></p>
</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__issue">
<p class="word__issue">
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__issue">
<p class="word__issue">
Impact
</p>
<p class="word__breakdown">As such, it elicits feelings of erasure for women of colour. It also neglects non-binary individuals.</p>
</div>
<div class="block__issue">
<p class="word__issue">
Alt Words
</p>
<p class="word__breakdown">
<span class="word__alt">
<a class="word__link" href="#">people of colour and white women </a> or <a class="word__link" href="#">people of colour, white non-binary people, and white women</a>, find ways to reframe why this dynamic exists, or omit</span></p>
</div>
</section>
</div>
</main>
</body>
</html>

14
_site/css/base.css
View File

@ -296,7 +296,13 @@ p {
margin-left: -2.15rem; margin-left: -2.15rem;
} }
.word__issue { .block__type {
display: grid;
grid-template-columns: 1fr 4fr;
align-items: flex-start;
}
.word__type {
text-align: right; text-align: right;
padding-right: 1rem; padding-right: 1rem;
font-family: monotype-grotesque-condensed, Arial Narrow, sans-serif; font-family: monotype-grotesque-condensed, Arial Narrow, sans-serif;
@ -311,12 +317,6 @@ p {
font-family: monotype-grotesque-extended, Arial Black, sans-serif; font-family: monotype-grotesque-extended, Arial Black, sans-serif;
} }
.block__issue {
display: grid;
grid-template-columns: 1fr 4fr;
align-items: flex-start;
}
.word__breakdown { .word__breakdown {
font-family: monotype-grotesque, "Lucida Sans", sans-serif; font-family: monotype-grotesque, "Lucida Sans", sans-serif;
border-left: 0.1rem solid lightgrey; border-left: 0.1rem solid lightgrey;

2
_site/css/base.css.map
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AA2BF;EACE;EACA,aAba;EAcb;EACA;EAAY;;;AAGd;EACE,aAjBW;EAkBX,aAXO;;;AAcT;EACE,aAtBW;EAuBX,aAlBU;EAmBV;EACA;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAON;EAEE;IACA;;;EAGA;IACA;;;EAGA;IACA;;;EAGA;IACE;IACA;;;EAGJ;IACI;IACA;IACA;IACA;;;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,aA/MQ;EAgNR;EACA;EACA;;AAGA;EACA,aAvNa;EAwNb;;AAGA;EACA;EACA,aA7Na;;AAgOb;EACA;EAEA;EACA,aAlOW;EAmOX;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA,aA7OS;;AAgPX;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aAnSU;EAoSV;EACA;EACA;;AAGA;EACA,aA3Se;EA4Sf;;AAGA;EACA;EACA,aAjTe;;AAoTf;EACA;EAEA;EACA,aAtTa;EAuTb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACA;EACA;EACA,aAlVa;EAmVb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aA5Va;;;AA+Vb;EACE;EACA;EACA;;;AAIF;EACA,aAzWe;EA0Wf;EACA","file":"base.css"} {"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AA2BF;EACE;EACA,aAba;EAcb;EACA;EAAY;;;AAGd;EACE,aAjBW;EAkBX,aAXO;;;AAcT;EACE,aAtBW;EAuBX,aAlBU;EAmBV;EACA;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAON;EAEE;IACA;;;EAGA;IACA;;;EAGA;IACA;;;EAGA;IACE;IACA;;;EAGJ;IACI;IACA;IACA;IACA;;;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,aA/MQ;EAgNR;EACA;EACA;;AAGA;EACA,aAvNa;EAwNb;;AAGA;EACA;EACA,aA7Na;;AAgOb;EACA;EAEA;EACA,aAlOW;EAmOX;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA,aA7OS;;AAgPX;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aAnSU;EAoSV;EACA;EACA;;AAGA;EACA,aA3Se;EA4Sf;;AAGA;EACA;EACA,aAjTe;;AAoTf;EACA;EAEA;EACA,aAtTa;EAuTb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AAGF;EACA;EACA;EACA,aAxVa;EAyVb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aAlWa;;;AAqWb;EACA,aAxWe;EAyWf;EACA","file":"base.css"}

101
_site/index.html
View File

@ -253,7 +253,7 @@
<li>Viral Load</li> <li>Viral Load</li>
<li>White</li> <li>White</li>
<li class="subterm">feminism</li> <li class="subterm">feminism</li>
<li class="subterm"> fragility</li> <li class="subterm"><a class="word__link" href="#white-fragility">fragility</a></li>
<li class="subterm">-ness</li> <li class="subterm">-ness</li>
<li class="subterm"> supremacy</li> <li class="subterm"> supremacy</li>
<li class="subterm"> woman tears</li> <li class="subterm"> woman tears</li>
@ -281,20 +281,20 @@
<p class="word__definition"> <p class="word__definition">
mentally deranged; demented; insane. mentally deranged; demented; insane.
</p> </p>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Issues Issues
</p> </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> <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>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Impact Impact
</p> </p>
<p class="word__breakdown">By using ableist language, we are perpetuating violence against people who experience mental or psychological disabilities. Using it perpetuates those systems and language of harm, regardless of our intent.</p> <p class="word__breakdown">By using ableist language, we are perpetuating violence against people who experience mental or psychological disabilities. Using it perpetuates those systems and language of harm, regardless of our intent.</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Usage Tip Usage Tip
</p> </p>
<p class="word__breakdown"> <p class="word__breakdown">
@ -302,8 +302,8 @@
</p> </p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Alt Words Alt Words
</p> </p>
<p class="word__breakdown"> <p class="word__breakdown">
@ -328,21 +328,21 @@
<p class="word__definition"> <p class="word__definition">
the smaller in number of two groups constituting a whole the smaller in number of two groups constituting a whole
</p> </p>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Issues Issues
</p> </p>
<p class="word__breakdown"> 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.</p> <p class="word__breakdown"> 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.</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Impact Impact
</p> </p>
<p class="word__breakdown">By repeatedly referring to groups as "minorities," they are being infantised and made to feel minor.</p> <p class="word__breakdown">By repeatedly referring to groups as "minorities," they are being infantised and made to feel minor.</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Alt Words Alt Words
</p> </p>
<p class="word__breakdown"> <p class="word__breakdown">
@ -367,21 +367,21 @@
<p class="word__definition"> <p class="word__definition">
groups resulting from social constructs have grant less power or representation compared to other members or groups in society groups resulting from social constructs have grant less power or representation compared to other members or groups in society
</p> </p>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Benefits Benefits
</p> </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> <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>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Impact Impact
</p> </p>
<p class="word__breakdown">It removes the pejorative nature of "minorities".</p> <p class="word__breakdown">It removes the pejorative nature of "minorities".</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Alt Words Alt Words
</p> </p>
<p class="word__breakdown"> <p class="word__breakdown">
@ -406,21 +406,21 @@
<p class="word__definition"> <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 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> </p>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Issues Issues
</p> </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> <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>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Impact Impact
</p> </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 (&gt;3), non-English languages first.</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 (&gt;3), non-English languages first.</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Alt Words Alt Words
</p> </p>
<p class="word__breakdown"> <p class="word__breakdown">
@ -428,6 +428,41 @@
<a class="word__link" href="#">English as learning-language (ELL)</a>, or <a class="word__link" href="#">non-native</a>, or omit (because do you really know, for sure?) <a class="word__link" href="#">English as learning-language (ELL)</a>, or <a class="word__link" href="#">non-native</a>, or omit (because do you really know, for sure?)
</span></p> </span></p>
</section> </section>
<section class="block__word list">
<p class="word__signal">
</p>
<p id="women-poc" 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
</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 non-binary individuals.</p>
</div>
<div class="block__type">
<p class="word__type">
Alt Words
</p>
<p class="word__breakdown">
<a class="word__link" href="#">people of colour and white women </a> or <a class="word__link" href="#">people of colour, white non-binary people, and white women</a>, find ways to reframe why this dynamic exists, or omit</p>
</div>
</section>
<section class="block__word list"> <section class="block__word list">
<p class="word__signal word__signal__avoid"> <p class="word__signal word__signal__avoid">
avoid avoid
@ -443,21 +478,21 @@
<p class="word__definition"> <p class="word__definition">
often used as a phrase to encompass "non-white, non-men," seeking to provide solidarity for these two groups often used as a phrase to encompass "non-white, non-men," seeking to provide solidarity for these two groups
</p> </p>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Issues Issues
</p> </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> <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>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Impact Impact
</p> </p>
<p class="word__breakdown">As such, it elicits feelings of erasure for women of colour. It also neglects non-binary individuals.</p> <p class="word__breakdown">As such, it elicits feelings of erasure for women of colour. It also neglects non-binary individuals.</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Alt Words Alt Words
</p> </p>
<p class="word__breakdown"> <p class="word__breakdown">

15
_site/scss/base.scss
View File

@ -358,7 +358,13 @@ padding: .5rem .75rem;
} }
} }
.word__issue { .block__type {
display: grid;
grid-template-columns: 1fr 4fr;
align-items: flex-start;
}
.word__type {
text-align: right; text-align: right;
padding-right: 1rem; padding-right: 1rem;
font-family: $con-sans; font-family: $con-sans;
@ -373,13 +379,6 @@ border-bottom: darkgrey solid .1em;
font-family: $ext-sans; font-family: $ext-sans;
} }
.block__issue {
display: grid;
grid-template-columns: 1fr 4fr;
align-items: flex-start;
}
.word__breakdown { .word__breakdown {
font-family: $sans-serif; font-family: $sans-serif;
border-left: .1rem solid lightgrey; border-left: .1rem solid lightgrey;

170
index.html
View File

@ -10,14 +10,24 @@
</head> </head>
<body> <body>
<main> <main>
<section id="title" class="grid"> <section id="title">
<h1 class="title__thicc">Self-Defined</h1> <h1 class="title__thicc">Self-Defined</h1>
<p>
<span class="subtitle">A modern dictionary about us. We define our words, but they don't define us.</span><br>For now, this stands as a list only, from which you can self-educate.
Future phases will include definitions and resources.<br><br>
<span class="subtitle">Participate</span><br>
Send unlisted words to or chat about volunteering to help: <a href="https://twitter.com/tatianatmac" target="_blank">@tatianatmac on Twitter</a>.</p>
</section> </section>
<section class="auto-grid">
<p class="summary">
<span class="subtitle">A modern dictionary about us. We define our words, but they don't define us.</span><br>Self-Defined seeks to provide more inclusive, holistic, and fluid definitions to reflect the modern world.<br>
</p>
<div class="box">
<span class="subtitle">Ways to help</span>
<ol>
<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>
</p>
</div>
</section>
<div class="grid"> <div class="grid">
<section class="list"> <section class="list">
<h3>A-E</h3> <h3>A-E</h3>
@ -66,6 +76,7 @@ Future phases will include definitions and resources.<br><br>
<li>colorism</li> <li>colorism</li>
<li>Complex Post-Traumatic Stress Disorder (PTSD)</li> <li>Complex Post-Traumatic Stress Disorder (PTSD)</li>
<li>cultural appropriation</li> <li>cultural appropriation</li>
<li><a class="word__link" href=#crazy>crazy</a></li>
<li>Demi</li> <li>Demi</li>
<li class="subterm">-boy</li> <li class="subterm">-boy</li>
<li class="subterm">-girl</li> <li class="subterm">-girl</li>
@ -86,21 +97,22 @@ Future phases will include definitions and resources.<br><br>
<li>Entitlement</li> <li>Entitlement</li>
<li>Equality</li> <li>Equality</li>
<li>Equity</li> <li>Equity</li>
<li>Fem</li>
<li>Femme</li>
<li>Ethnicity</li> <li>Ethnicity</li>
</ul> </ul>
</section> </section>
<section class="list"> <section class="list">
<h3>F-L</h3> <h3>F-L</h3>
<ul> <ul>
<li>Fem</li>
<li>Femme</li>
<li>Gaslighting</li>
<li>Gender</li> <li>Gender</li>
<li class="subterm">Cis</li> <li class="subterm">Cis</li>
<li class="subterm">-Fluid</li> <li class="subterm">-Fluid</li>
<li class="subterm">Non-conforming</li>
<li class="subterm">Trans</li> <li class="subterm">Trans</li>
<li class="subterm">Queer</li> <li class="subterm">Queer</li>
<li>Gender confirmation surgery (GCS)</li> <li>Gender confirmation surgery (GCS)</li>
<li>genderqueer</li>
<li>Genocide</li> <li>Genocide</li>
<li>Governmentality</li> <li>Governmentality</li>
<li>gray ace</li> <li>gray ace</li>
@ -192,6 +204,7 @@ Future phases will include definitions and resources.<br><br>
<li class="subterm">Raciology</li> <li class="subterm">Raciology</li>
<li>Racism</li> <li>Racism</li>
<li>Racist</li> <li>Racist</li>
<li>Savage</li>
<li>Savior</li> <li>Savior</li>
<li class="subterm">White</li> <li class="subterm">White</li>
<li>Semitic</li> <li>Semitic</li>
@ -240,7 +253,7 @@ Future phases will include definitions and resources.<br><br>
<li>Viral Load</li> <li>Viral Load</li>
<li>White</li> <li>White</li>
<li class="subterm">feminism</li> <li class="subterm">feminism</li>
<li class="subterm"> fragility</li> <li class="subterm"><a class="word__link" href="#white-fragility">fragility</a></li>
<li class="subterm">-ness</li> <li class="subterm">-ness</li>
<li class="subterm"> supremacy</li> <li class="subterm"> supremacy</li>
<li class="subterm"> woman tears</li> <li class="subterm"> woman tears</li>
@ -252,7 +265,54 @@ Future phases will include definitions and resources.<br><br>
</ul> </ul>
</section> </section>
</div> </div>
<div class="grid"> <div class="auto-grid">
<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 it 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"> <section class="block__word list">
<p class="word__signal word__signal__avoid"> <p class="word__signal word__signal__avoid">
avoid avoid
@ -268,27 +328,28 @@ Future phases will include definitions and resources.<br><br>
<p class="word__definition"> <p class="word__definition">
the smaller in number of two groups constituting a whole the smaller in number of two groups constituting a whole
</p> </p>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Issues Issues
</p> </p>
<p class="word__breakdown"> 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.</p> <p class="word__breakdown"> 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.</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Impact Impact
</p> </p>
<p class="word__breakdown">By repeatedly referring to groups as "minorities," they are being infantised and made to feel minor.</p> <p class="word__breakdown">By repeatedly referring to groups as "minorities," they are being infantised and made to feel minor.</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Alt Words Alt Words
</p> </p>
<p class="word__breakdown"> <p class="word__breakdown">
<span class="word__alt"> <span class="word__alt">
<a class="word__link" href="#minoritised">minoritised</a>, or omit <a class="word__link" href="#minoritised">minoritised</a>, or omit
</span></p> </span></p>
</div>
</section> </section>
<section class="block__word list"> <section class="block__word list">
@ -306,27 +367,29 @@ Future phases will include definitions and resources.<br><br>
<p class="word__definition"> <p class="word__definition">
groups resulting from social constructs have grant less power or representation compared to other members or groups in society groups resulting from social constructs have grant less power or representation compared to other members or groups in society
</p> </p>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Benefits Benefits
</p> </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> <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>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Impact Impact
</p> </p>
<p class="word__breakdown">It removes the pejorative nature of "minorities".</p> <p class="word__breakdown">It removes the pejorative nature of "minorities".</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Alt Words Alt Words
</p> </p>
<p class="word__breakdown"> <p class="word__breakdown">
<span class="word__alt"> <span class="word__alt">
<a class="word__link" href="#minorities">minorities</a>, or omit <a class="word__link" href="#minorities">minorities</a>, or omit
</span></p> </span></p>
</div>
</section> </section>
<section class="block__word list"> <section class="block__word list">
<p class="word__signal word__signal__avoid"> <p class="word__signal word__signal__avoid">
@ -343,21 +406,21 @@ Future phases will include definitions and resources.<br><br>
<p class="word__definition"> <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 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> </p>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Issues Issues
</p> </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> <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>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Impact Impact
</p> </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 (&gt;3), non-English languages first.</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 (&gt;3), non-English languages first.</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Alt Words Alt Words
</p> </p>
<p class="word__breakdown"> <p class="word__breakdown">
@ -365,6 +428,41 @@ Future phases will include definitions and resources.<br><br>
<a class="word__link" href="#">English as learning-language (ELL)</a>, or <a class="word__link" href="#">non-native</a>, or omit (because do you really know, for sure?) <a class="word__link" href="#">English as learning-language (ELL)</a>, or <a class="word__link" href="#">non-native</a>, or omit (because do you really know, for sure?)
</span></p> </span></p>
</section> </section>
<section class="block__word list">
<p class="word__signal">
</p>
<p id="women-poc" 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
</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 non-binary individuals.</p>
</div>
<div class="block__type">
<p class="word__type">
Alt Words
</p>
<p class="word__breakdown">
<a class="word__link" href="#">people of colour and white women </a> or <a class="word__link" href="#">people of colour, white non-binary people, and white women</a>, find ways to reframe why this dynamic exists, or omit</p>
</div>
</section>
<section class="block__word list"> <section class="block__word list">
<p class="word__signal word__signal__avoid"> <p class="word__signal word__signal__avoid">
avoid avoid
@ -380,27 +478,29 @@ Future phases will include definitions and resources.<br><br>
<p class="word__definition"> <p class="word__definition">
often used as a phrase to encompass "non-white, non-men," seeking to provide solidarity for these two groups often used as a phrase to encompass "non-white, non-men," seeking to provide solidarity for these two groups
</p> </p>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Issues Issues
</p> </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> <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>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Impact Impact
</p> </p>
<p class="word__breakdown">As such, it elicits feelings of erasure for women of colour. It also neglects non-binary individuals.</p> <p class="word__breakdown">As such, it elicits feelings of erasure for women of colour. It also neglects non-binary individuals.</p>
</div> </div>
<div class="block__issue"> <div class="block__type">
<p class="word__issue"> <p class="word__type">
Alt Words Alt Words
</p> </p>
<p class="word__breakdown"> <p class="word__breakdown">
<span class="word__alt"> <span class="word__alt">
<a class="word__link" href="#">people of colour and white women </a> or <a class="word__link" href="#">people of colour, white non-binary people, and white women</a>, find ways to reframe why this dynamic exists, or omit</span></p> <a class="word__link" href="#">people of colour and white women </a> or <a class="word__link" href="#">people of colour, white non-binary people, and white women</a>, find ways to reframe why this dynamic exists, or omit</span></p>
</div>
</section> </section>
</div> </div>
</main> </main>
</body> </body>