mirror of
https://github.com/fooflington/selfdefined.git
synced 2025-10-31 14:18:32 +00:00
update
This commit is contained in:
tatianamac
1
dist/assets/css/base.css
vendored
Normal file
1
dist/assets/css/base.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
@import url("https://use.typekit.net/qlo3dpu.css");:root{--auto-grid-min-size: 17rem}body{border-top:1rem solid red;font-family:monotype-grotesque,"Lucida Sans",sans-serif;font-size:20px;padding:2rem;margin:0}h1{font-family:monotype-grotesque-extended,Arial Black,sans-serif;font-weight:700}.subtitle{font-family:monotype-grotesque-extended,Arial Black,sans-serif;font-weight:400;letter-spacing:0.1;grid-column:span 2}.summary{grid-column:span 2}.small{font-size:0.75em}.title__thicc{font-size:8vh;line-height:0.75;padding:0;margin:0.5rem 0rem;grid-column:span 2}.help{margin:1rem 0}.help li{margin:0.75rem 0}.grid{display:grid;grid-template-columns:repeat(4, [col] 1fr [col]);grid-template-rows:fit-content, fit-content, auto;grid-row-gap:10rem;grid-column-gap:4rem}.auto-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));grid-gap:1rem}.box{background:black;color:white;padding:1rem;margin:1rem 0.5rem;height:auto}.box a{color:white}.list ul{padding:0 0 0 1em;margin:0}.list li{list-style:none;padding-bottom:0.5em}.list li.subterm{padding-left:10px}.list li:last-child{padding:0}.list li.subterm:before{content:'\21B3 ';padding-right:5px}.block__dictionary{max-width:50rem;margin-left:auto;margin-right:auto;padding:0 1rem}.block__word{display:flex;flex-direction:column;margin:1rem}p{margin:0.75rem 0;font-size:1.25rem}.style__italics{font-style:italic}.word__title{font-family:orpheuspro,Palatino,Times,serif;font-weight:900;font-size:2.5rem;line-height:1.25;margin:0}.word>p:first-of-type,.word__definition{font-family:monotype-grotesque,"Lucida Sans",sans-serif;font-size:1.5rem}.word__speech{font-size:0.5em;font-family:monotype-grotesque,"Lucida Sans",sans-serif}.word__signal{border-top:1px solid currentcolor;display:inline-block;font-family:monotype-grotesque-extended,Arial Black,sans-serif;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.15rem;padding:0.5rem 0.75rem}.word__signal__avoid{color:red}.word__signal__avoid:before{content:'🚨';margin-left:-2.15rem}.word__signal__better{color:green}.word__signal__better:before{content:'🚨';margin-left:-2.15rem}.word__signal__tool{color:black}.word__signal__tool:before{content:'🧰';margin-left:-2.15rem}.word__link{text-decoration:none;color:black;border-bottom:darkgrey solid 0.1em;font-family:monotype-grotesque-extended,Arial Black,sans-serif;margin:1rem 0}.word__link:hover{border-bottom:red solid 0.1rem}.block__dictionary{max-width:50rem;margin-left:auto;margin-right:auto;padding:0 1rem}.auto-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));grid-gap:1rem}.block__word{grid-column:span 2;display:flex;flex-direction:column;margin:1rem}p{margin:0.75rem 0;font-size:1.25rem;line-height:1.25}.style__italics{font-style:italic}.word__title{font-family:orpheuspro,Palatino,Times,serif;font-weight:900;font-size:2.5rem;line-height:1.25}.word__definition{font-family:monotype-grotesque,"Lucida Sans",sans-serif;font-size:1.5rem}.word__speech{font-size:0.5em;font-family:monotype-grotesque,"Lucida Sans",sans-serif}.word__signal{border-top:1px solid currentcolor;display:inline-block;font-family:monotype-grotesque-extended,Arial Black,sans-serif;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.15rem;padding:0.5rem 0.75rem}.word__signal__avoid{color:red}.word__signal__avoid:before{content:'🚨';margin-left:-2.15rem}.word__signal__better{color:green}.word__signal__better:before{content:'👍';margin-left:-2.15rem}.block__type{display:grid;grid-template-columns:1fr 4fr;align-items:flex-start}.word__type{text-align:right;padding-right:1rem;font-family:monotype-grotesque-condensed,Arial Narrow,sans-serif;font-size:0.85rem;text-transform:uppercase}.word__link{text-decoration:none;color:black;border-bottom:darkgrey solid 0.1em;font-family:monotype-grotesque-extended,Arial Black,sans-serif}.word__breakdown{font-family:monotype-grotesque,"Lucida Sans",sans-serif;border-left:0.1rem solid lightgrey;padding-left:1rem}.flag__red{background-color:pink;font-size:0.9rem;font-weight:bold;border-radius:1rem;padding:0.45rem 0.65rem;margin:0.25rem 0.75rem;text-transform:lowercase}.flag__red:before{content:'🚨';margin-right:0.35rem}.list-semicolon{margin:0;padding:0;list-style:none}.list-semicolon>li{display:inline}.list-semicolon>li:not(:last-child)::after{content:'; '}
|
||||
1
dist/assets/css/base.css.map
vendored
Normal file
1
dist/assets/css/base.css.map
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AAiDF;EACE;EACA,aAnCa;EAoCb;EACA;EAAe;;;AAGjB;EACE,aAvCW;EAwCX,aAjCO;;;AAoCT;EACE,aA5CW;EA6CX,aAxCU;EAyCV;EACA;;;AAGF;EACE;;;AAGF;EACI;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAKA;EACE;;AACF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIE;EACA,aAzJQ;EA0JR;EACA;EACA;;AAGA;EACA,aAjKa;EAkKb;;AAGA;EACA;EACA,aAvKa;;AA0Kb;EACA;EACA;EACA,aA3KW;EA4KX;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAxKF;EAYA;;AAkKA;EACA;;AAEE;EAjLF;EAYA;;AA2KA;EACE;;AAEA;EAlLF;EAIA;;AAsLA;EACE;EACA;EACA;EACA,aAlNS;EAmNT;;AAEA;EACE;;;AAMN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aA7PU;EA8PV;EACA;EACA;;AAGA;EACA,aArQe;EAsQf;;AAGA;EACA;EACA,aA3Qe;;AA8Qf;EACA;EAEA;EACA,aAhRa;EAiRb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AAGF;EACA;EACA;EACA,aAlTa;EAmTb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aA5Ta;;;AA+Tb;EACA,aAlUe;EAmUf;EACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAjUA;EAgBA","file":"base.css"}
|
||||
0
dist/definitions/bierasure/index.html
vendored
Normal file
0
dist/definitions/bierasure/index.html
vendored
Normal file
6
dist/definitions/bisexual/index.html
vendored
Normal file
6
dist/definitions/bisexual/index.html
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
<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>
|
||||
0
dist/definitions/colonialism/index.html
vendored
Normal file
0
dist/definitions/colonialism/index.html
vendored
Normal file
7
dist/definitions/crazy/index.html
vendored
Normal file
7
dist/definitions/crazy/index.html
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
<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>
|
||||
0
dist/definitions/intersectionality/index.html
vendored
Normal file
0
dist/definitions/intersectionality/index.html
vendored
Normal file
0
dist/definitions/psychopath/index.html
vendored
Normal file
0
dist/definitions/psychopath/index.html
vendored
Normal file
175
dist/index.html
vendored
Normal file
175
dist/index.html
vendored
Normal file
@@ -0,0 +1,175 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user