mirror of
https://github.com/fooflington/selfdefined.git
synced 2025-04-20 16:39:09 +00:00
🎨 Added small styling
This commit is contained in:
tatianamac
parent
dd29657d2d
commit
2ef568a20b
@ -5,8 +5,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
border-top: 1rem solid red;
|
||||||
font-family: monotype-grotesque, "Lucida Sans", sans-serif;
|
font-family: monotype-grotesque, "Lucida Sans", sans-serif;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@ -73,8 +76,11 @@ li.subterm:before {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
.title__thicc {
|
||||||
font-size: 3em;
|
font-size: 9vw;
|
||||||
|
line-height: 0.75;
|
||||||
|
padding: 0;
|
||||||
|
margin: -1.5rem -2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AA2BF;EACE,aAZa;EAab;;;AAGF;EACE,aAfW;EAgBX,aATO;;;AAYT;EACE,aApBW;EAqBX,aAhBU;EAiBV;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAKF;EAEE;IACA;;;EAGA;IACA;;;EAGA;IACA;;;EAGA;IACE;IACA;;;EAGF;IACE;;;EAGF;IACE;;;AAIJ;EACE;IACA;;;EAGA;IACE;;;EAGF;IACE;IACA;;;EAGF;IACA;IACA;;;EAGA;IACE;IACA;;;EAGF;IACA;;;EAGA;IACE;;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;EAEE;IACE;IACA;;;EAGD;IACC;IACA;;;EAGD;IACC;IACA;;;EAGF;IACA;IACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIE;EACA,aAvLQ;EAwLR;EACA;EACA;;AAGA;EACA,aA/La;EAgMb;;AAGA;EACA;EACA,aArMa;;AAwMb;EACA;EAEA;EACA,aA1MW;EA2MX;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA,aArNS;;AAwNX;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aA1QU;EA2QV;EACA;EACA;;AAGA;EACA,aAlRe;EAmRf;;AAGA;EACA;EACA,aAxRe;;AA2Rf;EACA;EAEA;EACA,aA7Ra;EA8Rb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACA;EACA;EACA,aAzTa;EA0Tb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aAnUa;;;AAsUb;EACE;EACA;EACA;;;AAIF;EACA,aAhVe;EAiVf;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;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAKF;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,aA5LQ;EA6LR;EACA;EACA;;AAGA;EACA,aApMa;EAqMb;;AAGA;EACA;EACA,aA1Ma;;AA6Mb;EACA;EAEA;EACA,aA/MW;EAgNX;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA,aA1NS;;AA6NX;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aA/QU;EAgRV;EACA;EACA;;AAGA;EACA,aAvRe;EAwRf;;AAGA;EACA;EACA,aA7Re;;AAgSf;EACA;EAEA;EACA,aAlSa;EAmSb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACA;EACA;EACA,aA9Ta;EA+Tb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aAxUa;;;AA2Ub;EACE;EACA;EACA;;;AAIF;EACA,aArVe;EAsVf;EACA","file":"base.css"}
|
||||||
@ -10,13 +10,12 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main>
|
||||||
<section id="title" class="grid">
|
<section id="title" class="auto-grid">
|
||||||
<h1>Self-Defined</h1>
|
<h1 class="title__thicc">Self-Defined</h1>
|
||||||
<p>
|
<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.
|
<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.</p>
|
Future phases will include definitions and resources.<br><br>
|
||||||
<p>
|
<span class="subtitle">Participate</span><br>
|
||||||
<span class="subtitle">Participate</span><br/>
|
|
||||||
Send unlisted words to or chat about volunteering to help: <a href="http://www.twitter.com/tatianatmac" target="_blank">@tatianatmac on Twitter</a>.</p>
|
Send unlisted words to or chat about volunteering to help: <a href="http://www.twitter.com/tatianatmac" target="_blank">@tatianatmac on Twitter</a>.</p>
|
||||||
</section>
|
</section>
|
||||||
<div class="grid">
|
<div class="grid">
|
||||||
|
|||||||
@ -32,8 +32,10 @@
|
|||||||
$bold: 700;
|
$bold: 700;
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
border-top: 1rem solid red;
|
||||||
font-family: $sans-serif;
|
font-family: $sans-serif;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
padding: 0; margin:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@ -107,8 +109,11 @@ li {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
.title__thicc {
|
||||||
font-size: 3em;
|
font-size: 9vw;
|
||||||
|
line-height: .75;
|
||||||
|
padding: 0;
|
||||||
|
margin: -1.5rem -2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
|
|||||||
201
index.html
201
index.html
@ -9,20 +9,18 @@
|
|||||||
<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>
|
<body>
|
||||||
<main class="grid">
|
<main>
|
||||||
<div class="item" id="title">
|
<section id="title" class="auto-grid">
|
||||||
<h1>Self-Defined</h1>
|
<h1 class="title__thicc">Self-Defined</h1>
|
||||||
</div>
|
<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.
|
||||||
<div class="item" id="description">
|
Future phases will include definitions and resources.<br><br>
|
||||||
<h2>A modern dictionary about us. We define our words, but they don't define us.</h2>
|
<span class="subtitle">Participate</span><br>
|
||||||
<p>For now, this stands as a list only, from which you can self-educate.
|
Send unlisted words to or chat about volunteering to help: <a href="http://www.twitter.com/tatianatmac" target="_blank">@tatianatmac on Twitter</a>.</p>
|
||||||
Future phases will include definitions and resources.</p>
|
</section>
|
||||||
<h3>Participate</h3>
|
<div class="grid">
|
||||||
<p>Send unlisted words to or chat about volunteering to help: <a href="http://www.twitter.com/tatianatmac" target="_blank">@tatianatmac on Twitter</a>.</p>
|
<section class="list">
|
||||||
</div>
|
<h3>A-E</h3>
|
||||||
|
|
||||||
<div class="list">
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>Ablelism</li>
|
<li>Ablelism</li>
|
||||||
<li>American</li>
|
<li>American</li>
|
||||||
@ -82,12 +80,18 @@ Future phases will include definitions and resources.</p>
|
|||||||
<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>Entitlement</li>
|
<li>Entitlement</li>
|
||||||
<li>Equality</li>
|
<li>Equality</li>
|
||||||
<li>Equity</li>
|
<li>Equity</li>
|
||||||
<li>Fem</li>
|
<li>Fem</li>
|
||||||
<li>Femme</li>
|
<li>Femme</li>
|
||||||
<li>Ethnicity</li>
|
<li>Ethnicity</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
<section class="list">
|
||||||
|
<h3>F-L</h3>
|
||||||
|
<ul>
|
||||||
<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>
|
||||||
@ -123,14 +127,17 @@ Future phases will include definitions and resources.</p>
|
|||||||
<li>Jihad</li>
|
<li>Jihad</li>
|
||||||
<li>Latinx</li>
|
<li>Latinx</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</section>
|
||||||
<div class="list">
|
|
||||||
|
<section class="list">
|
||||||
|
<h3>M-S</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Marginalized</li>
|
<li>Marginalized</li>
|
||||||
<li>Matriarchy</li>
|
<li>Matriarchy</li>
|
||||||
<li>Medication sensitive</li>
|
<li>Medication sensitive</li>
|
||||||
<li>Militarization</li>
|
<li>Militarization</li>
|
||||||
<li>Minority</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>Misogynoir</li>
|
||||||
<li>Neurodivergent</li>
|
<li>Neurodivergent</li>
|
||||||
<li>Neurotypical</li>
|
<li>Neurotypical</li>
|
||||||
@ -200,6 +207,12 @@ Future phases will include definitions and resources.</p>
|
|||||||
<li>Spirit animal</li>
|
<li>Spirit animal</li>
|
||||||
<li>Systematic</li>
|
<li>Systematic</li>
|
||||||
<li>Systemic</li>
|
<li>Systemic</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="list">
|
||||||
|
<h3>T-Z</h3>
|
||||||
|
<ul>
|
||||||
<li>Top-down approach</li>
|
<li>Top-down approach</li>
|
||||||
<li>Totemic animal</li>
|
<li>Totemic animal</li>
|
||||||
<li>Tawhid</li>
|
<li>Tawhid</li>
|
||||||
@ -232,8 +245,160 @@ Future phases will include definitions and resources.</p>
|
|||||||
<li class="subterm"> women (WW)</li>
|
<li class="subterm"> women (WW)</li>
|
||||||
<li>White supremacist capitalist patriarchy</li>
|
<li>White supremacist capitalist patriarchy</li>
|
||||||
<li>womanism</li>
|
<li>womanism</li>
|
||||||
|
<li><a class="word__link" href="#women-poc">Women and people of colour</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="auto-grid">
|
||||||
|
<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>
|
||||||
|
</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>
|
||||||
|
</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 (>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>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user