From faeb6a74902dd18f0d793eb8c0e814b72c105515 Mon Sep 17 00:00:00 2001
From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn>
Date: Mon, 30 Sep 2024 12:38:58 +0000
Subject: [PATCH] Update file inclusivity.html
---
wiki/pages/inclusivity.html | 16 ++++++++++------
1 file changed, 10 insertions(+), 6 deletions(-)
diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html
index 2a7dd9bb..2bf6b76f 100644
--- a/wiki/pages/inclusivity.html
+++ b/wiki/pages/inclusivity.html
@@ -63,8 +63,6 @@
</div>
</div>
-
-
<div class="row mt-4">
<div class="col-lg-12">
<h2 id="Future generations">
@@ -84,14 +82,20 @@
<ul>
<li>Project Introduction Video: This animated video introduces our project in an engaging way, using <b>bright visuals, colorful characters, and simple narration</b> to explain what we do. The animation style is designed to capture the attention of children, making it easier for them to stay focused and absorb the information.
<p> </p>
- <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic16.png" alt="ibd_figure" class="shadowed-image" style="width: 45%; max-width: 450px;align-items: center;">
+ <div style="text-align: center;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic16.png" alt="ibd_figure" class="shadowed-image" style="width: 45%; max-width: 450px;">
+ </div>
<p> </p>
</li>
<li>15-Minute IBD Educational Video: One of our cornerstone videos is a 15-minute-long animation focused on <b>IBD (Inflammatory Bowel Disease)</b>. We took great care to explain the condition in a way that children can understand, using <b>cartoon characters</b> to represent different parts of the body and explaining the symptoms and treatments in a <b>relatable and non-scary way</b>.
- <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic17.png" alt="IBD_educational_video" style="width: 50%; max-width: 500px;">
+ <div style="text-align: center;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic17.png" alt="IBD_educational_video" style="width: 50%; max-width: 500px;">
+ </div>
<br>
- <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic3.png" alt="IBD_character_1" style="width: 45%; max-width: 450px; display: inline-block;">
- <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic5.jpg" alt="IBD_character_2" style="width: 45%; max-width: 450px; display: inline-block;">
+ <div style="text-align: center;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic3.png" alt="IBD_character_1" style="width: 45%; max-width: 450px; display: inline-block; height: 200px; object-fit: cover;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic5.jpg" alt="IBD_character_2" style="width: 45%; max-width: 450px; display: inline-block; height: 200px; object-fit: cover;">
+ </div>
</li>
</ul>
<p>ADD LZF PART HERE </p>
--
GitLab