🔡 Typographic changes

This commit is contained in:
tatianamac
2019-10-21 15:17:24 -04:00
parent f95f04adaa
commit fe09f8e8c3
5 changed files with 129 additions and 238 deletions

View File

@ -10,25 +10,32 @@
</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 id="introduction" class="auto-grid">
<div id="title" class="title__thicc">
<h1>Self-Defined</h1>
</div>
<div>
<p class="summary">
<span class="subtitle">A modern dictionary about us. We define our words, but they don't define us.</span><br><br>
</p>
<p>
Self-Defined seeks to provide more inclusive, holistic, and fluid definitions to reflect the the diverse perspectives of the modern world.
</p>
<p>
With the foundation of vocabulary, we can begin to understand lived experiences of people different than us. Words can provide us with a sense of identify and allow us to find kinship through common experiences.
</p>
</div>
<div class="box">
<p class="subtitle">Ways to help</p>
<ol class="help">
<li> Submit words and definitions through <a href="https://github.com/tatianamac/selfdefined/pulls" rel="noreferral">pull requests</a>.</li>
<li>Sponsor this work through <a href="https://github.com/sponsors/tatianamac">GitHub Sponsors</a>.</li>
<li>Volunteer writing, design, dev help by <a href="http://www.twitter.com/tatianatmac">DMing me @tatianatmac on Twitter</a>.</li>
</ol>
</div>
</section>
<div class="grid">
</div>
<div class="auto-grid">
<section class="list">
<h3>A-E</h3>
<ul>
@ -455,7 +462,10 @@
<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>
<ul class="word__breakdown">
<li><a class="word__link" href="https://robindiangelo.com/publications/" rel="noreferrer">White Fragility</a>, Robin DiAngelo;</li>
<li><a class="word__link" href="https://www.theroot.com/tag/white-fragility" rel="noreferrer">White Fragility tag</a>, <em>The Root</em></a>.</li>
</ul>
</div>
</section>
@ -478,22 +488,30 @@
<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>
<p class="word__breakdown">What happens to women of colour? Women of colour are conceptually split between their identies as both women and as 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>
<p class="word__breakdown">The term can elicit feelings of erasure for women of colour. It also neglects non-binary individuals.</p>
</div>
<div class="block__type">
<p class="word__type">
Usage Tips
</p>
<p class="word__breakdown">
<span class="word__alt">
Before determining which term to use, consider the purpose of identifying this aggregate group of people. If you mean "women" and are including "non-binary people" without taking actions to truly include them, then you should reconsider your usage.</span></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="#">minoritised genders, people of minoritised genders, people of colour, white non-binary people, and white women</a>, find ways to reframe why this dynamic exists, or omit</span></p>
minoritised genders; people of minoritised genders; people of colour and white women; people of colour, white non-binary people, and white women</a>; or omit</span></p>
</div>
</section>