✏️ Edited OCD, added labels

_site/css/base.css

@@ -79,7 +79,6 @@ h1 {
 .list li {
   list-style: none;
   padding-bottom: 0.5em;
-  text-transform: capitalize;
 }
 .list li.subterm {
   padding-left: 10px;
@@ -148,7 +147,7 @@ p {
   color: green;
 }
 .word__signal__better:before {
-  content: "👍";
+  content: "🚨";
   margin-left: -2.15rem;
 }
 .word__signal__tool {
@@ -262,13 +261,16 @@ p {
 
 .flag__red {
   background-color: pink;
-  color: black;
   font-size: 0.9rem;
   font-weight: bold;
   border-radius: 1rem;
   padding: 0.45rem 0.65rem;
-  margin: 0 0.75rem;
+  margin: 0.25rem 0.75rem;
   text-transform: lowercase;
 }
+.flag__red:before {
+  content: "🚨";
+  margin-right: 0.35rem;
+}
 
 /*# sourceMappingURL=base.css.map */

_site/css/base.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AA2BF;EACE;EACA,aAba;EAcb;EACA;EAAe;;;AAGjB;EACE,aAjBW;EAkBX,aAXO;;;AAcT;EACE,aAtBW;EAuBX,aAlBU;EAmBV;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;EACA;;AAEA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIE;EACA,aApIQ;EAqIR;EACA;EACA;;AAGA;EACA,aA5Ia;EA6Ib;;AAGA;EACA;EACA,aAlJa;;AAqJb;EACA;EAEA;EACA,aAvJW;EAwJX;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA,aA9LS;;;AAmMb;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aApOU;EAqOV;EACA;EACA;;AAGA;EACA,aA5Oe;EA6Of;;AAGA;EACA;EACA,aAlPe;;AAqPf;EACA;EAEA;EACA,aAvPa;EAwPb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AAGF;EACA;EACA;EACA,aAzRa;EA0Rb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aAnSa;;;AAsSb;EACA,aAzSe;EA0Sf;EACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"base.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AA6CF;EACE;EACA,aA/Ba;EAgCb;EACA;EAAe;;;AAGjB;EACE,aAnCW;EAoCX,aA7BO;;;AAgCT;EACE,aAxCW;EAyCX,aApCU;EAqCV;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,aArJQ;EAsJR;EACA;EACA;;AAGA;EACA,aA7Ja;EA8Jb;;AAGA;EACA;EACA,aAnKa;;AAsKb;EACA;EAEA;EACA,aAxKW;EAyKX;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EArKF;EAQA;;AAmKA;EACA;;AAEE;EA9KF;EAQA;;AA4KA;EACE;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA,aA/MS;;;AAoNb;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aArPU;EAsPV;EACA;EACA;;AAGA;EACA,aA7Pe;EA8Pf;;AAGA;EACA;EACA,aAnQe;;AAsQf;EACA;EAEA;EACA,aAxQa;EAyQb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AAGF;EACA;EACA;EACA,aA1Sa;EA2Sb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aApTa;;;AAuTb;EACA,aA1Te;EA2Tf;EACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAzTA;EAYA","file":"base.css"}

_site/index.html

@@ -46,7 +46,8 @@
             <li class="subterm">Indigenous</li>
             <li>Ambulatory Wheelchair</li>
             <li>Ancestors</li>
-            <li>Anti-blackness</li>
+            <li>Anti-</li>
+            <li class="subterm">blackness</li>
             <li>Anxiety disorders</li>
             <li>aromantic</li>
             <li>Asian</li>
@@ -62,8 +63,8 @@
             <li class="subterm">Sexual</li>
             <li>Autism spectrum</li>
             <li>Bias</li>
-            <li>bierasure</li>
+            <li>Bierasure</li>
-            <li>bipolar</li>
+            <li>Bipolar <br><span class="flag__red">medical appropriation</span></li>
             <li>Bisexual</li>
             <li>Black Asian Minority Ethnic (BAME)</li>
             <li>Black Indigenous People of Color (BIPOC)</li>
@@ -83,6 +84,7 @@
             <li>Complex Post-Traumatic Stress Disorder (PTSD)</li>
             <li>cultural appropriation</li>
       			<li><a class="word__link" href=#crazy>crazy</a><span class="flag__red">ableist slur</span></li>
+            <li>Crippled <span class="flag__red">ableist slur</span></li>
             <li>Demi</li>
             <li class="subterm">-boy</li>
             <li class="subterm">-girl</li>
@@ -90,8 +92,8 @@
             <li class="subterm">-sexual</li>
             <li>deaf and Deaf</li>
             <li>Disability</li>
-            <li>disabled</li>
+            <li>Disabled</li>
-            <li>discordant couples</li>
+            <li>Discordant couples</li>
             <li>Discrimination</li>
             <li>Dominant culture</li>
             <li>Dominant culture habits</li>
@@ -133,7 +135,8 @@
             <li>Hispanic</li>
             <li>Human Immunodeficiency Virus (HIV)</li>
             <li>Homophobia</li>
-            <li>hormone Replacement therapy (HRT)</li>
+            <li>Hormone Replacement Therapy (HRT)</li>
+            <li>Idiot <span class="flag__red">ableist slur</span></li>
             <li>Illness</li>
             <li class="subterm">Chronic</li>
             <li>Immigrant</li>
@@ -147,29 +150,37 @@
             <li>intersex</li>
             <li>invisible disabilities</li>
             <li>Jihad</li>
+            <li>Lame <span class="flag__red">ableist slur</span></li>
             <li>Latinx</li>
+            <li>Lunatic <span class="flag__red">ableist slur</span></li>
           </ul>
         </section>
 
         <section class="list">
           <h3>M-S</h3>
           <ul>
+            <li>Maniac <span class="flag__red">ableist slur</span></li>
             <li>Marginalized</li>
             <li>Matriarchy</li>
             <li>Medication sensitive</li>
-            <li>Militarization</li>
+            <li>Midget <span class="flag__red">ableist slur</span></li>
+            <li>Militarisation</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>Moron <span class="flag__red">ableist slur</span></li>
             <li>Neurodivergent</li>
+            <li>Neurodiverse</li>
             <li>Neurotypical</li>
+            <li>N-word <span class="flag__red">racist slur</span></li>
             <li>non binary</li>
             <li>-normative</li>
             <li class="subterm">Cis-</li>
             <li class="subterm">Hetero-</li>
-            <li><a class="word__link" href="#ocd">Obsessive Compulsive Disorder (OCD)</a></li>
+            <li>nuts <span class="flag__red">ableist slur</span></li>
+            <li><a class="word__link" href="#ocd">Obsessive Compulsive Disorder (OCD)</a><br><span class="flag__red">medical appropriation</span></li>
             <li>Oppression</li>
-            <li class="subterm">Internalized</li>
+            <li class="subterm">Internalised</li>
             <li>Other specified feeding or eating disorders (OSFED)</li>
             <li>Panic attacks</li>
             <li>Pansexual</li>
@@ -190,7 +201,7 @@
             <li class="subterm">Queer</li>
             <li>Polyamory</li>
             <li>Positivism</li>
-            <li>Post-Traumatic Stress Disorder</li> 
+            <li>Post-Traumatic Stress Disorder (PTSD)</li> 
             <li>power</li>
             <li>Poz</li>
             <li>Prejudice</li>
@@ -203,6 +214,8 @@
             <li class="subterm">Cis</li>
             <li class="subterm">Monosexual</li>
             <li class="subterm">White</li>
+            <li>Psych <span class="flag__red">ableist slur</span></li>
+            <li>Psychopath <span class="flag__red">ableist slur</span></li>
             <li>Race</li>
             <li class="subterm">Racial</li>
             <li class="subterm">Contract</li>
@@ -211,7 +224,8 @@
             <li class="subterm">Raciology</li>
             <li>Racism</li>
             <li>Racist</li>
-            <li>Savage</li>
+            <li>R-tard <span class="flag__red">ableist slur</span></li>
+      			<li>Savage<span class="flag__red">racist slur</span></li>
             <li>Savior</li>
             <li class="subterm">White</li>
             <li>Semitic</li>
@@ -227,7 +241,8 @@
             <li class="subterm">cis</li>
             <li class="subterm">man</li>
             <li class="subterm">white</li>
-            <li>Spirit animal</li>
+            <li>Spirit animal<br><span class="flag__red">cultural appropriation</span></li>
+            <li>Stupid <span class="flag__red">ableist slur</span></li>
             <li>Systematic</li>
             <li>Systemic</li>
           </ul>	
@@ -236,10 +251,11 @@
         <section class="list">
           <h3>T-Z</h3>
           <ul>
+            <li>-tard <span class="flag__red">ableist slur</span></li>
             <li>Top-down approach</li>
             <li>Totemic animal</li>
             <li>Tawhid</li>
-            <li>Trans Exclusionary Radical Feminist (TERF)</li>
+            <li>Tranny <span class="flag__red">anti-trans slur</span></li>
             <li>Trans</li>
             <li class="subterm">femme</li>
             <li class="subterm">gender</li>
@@ -247,6 +263,7 @@
             <li class="subterm">masculine</li>	
             <li class="subterm">phobia</li>
             <li class="subterm">woman</li>
+            <li>Trans Exclusionary Radical Feminist (TERF)</li>
             <li>Tribe</li>
             <li>Triggers</li>
             <li>Two-spirited</li>
@@ -298,7 +315,7 @@
 				    <p class="word__type">
 					    Impact
 				    </p>
-				    <p class="word__breakdown">By using ableist language, we are perpetuating violence against people who experience mental or psychological disabilities. Using it perpetuates those systems and language of harm, regardless of our intent.</p>
+				    <p class="word__breakdown">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>
 			    </div>
 			    <div class="block__type">
 				    <p class="word__type">
@@ -490,7 +507,7 @@
 
         <section class="block__word list">
           <p class="word__signal word__signal__avoid">
-            avoid—Ableist slur
+            avoid—Medical Appropriation
           </p>
           <p class="word__title" id="ocd">
             Obsessive Compulsive Disorder (OCD)
@@ -505,13 +522,15 @@
             <p class="word__type">
               Issues
             </p>
-            <p class="word__breakdown">OCD is commonly misued to highlight personality quirks or fussiness, usually involving a preference for order or cleanliness. Use of 'OCD' as a noun or adgective in this manner diminishes the actual condition, resulting in reductive and over-normalised perception of a someone with these specific mental or psychiatric disabilities.</p>
+            <p class="word__breakdown">OCD is commonly misused to highlight personality quirks or fussiness, usually involving a preference for order or cleanliness. Use of 'OCD' as a noun or adjective in this manner diminishes the actual condition, resulting in reductive and over-normalised perception of a someone with these specific mental or psychiatric disabilities.</p>
           </div>
           <div class="block__type">
             <p class="word__type">
               Impact
             </p>
-            <p class="word__breakdown">By using ableist language, we are perpetuating violence against people who experience mental or psychological disabilities. Using it perpetuates those systems and language of harm, regardless of our intent.</p>
+            <p class="word__breakdown">
+            By conflating arbitrary quirks or behaviours with OCD, we are invalidating OCD as a medical condition and the people who experience it.
+            Generally by using medically appropriative language, we are invalidating the existences of people with OCD, minimising their experiences, 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>
           </div>
           <div class="block__type">
             <p class="word__type">
@@ -527,7 +546,7 @@
             </p>
             <p class="word__breakdown">
               <span class="word__alt">
-                conscientious, exact, fastidious, fussy, meticulous, particular, precise, thorough
+                conscientious, exact, fastidious, fussy, meticulous, nitpicky, particular, precise, quirky, thorough
               </span>
             </p>
           </div>

_site/scss/base.scss

@@ -31,6 +31,24 @@
   $medium: 500;
   $bold: 700;
 
+//MIXINS
+
+@mixin icon__avoid() {
+  content: "🚨";
+}
+
+@mixin icon__alt() {
+  content: "👍";
+}
+
+@mixin icon__hanging() {
+  margin-left: -2.15rem;
+}
+
+@mixin icon__embed() {
+  margin-right: .35rem;
+}
+
 body {
   border-top: 1rem solid red;
   font-family: $sans-serif;
@@ -112,7 +130,6 @@ h1 {
     li {
       list-style: none;
       padding-bottom: .5em;
-      text-transform: capitalize;
 
       &.subterm {
       padding-left: 10px;
@@ -183,8 +200,8 @@ font-style: italic;
     color: red;
     
     &:before {
-      content: "🚨";
+      @include icon__avoid();
-      margin-left: -2.15rem;
+      @include icon__hanging();
     }
   }
   
@@ -192,8 +209,8 @@ font-style: italic;
   color: green;
     
     &:before  {
-      content: "👍";
+      @include icon__avoid();
-      margin-left: -2.15rem;
+      @include icon__hanging();
       }
   }
 
@@ -323,12 +340,15 @@ padding-left: 1rem;
 }
 
 .flag__red {
-  background-color: pink;
+  background-color: rgb(255, 192, 203);
-  color: black;
   font-size: .9rem;
   font-weight: bold;
   border-radius: 1rem;
   padding: .45rem .65rem;
-  margin: 0 .75rem;
+  margin: .25rem .75rem;
   text-transform: lowercase;
+  &:before {
+    @include icon__avoid();
+    @include icon__embed();
+  }
 }