Add definitions for bisexual, pansexual, transgender, cisgender, and non-binary

_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>	
@@ -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>Non-binary</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>
@@ -347,6 +349,45 @@
           </div>
         </section>
 
+        <section>
+          <p class="word__title" id="bisexual">
+            Bisexual
+            <span class="word__speech">
+              adj
+            </span>
+          </p>
+          
+          <p class="word__definition">
+            someone who is sexually attracted to two or more genders.
+          </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>
+        </section>
+
+        <section>
+          <p class="word__title" id="cisgender">
+            Cisgender
+            <span class="word__speech">
+              adj
+            </span>
+          </p>
+          
+          <p class="word__definition">
+            someone whose gender 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
@@ -547,6 +588,36 @@
           </div>
         </section>
 
+        <section>
+          <p class="word__title" id="non-binary">
+            Non-Binary
+            <span class="word__speech">
+              adj
+            </span>
+          </p>
+          
+          <p class="word__definition">
+            someone whose gender does not fit into the male-female gender binary.<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 often used as an umbrella term for multiple gender identities, some people who fall under that umbrella may not themselves use the descriptor "non-binary".
+              </span>
+            </p>
+          </div>
+        </section>
+
+
         <section class="block__word list">
           <p class="word__signal word__signal__avoid">
             avoid—Medical Appropriation
@@ -594,6 +665,29 @@
           </div>
         </section>
   
+        <section>
+          <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
@@ -628,6 +722,21 @@
 
 		</section>
 
+    <section>
+      <p class="word__title" id="transgender">
+        Transgender
+        <span class="word__speech">
+          adj
+        </span>
+      </p>
+      
+      <p class="word__definition">
+        someone whose gender does not match the gender 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