From b1ecbaac675952c14338253e85b0efc195e55b16 Mon Sep 17 00:00:00 2001
From: Timofej Bliki <timofej.bliki@ru.nl>
Date: Fri, 27 Sep 2024 20:17:51 +0200
Subject: [PATCH] Added simple CSS and HTML layout with chapter-like headers on
the right.
---
wiki/pages/inclusivity.html | 41 ++++++++++++++++++++++++++++++++++++-
1 file changed, 40 insertions(+), 1 deletion(-)
diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html
index dd6fa09..7784cd2 100644
--- a/wiki/pages/inclusivity.html
+++ b/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 %}
--
GitLab