From b9cbcad8588f3e5a329d7b85eb9a0faf3eba67ea Mon Sep 17 00:00:00 2001
From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn>
Date: Sat, 28 Sep 2024 10:19:15 +0000
Subject: [PATCH] Update file inclusivity.html
---
wiki/pages/inclusivity.html | 10 +++-------
1 file changed, 3 insertions(+), 7 deletions(-)
diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html
index aa0dca1c..218b9ca2 100644
--- a/wiki/pages/inclusivity.html
+++ b/wiki/pages/inclusivity.html
@@ -59,7 +59,7 @@
</div>
<p>At MuScure, we believe that science thrives when everyone is included. Inclusive science not only reflects the diversity of our world but also unlocks new ideas, insights, and innovations that can change lives. Through our project, we have identified several focus areas: gender, accessibility needs, socioeconomic status, global outreach, and empowering future generations. These areas shape our commitment to ensure that our work is accessible, impactful, and empowering for all communities. Together, we can create a world where diverse minds contribute to groundbreaking discoveries that benefit all of humanity.</p>
<div class="image-container" style="display: flex; justify-content: center;">
- <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic2.png" alt="ibd_figure" class="shadowed-image" style="width: 40%; max-width: 400px;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic2.png" alt="ibd_figure" class="shadowed-image" style="width: 45%; max-width: 450px;">
</div>
</div>
</div>
@@ -78,13 +78,9 @@
</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: 600px;">
+ <div class="image-container" style="display: flex; justify-content: center; gap: 10px;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic3.png" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 500px;">
- </div>
- <div class="image-container" style="flex: 1; min-width: 200px; max-width: 600px;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic4.jpg" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 500px;">
- </div>
</div>
</div>
</div>
@@ -148,7 +144,7 @@
<h3>Booklet</h3>
<p>Similarly, we applied these design principles to our booklet by using high-contrast colors and readable fonts for users with low vision or color blindness. Additionally, we created an audiobook version for individuals who are blind or for those who simply prefer listening to books, ensuring that the content is accessible to everyone.</p>
<div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
- <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic12.png" alt="ibd_figure" class="shadowed-image" style="width: 80%; max-width: 800px;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic12.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 600px;">
</div>
</div>
</div>
--
GitLab