diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html index aa0dca1cd296c3d0ea1088ab117eee50856c95ba..218b9ca26b9f5a2fb2338356f28b262934962b4f 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>