Merge pull request #20 from TartanLlama/master

➕ Add definitions for some sexualities and genders

_site/index.html

@@ -72,7 +72,7 @@
             <li>Bias</li>
             <li>Bierasure</li>
             <li>Bipolar <br><span class="flag__red">medical appropriation</span></li>
-            <li>Bisexual</li>
+            <li><a class="word__link" href="#bisexual">Bisexual</a></li>
             <li>Black Asian Minority Ethnic (BAME)</li>
             <li>Black Indigenous People of Color (BIPOC)</li>
             <li>Black</li>	
@@ -83,7 +83,7 @@
             <li>Bropropriating</li>
             <li>Burka</li>
             <li>Child of a Deaf Adult (CODA)</li>
-            <li>cisgender</li>
+            <li><a class="word__link" href="#cisgender">Cisgender</a></li>
             <li>Climate change</li>
             <li>Colonial narrative</li>
             <li>Colonialism</li>
@@ -181,7 +181,7 @@
             <li>Neurodiverse</li>
             <li>Neurotypical</li>
             <li>N-word <span class="flag__red">racist slur</span></li>
-            <li>non binary</li>
+            <li><a class="word__link" href="#non-binary">Non-binary</a></li>
             <li>-normative</li>
             <li class="subterm">Cis-</li>
             <li class="subterm">Hetero-</li>
@@ -191,7 +191,7 @@
             <li class="subterm">Internalised</li>
             <li>Other specified feeding or eating disorders (OSFED)</li>
             <li>Panic attacks</li>
-            <li>Pansexual</li>
+            <li><a class="word__link" href="#pansexual">Pansexual</a></li>
             <li>-passing</li>
             <li class="subterm">cis-</li>
             <li class="subterm">female-</li>
@@ -241,6 +241,8 @@
             <li>settler</li>
             <li class="subterm">colonial mentality</li>
             <li>Sexual</li>
+            <li class="subterm"><a class="word__link" href="#bisexual">Bi-</a></li>
+            <li class="subterm"><a class="word__link" href="#pansexual">Pan-</a></li>
             <li class="subterm"> assault of a minor</li>
             <li class="subterm"> orientation</li>
             <li>Socially constructed</li>
@@ -266,7 +268,7 @@
             <li>Tranny <span class="flag__red">anti-trans slur</span></li>
             <li>Trans</li>
             <li class="subterm">femme</li>
-            <li class="subterm">gender</li>
+            <li class="subterm"><a class="word__link" href="#transgender">gender</a></li>
             <li class="subterm">man</li>
             <li class="subterm">masculine</li>	
             <li class="subterm">phobia</li>
@@ -348,6 +350,56 @@
           </div>
         </section>
 
+        <section class="block__word list">
+          <p class="word__signal"></p>
+          <p class="word__title" id="bisexual">
+            Bisexual
+            <span class="word__speech">
+              adj
+            </span>
+          </p>
+          
+          <p class="word__definition">
+            of, relating to, or characterized by being sexually attracted to more than one gender.
+          </p>
+
+          <div class="block__type">
+            <p class="word__type">
+              Note
+            </p>
+            <p class="word__breakdown">
+              <span class="word__alt">
+                Bisexuality does not preclude attraction to <a class="word__link" href="#non-binary">non-binary</a> or <a class="word__link" href="#transgender">transgender</a> people.
+              </span>
+            </p>
+          </div>
+
+          <div class="block__type">
+              <p class="word__type">
+                Further Reading
+              </p>
+              <ul class="word__breakdown">
+                <li><a class="word__link" href="http://www.bisexualindex.org.uk/index.php/AmIBisexual" rel="noreferrer">Am I Bisexual?</a></li>
+              </ul>
+            </div>
+        </section>
+
+        <section class="block__word list">
+          <p class="word__signal"></p>
+          <p class="word__title" id="cisgender">
+            Cisgender
+            <span class="word__speech">
+              adj
+            </span>
+          </p>
+          
+          <p class="word__definition">
+            of, relating to, or characterized by being a gender that matches the gender they were assigned at birth.<br><br>
+            
+            The opposite of <a class="word__link" href="#transgender">transgender</a>.
+          </p>
+        </section>
+
 	      <section class="block__word list">
 			    <p class="word__signal word__signal__avoid">
 				    avoid—Ableist slur
@@ -548,6 +600,37 @@
           </div>
         </section>
 
+        <section class="block__word list">
+          <p class="word__signal"></p>
+          <p class="word__title" id="non-binary">
+            Non-binary
+            <span class="word__speech">
+              adj
+            </span>
+          </p>
+          
+          <p class="word__definition">
+            of, relating to, or characterized by being any gender that does not fit into the male-female gender binary; an umbrella term.<br><br>
+            
+            For example, a non-binary person may have some gender between male and female, have multiple genders, no gender, a culturally-specific gender (e.g., two-spirit). 
+          
+          </p>
+
+          <div class="block__type">
+            <p class="word__type">
+              Note
+            </p>
+            <p class="word__breakdown">
+              <span class="word__alt">
+                Non-binary people may or may not also identify as <a class="word__link" href="#transgender">transgender</a>.<br><br>
+
+                Although non-binary is commonly used as an umbrella term, just because someone identifies as a term under the umbrella, does not necessarily imply that they identify as non-binary as well. For example, someone may be agender, but not identify with the term "non-binary".
+              </span>
+            </p>
+          </div>
+        </section>
+
+
         <section class="block__word list">
           <p class="word__signal word__signal__avoid">
             avoid—Medical Appropriation
@@ -595,6 +678,30 @@
           </div>
         </section>
   
+        <section class="block__word list">
+          <p class="word__signal"></p>
+          <p class="word__title" id="pansexual">
+            Pansexual
+            <span class="word__speech">
+              adj
+            </span>
+          </p>
+          
+          <p class="word__definition">
+            someone who is sexually attracted to people regardless of their gender, or to people of any gender.
+          </p>
+
+          <div class="block__type">
+            <p class="word__type">
+              Further Reading
+            </p>
+            <p class="word__breakdown">
+          <span class="word__alt">
+            <a class="word__link" href="https://www.teenvogue.com/story/what-is-pansexuality">Pansexuality and Being Pansexual: Everything You Need to Know</a>
+          </span>
+        </div>
+        </section>
+
         <section class="block__word list">
 			<p class="word__signal word__signal__tool">
           White Supremacy Tool
@@ -629,6 +736,22 @@
 
 		</section>
 
+    <section class="block__word list">
+      <p class="word__signal"></p>
+      <p class="word__title" id="transgender">
+        Transgender
+        <span class="word__speech">
+          adj
+        </span>
+      </p>
+      
+      <p class="word__definition">
+        of, relating to, or characterized by a gender that they were assigned at birth.<br><br>
+        
+        The opposite of <a class="word__link" href="#cisgender">cisgender</a>.
+      </p>
+    </section>
+
         <section class="block__word list">
           <p class="word__signal word__signal__tool">
             White Supremacy Tool