selfdefined/dist/index.html
tatianamac 6d5445ecc5 update
2019-11-26 14:50:43 -08:00

176 lines
4.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
>
<title>selfdefined</title>
<meta
name="description"
content="A modern dictionary about us."
>
<link
rel="stylesheet"
href="assets/css/base.css"
>
</head>
<body>
<main>
<section id="introduction" class="auto-grid">
<div id="title">
<h1 class="title__thicc">Self-Defined</h1>
<p>A modern dictionary about us.<br>We define our words, but they don't define us.</p>
</div>
<div>
<p class="summary">
Self-Defined seeks to provide more inclusive, holistic, and fluid definitions to reflect 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>
<section>
<h2>Table of Content</h2>
<div class="auto-grid list">
<ul>
<li>
Bierasure
</li>
<li><a
href=#bisexual
class="word__link"
>
Bisexual
</a>
</li>
<li>
Colonialism
</li>
<li><a
href=#crazy
class="word__link"
>
crazy<span class="flag__red">ableist-slur</span>
</a>
</li>
<li>
Intersectionality
</li>
<li>
Psychopath<span class="flag__red">ableist-slur</span>
</li>
</ul>
</div>
</section>
<section>
<h2>Words</h2>
<div class="auto-grid">
<article id=bisexual class="block__word word">
<h3 class="word__title">
Bisexual
<span class="word__speech">adj</span>
</h3>
<p>of, relating to, or characterised by being sexually attracted to more than one gender.</p>
<hr>
<h4>Note</h4>
<p>Bisexuality does not preclude attraction to <a href="#non-binary">non-binary</a> or <a href="#transgender">transgender</a> people.</p>
<h4>Further Reading</h4>
<p><a href="http://www.bisexualindex.org.uk/index.php/AmIBisexual">Am I Bisexual?</a></p>
</article>
<article id=crazy class="block__word word">
<h3 class="word__title">
crazy
<span class="word__speech">noun</span>
</h3>
<p>mentally deranged; demented; insane.</p>
<h4>Issues</h4>
<p>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>
<h4>Impact</h4>
<p>By using ableist language, we are perpetuating violence against people who experience mental or psychological disabilities. Using this language perpetuates those systems and language of harm, regardless of our intent.</p>
<h4>Usage Tip</h4>
<p>Be more specific. Typically we can find an alternate definition by simply reflecting on what emotion we're really feeling.</p>
<h4>Alt words</h4>
<ul class="list-semicolon">
<li>abundant</li>
<li>bizarre</li>
<li>enormous</li>
<li>ludicrous</li>
<li>outlandish</li>
<li>ridiculous</li>
<li>unbelievable</li>
<li>unexpected</li>
<li>unfamiliar</li>
<li>unreal</li>
<li>scary</li>
<li>shocking</li>
<li>strange</li>
<li>wicked</li>
</ul>
</article>
</div>
</section>
</main>
</body>