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

🎨 Tidy indentation & validate HTML

Browse Source
This commit is contained in:
Myles Lewando 2019-10-21 23:41:19 +01:00
parent e6d76ae5d9
commit 915c8cc2df
1 changed files with 474 additions and 485 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
index.html
View File

@ -7,12 +7,14 @@
<title>Self-Defined &middot; A modern dictionary about us. We define our words, but they don't define us.</title> <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 rel="stylesheet" href="css/base.css">
<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet"> <link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
</head> </head>
<body>
<main> <body>
<main>
<section id="title"> <section id="title">
<h1 class="title__thicc">Self-Defined</h1> <h1 class="title__thicc">Self-Defined</h1>
</section> </section>
<section class="auto-grid"> <section class="auto-grid">
<p class="summary"> <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> <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>
@ -24,11 +26,10 @@
<li>Sponsor this work through <a href="https://github.com/sponsors/tatianamac">GitHub Sponsors</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> <li>Volunteer writing, design, dev help by <a href="http://www.twitter.com/tatianatmac">DMing me @tatianatmac on Twitter</a>.</li>
</ol> </ol>
</p>
</div> </div>
</section> </section>
<div class="grid"> <div class="grid">
<section class="list"> <section class="list">
<h3>A-E</h3> <h3>A-E</h3>
<ul> <ul>
@ -76,7 +77,7 @@
<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><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>
@ -93,13 +94,14 @@
<li>Egalitarian</li> <li>Egalitarian</li>
<li>Empathy</li> <li>Empathy</li>
<li>enby</li> <li>enby</li>
<li><a href="#esl" class="word__link">English as a Second Language (ESL)</a></li> <li><a class="word__link" href="#esl">English as a Second Language (ESL)</a></li>
<li>Entitlement</li> <li>Entitlement</li>
<li>Equality</li> <li>Equality</li>
<li>Equity</li> <li>Equity</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>
@ -151,7 +153,7 @@
<li>Matriarchy</li> <li>Matriarchy</li>
<li>Medication sensitive</li> <li>Medication sensitive</li>
<li>Militarization</li> <li>Militarization</li>
<li><a class="word__link" href=#minorities>Minorities</a></li> <li><a class="word__link" href="#minorities">Minorities</a></li>
<li><a class="word__link" href="#minoritised">Minoritised</a></li> <li><a class="word__link" href="#minoritised">Minoritised</a></li>
<li>Misogynoir</li> <li>Misogynoir</li>
<li>Neurodivergent</li> <li>Neurodivergent</li>
@ -187,7 +189,6 @@
<li>Prejudice</li> <li>Prejudice</li>
<li>Pride</li> <li>Pride</li>
<li>Pride, First (Anti-Police Riots)</li> <li>Pride, First (Anti-Police Riots)</li>
<li>Prophylaxis</li> <li>Prophylaxis</li>
<li class="subterm">Pre-exposure (PreEP)</li> <li class="subterm">Pre-exposure (PreEP)</li>
<li class="subterm">Post-exposure (PEP)</li> <li class="subterm">Post-exposure (PEP)</li>
@ -195,7 +196,6 @@
<li class="subterm">Cis</li> <li class="subterm">Cis</li>
<li class="subterm">Monosexual</li> <li class="subterm">Monosexual</li>
<li class="subterm">White</li> <li class="subterm">White</li>
<li>Race</li> <li>Race</li>
<li class="subterm">Racial</li> <li class="subterm">Racial</li>
<li class="subterm">Contract</li> <li class="subterm">Contract</li>
@ -265,19 +265,18 @@
</ul> </ul>
</section> </section>
</div> </div>
<div class="auto-grid">
<div class="auto-grid">
<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—Ableist slur avoid—Ableist slur
</p> </p>
<p class="word__title" id="crazy"> <p class="word__title" id="crazy">
crazy crazy
<span class="word__speech"> <span class="word__speech">
noun noun
</span> </span>
</p> </p>
<p class="word__definition"> <p class="word__definition">
mentally deranged; demented; insane. mentally deranged; demented; insane.
</p> </p>
@ -301,7 +300,6 @@
Be more specific. Typically we can find an alternate definition by simply reflecting on what emotion we're really feeling. Be more specific. Typically we can find an alternate definition by simply reflecting on what emotion we're really feeling.
</p> </p>
</div> </div>
<div class="block__type"> <div class="block__type">
<p class="word__type"> <p class="word__type">
Alt Words Alt Words
@ -309,7 +307,8 @@
<p class="word__breakdown"> <p class="word__breakdown">
<span class="word__alt"> <span class="word__alt">
abundant, bizarre, enormous, ludicrous, outlandish, ridiculous, unbelievable, unexpected, unfamiliar, unreal, scary, shocking, strange, wicked abundant, bizarre, enormous, ludicrous, outlandish, ridiculous, unbelievable, unexpected, unfamiliar, unreal, scary, shocking, strange, wicked
</span></p> </span>
</p>
</div> </div>
</section> </section>
@ -317,14 +316,12 @@
<p class="word__signal word__signal__avoid"> <p class="word__signal word__signal__avoid">
avoid avoid
</p> </p>
<p class="word__title" id="minorities"> <p class="word__title" id="minorities">
minorities minorities
<span class="word__speech"> <span class="word__speech">
noun noun
</span> </span>
</p> </p>
<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>
@ -340,7 +337,6 @@
</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__type"> <div class="block__type">
<p class="word__type"> <p class="word__type">
Alt Words Alt Words
@ -348,7 +344,8 @@
<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> </div>
</section> </section>
@ -356,14 +353,12 @@
<p class="word__signal word__signal__better"> <p class="word__signal word__signal__better">
Better Alternate Better Alternate
</p> </p>
<p id="minoritised" class="word__title"> <p id="minoritised" class="word__title">
minoritised minoritised
<span class="word__speech"> <span class="word__speech">
adj adj
</span> </span>
</p> </p>
<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>
@ -379,7 +374,6 @@
</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__type"> <div class="block__type">
<p class="word__type"> <p class="word__type">
Alt Words Alt Words
@ -387,22 +381,21 @@
<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> </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">
avoid avoid
</p> </p>
<p id="esl" class="word__title"> <p id="esl" class="word__title">
English as second language (ESL) English as second language (ESL)
<span class="word__speech"> <span class="word__speech">
noun noun
</span> </span>
</p> </p>
<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>
@ -418,7 +411,6 @@
</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__type"> <div class="block__type">
<p class="word__type"> <p class="word__type">
Alt Words Alt Words
@ -426,51 +418,48 @@
<p class="word__breakdown"> <p class="word__breakdown">
<span class="word__alt"> <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?) <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>
</div>
</section> </section>
<section class="block__word list"> <section class="block__word list">
<p class="word__signal word__signal__tool"> <p class="word__signal word__signal__tool">
White Supremacy Tool White Supremacy Tool
</p> </p>
<p id="white-fragility" class="word__title"> <p id="white-fragility" class="word__title">
white fragility white fragility
<span class="word__speech"> <span class="word__speech">
noun noun
</span> </span>
</p> </p>
<p class="word__definition"> <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). 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> </p>
<div class="block__type"> <div class="block__type">
<p class="word__type"> <p class="word__type">
Impact Impact
</p> </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> <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>
<div class="block__type"> <div class="block__type">
<p class="word__type"> <p class="word__type">
Further Reading Further Reading
</p> </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> <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> </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">
avoid avoid
</p> </p>
<p id="women-poc" class="word__title"> <p id="women-poc" class="word__title">
women and people of colour women and people of colour
<span class="word__speech"> <span class="word__speech">
noun noun
</span> </span>
</p> </p>
<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>
@ -486,18 +475,18 @@
</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__type"> <div class="block__type">
<p class="word__type"> <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> </div>
</section> </section>
</div> </div>
</main> </main>
</body> </body>
</html> </html>