Added simple CSS and HTML layout with chapter-like headers on the right.

wiki/pages/inclusivity.html

@@ -5,6 +5,45 @@
 
 {% block page_content %}
 
+<style>
+    p {
+        font-size:14pt;
+        text-align: justify;
+    }
+    .chapter-parent {
+        display: flex;
+    }
+    .chapter-heading {
+        writing-mode: vertical-rl;
+        text-orientation: sideways;
+        text-decoration: underline;
+        font-weight: bold;
+        margin-left: -15px;
+    }
+    .chapter {
+
+    }
+</style>
+
+<div class="chapter-parent">
+    <div class="chapter">
+        <p>
+            We, the Radboud iGEM team, believe that science and research are done best when it is shaped by diverse voices.
+            We see that a research team which has members with diverse scientific backgrounds can tackle challenges more easily than research teams containing members of only a singular background.
+            Therefore, the Radboud iGEM team found it of the utmost importance to reach out to people with all kinds of backgrounds during our recruitment.
+            Since this is the first time that a team from Radboud University has taken part in iGEM, we wanted to ensure a future for iGEM within our university by sharing our enthusiasm with lower-year students and giving them the opportunity to get involved in iGEM next year.
+        </p>
+    </div>
+    <div class="chapter-heading">
+        <p style="font-size: 25pt">
+            Introduction
+        </p>
+    </div>
+</div>
+
+
+
+<!--
 <div class="row mt-4">
   <div class="col">
     <div class="bd-callout bd-callout-info">
@@ -34,5 +73,5 @@
     </ul>
   </div>
 </div>
-
+-->
 {% endblock %}