Skip to content
Snippets Groups Projects
Commit b9cbcad8 authored by HouTeng Chan's avatar HouTeng Chan
Browse files

Update file inclusivity.html

parent f223e97c
No related branches found
No related tags found
No related merge requests found
......@@ -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>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment