From 938d59328abfd956d64e635458978fc8fec33b9e Mon Sep 17 00:00:00 2001
From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn>
Date: Tue, 24 Sep 2024 06:18:22 +0000
Subject: [PATCH] Update file inclusivity.html
---
wiki/pages/inclusivity.html | 34 ++++++++++++++++++++--------------
1 file changed, 20 insertions(+), 14 deletions(-)
diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html
index dea92505..c51ae47e 100644
--- a/wiki/pages/inclusivity.html
+++ b/wiki/pages/inclusivity.html
@@ -69,27 +69,33 @@
<div class="row mt-4">
<div class="col-lg-12">
- <h2 id="Future generations">
- <h2>Future generations</h2>
- <hr>
- <p>we believe that real change and the power to shape the future begins today. Education is the foundation of that change, and it starts from a young age. By inspiring future generations—especially middle schoolers and even younger audiences—we can nurture a passion for science early on. </p>
+ <h2 id="Future-generations">Future generations</h2>
+ <hr>
+ <p>We believe that real change and the power to shape the future begins today. Education is the foundation of that change, and it starts from a young age. By inspiring future generations—especially middle schoolers and even younger audiences—we can nurture a passion for science early on.</p>
<p>People are most curious when they are young, and this curiosity enhances their brain's ability to learn, helping them retain information even if the subject is not initially interesting to them. This makes fostering curiosity in childhood essential for long-term learning and growth.</p>
<p>To achieve this, we created an engaging and easy-to-understand animation video designed to capture the attention of young minds. Our goal is to make science fun, relatable, and exciting for them.</p>
</div>
- <div class="images-wrapper" style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
- <div class="image-container" style="flex: 1; min-width: 200px; max-width: 350px;">
- <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic3.png" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
- </div>
- <div class="image-container" style="flex: 1; min-width: 200px; max-width: 350px;">
- <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic4.jpg" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
+ </div>
+ <div class="row">
+ <div class="col-lg-12">
+ <div class="images-wrapper" style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
+ <div class="image-container" style="flex: 1; min-width: 200px; max-width: 350px;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic3.png" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
+ </div>
+ <div class="image-container" style="flex: 1; min-width: 200px; max-width: 350px;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic4.jpg" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
+ </div>
</div>
</div>
-
- </div>
- <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
- <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic5.jpg" alt="ibd_figure" class="shadowed-image" style="width: 30%; max-width: 350px;">
+ </div>
+ <div class="row">
+ <div class="col-lg-12">
+ <div class="image-container" style="display: flex; justify-content: center;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic5.jpg" alt="ibd_figure" class="shadowed-image" style="width: 30%; max-width: 350px;">
+ </div>
</div>
</div>
+
<div class="row mt-4">
<div class="col-lg-12">
--
GitLab