🎨 Hero styling

This commit is contained in:
tatianamac 2019-11-01 15:23:02 -07:00
parent 897d2822cb
commit 13bd6b9829

View File

@ -11,17 +11,22 @@
<body> <body>
<main> <main>
<section id="title"> <section id="introduction" class="auto-grid">
<div id="title">
<h1 class="title__thicc">Self-Defined</h1> <h1 class="title__thicc">Self-Defined</h1>
</section> <p>A modern dictionary about us.<br>We define our words, but they don't define us.</p>
</div>
<section class="auto-grid"> <div>
<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> Self-Defined seeks to provide more inclusive, holistic, and fluid definitions to reflect the the diverse perspectives of the modern world.
</p> </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"> <div class="box">
<span class="subtitle">Ways to help</span> <p class="subtitle">Ways to help</p>
<ol> <ol class="help">
<li> Submit words and definitions through <a href="https://github.com/tatianamac/selfdefined/pulls" rel="noreferral">pull requests</a>.</li> <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>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>
@ -44,7 +49,7 @@
<li>Anti-blackness</li> <li>Anti-blackness</li>
<li>Anxiety disorders</li> <li>Anxiety disorders</li>
<li>aromantic</li> <li>aromantic</li>
<li class="subterm">Asian</li> <li>Asian</li>
<li class="subterm">East</li> <li class="subterm">East</li>
<li class="subterm">South</li> <li class="subterm">South</li>
<li class="subterm">Southeast</li> <li class="subterm">Southeast</li>
@ -77,7 +82,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><span class="flag__red">ableist slur</span></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>
@ -159,7 +164,7 @@
<li>Neurodivergent</li> <li>Neurodivergent</li>
<li>Neurotypical</li> <li>Neurotypical</li>
<li>non binary</li> <li>non binary</li>
<li>-Normative</li> <li>Normative</li>
<li class="subterm">cis</li> <li class="subterm">cis</li>
<li class="subterm">hetero</li> <li class="subterm">hetero</li>
<li><a class="word__link" href="#ocd">Obsessive Compulsive Disorder (OCD)</a></li> <li><a class="word__link" href="#ocd">Obsessive Compulsive Disorder (OCD)</a></li>