mirror of
https://github.com/fooflington/selfdefined.git
synced 2025-01-23 01:40:10 +00:00
🎨 Tidy indentation & validate HTML
This commit is contained in:
Myles Lewando
parent
e6d76ae5d9
commit
915c8cc2df
69
index.html
69
index.html
@ -7,12 +7,14 @@
|
||||
<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://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
</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>
|
||||
@ -24,11 +26,10 @@
|
||||
<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">
|
||||
<h3>A-E</h3>
|
||||
<ul>
|
||||
@ -76,7 +77,7 @@
|
||||
<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><a class="word__link" href="#crazy">crazy</a></li>
|
||||
<li>Demi</li>
|
||||
<li class="subterm">-boy</li>
|
||||
<li class="subterm">-girl</li>
|
||||
@ -93,13 +94,14 @@
|
||||
<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><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>
|
||||
@ -151,7 +153,7 @@
|
||||
<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="#minorities">Minorities</a></li>
|
||||
<li><a class="word__link" href="#minoritised">Minoritised</a></li>
|
||||
<li>Misogynoir</li>
|
||||
<li>Neurodivergent</li>
|
||||
@ -187,7 +189,6 @@
|
||||
<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>
|
||||
@ -195,7 +196,6 @@
|
||||
<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>
|
||||
@ -265,19 +265,18 @@
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="auto-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>
|
||||
@ -301,7 +300,6 @@
|
||||
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
|
||||
@ -309,7 +307,8 @@
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
abundant, bizarre, enormous, ludicrous, outlandish, ridiculous, unbelievable, unexpected, unfamiliar, unreal, scary, shocking, strange, wicked
|
||||
</span></p>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -317,14 +316,12 @@
|
||||
<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>
|
||||
@ -340,7 +337,6 @@
|
||||
</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__type">
|
||||
<p class="word__type">
|
||||
Alt Words
|
||||
@ -348,7 +344,8 @@
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
<a class="word__link" href="#minoritised">minoritised</a>, or omit
|
||||
</span></p>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -356,14 +353,12 @@
|
||||
<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>
|
||||
@ -379,7 +374,6 @@
|
||||
</p>
|
||||
<p class="word__breakdown">It removes the pejorative nature of "minorities".</p>
|
||||
</div>
|
||||
|
||||
<div class="block__type">
|
||||
<p class="word__type">
|
||||
Alt Words
|
||||
@ -387,22 +381,21 @@
|
||||
<p class="word__breakdown">
|
||||
<span class="word__alt">
|
||||
<a class="word__link" href="#minorities">minorities</a>, or omit
|
||||
</span></p>
|
||||
|
||||
</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>
|
||||
@ -418,7 +411,6 @@
|
||||
</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
|
||||
@ -426,51 +418,48 @@
|
||||
<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>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</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>
|
||||
@ -486,18 +475,18 @@
|
||||
</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">
|
||||
<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>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user