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

Update file inclusivity.html

parent 49b72a9a
No related branches found
No related tags found
No related merge requests found
......@@ -55,13 +55,13 @@
<div class="row mt-4">
<div class="col-lg-12">
<hr>
<div class="image-container" style="display: flex; justify-content: center;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/inclusivity.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 600px;">
</div>
<div class="image-container" style="display: flex; justify-content: center;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 600px;">
</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/inclusivity.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 600px;">
</div>
</div>
</div>
......@@ -196,9 +196,6 @@
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic18.png" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 500px;">
</div>
<h4>3. High Contrast and Readability for Low Vision and Color Blindness</h4>
<div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/inclu7.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 600px;">
</div>
<h5>Why We Focused on This?</h5>
<p>Individuals with low vision or color blindness face challenges in distinguishing between colors and reading small, low-contrast text. According to the World Blind Union and research on low-vision accessibility, high-contrast color schemes and adjustable text sizes are critical for making digital content readable.</p>
<h5>How We Implemented It?</h5>
......@@ -325,10 +322,6 @@
<div class="image-container" style="display: flex; justify-content: center;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic13.png" alt="ibd_figure" class="shadowed-image" style="width: 70%; max-width: 800px;">
</div>
<div class="image-container" style="display: flex; justify-content: center; gap: 10px;">
<img src="https://static.igem.wiki/teams/5187/wiki-contribution-fig/v1.png" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 350px;">
<img src="https://static.igem.wiki/teams/5187/wiki-contribution-fig/v2.png" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 350px;">
</div>
<h4>Global Platform Approach</h4>
<p>We have taken a dual-platform approach to make our content globally accessible:</p>
<ul>
......@@ -336,6 +329,10 @@
<li>For our Chinese audience, we utilize local platforms like <b>Bilibili, Wechat post</b> ensuring that we connect with people in China who may not have access to international platforms.</li>
</ul>
<p>This strategy ensures that our educational resources are available to a broader audience, fostering <b>cross-cultural exchange</b> and making science and education accessible to people across different regions and languages. </p>
<div class="image-container" style="display: flex; justify-content: center; gap: 10px;">
<img src="https://static.igem.wiki/teams/5187/wiki-education-fig/24.png" alt="ibd_figure" class="shadowed-image" style="width: 20%; max-width: 200px;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/inclu5.png" alt="ibd_figure" class="shadowed-image" style="width: 30%; max-width: 300px;">
</div>
<p>For more information about the instructional videos, please refer to <a href="https://2024.igem.wiki/Tsinghua/education#Public" style="color: #FF5151" >Education: Public</a>.</p>
</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