diff --git a/wiki/pages/education.html b/wiki/pages/education.html index 48bb8663ea57b070a4a0dcd026ae193ac14a1f62..2fe77b1ac688d80473f78b7e5343706f982b47a7 100644 --- a/wiki/pages/education.html +++ b/wiki/pages/education.html @@ -105,6 +105,7 @@ <img src="https://static.igem.wiki/teams/5187/wiki-education-fig/16.jpg" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 350px;"> <img src="https://static.igem.wiki/teams/5187/wiki-education-fig/17.jpg" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 350px;"> </div> + </div> </div> diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html index 6ef04ce8f3ae8d03c0a94484f8d88bf439f3ba23..9cf6892819adb73e25bc6c8d8330036825432110 100644 --- a/wiki/pages/inclusivity.html +++ b/wiki/pages/inclusivity.html @@ -294,9 +294,35 @@ <li>Multilingual Versions: Our promotional videos were produced in <b>Mandarin Chinese, Arabic, English, French and Dutch</b>. This allowed us to reach even broader audiences through dynamic, visual storytelling that was accessible to speakers of these major languages.</li> <li>Subtitles and Audio: We added subtitles and audio tracks in the respective languages to ensure that viewers with hearing impairments or language barriers could fully understand and engage with the content. </li> </ul> - <div class="image-container" style="display: flex; justify-content: center;"> - <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic12.png" alt="ibd_figure" class="shadowed-image" style="width: 70%; max-width: 700px;"> + <div class="image-container" style="display: flex; justify-content: center; gap: 10px;"> + <img src="https://static.igem.wiki/teams/5187/wiki-education-fig/1.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 400px;"> + <img src="https://static.igem.wiki/teams/5187/wiki-education-fig/2.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 400px;"> </div> + <div class="image-container" style="display: flex; justify-content: center; gap: 10px;"> + <img src="https://static.igem.wiki/teams/5187/wiki-education-fig/3.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 400px;"> + <img src="https://static.igem.wiki/teams/5187/wiki-education-fig/4.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 400px;"> + </div> + <p> + <a href="https://static.igem.wiki/teams/5187/wiki-education-fig/brochure-2024-english.pdf" target="_blank" rel="noopener noreferrer" style="color: #FF5151"> + Science Popularization Manual in English (click me to open the Manual!) + </a> + </p> + <p> + <a href="https://static.igem.wiki/teams/5187/wiki-education-fig/brochure-2024-chinese.pdf" target="_blank" rel="noopener noreferrer" style="color: #FF5151"> + Science Popularization Manual in Chinese (click me to open the Manual!) + </a> + </p> + <p> + <a href="https://static.igem.wiki/teams/5187/wiki-education-fig/brochure-2024-french.pdf" target="_blank" rel="noopener noreferrer" style="color: #FF5151"> + Science Popularization Manual in French (click me to open the Manual!) + </a> + </p> + <p> + <a href="https://static.igem.wiki/teams/5187/wiki-education-fig/brochure-2024-arabic.pdf" target="_blank" rel="noopener noreferrer" style="color: #FF5151"> + Science Popularization Manual in Arabic (click me to open the Manual!) + </a> + </p> + <h3>Educational Content</h3> <p>To make our educational content accessible to a wider audience and foster inclusivity, we ensured that our materials are produced in both English and Chinese. This bilingual approach allows us to reach a diverse audience, bridging cultural and linguistic gaps.</p> <h4>Detailed Lab Experiment Videos</h4>