diff --git a/docs/.vuepress/components/HumanPractices.vue b/docs/.vuepress/components/HumanPractices.vue index 4f175b991dc55d313b1d18a8a7c7923b8b604e5f..b64ec1c10deac33127136962d8311fd49141250d 100644 --- a/docs/.vuepress/components/HumanPractices.vue +++ b/docs/.vuepress/components/HumanPractices.vue @@ -101,6 +101,7 @@ <p>While working on the project, thought was also put into the means of actual implementation of our engineered organisms. As such, the below chamber system was designed, in order to visualise the closed system envisioned by the team. </p> <!-- Chamber System Video --> + <div style="text-align: center;"> <h4 style="color: #396d7e;"> <b>Video 1.</b> Natronaut's 3D Chamber System Model.</h4> <figure style="margin: 0; display: block; text-align: center;"> <div style="border-radius: 15px; overflow: hidden;"> @@ -113,10 +114,11 @@ sandbox="allow-same-origin allow-scripts allow-popups allow-forms"> </iframe> </div> - <figcaption style="font-size: 14px; color: #333; text-align: left; width: 100%; margin: 0;"> + <figcaption style="font-size: 14px; color: #333; text-align: center; width: 100%; margin: 0;"> 3D rendering created by Natronaut team member Jakub Cichocki, with the 3D modelling software <a href="https://www.blender.org/"target="_blank" style="text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">Blender</a> and video created with <a href="https://www.canva.com/" style="text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'"> Canva</a>. </figcaption> </figure> + </div> <p style="color: #333;"> As can be seen, the system is composed of six distinct sections: </p> @@ -192,6 +194,7 @@ </p> <!-- Day in the life video 1 --> + <div style="text-align: center;"> <h4 style="color: #396d7e;"><b>Video 2.</b> Day in the Life of an iGEM Member: Dry Lab</h4> <figure style="margin: 0; display: block; text-align: center;"> <div style="border-radius: 15px; overflow: hidden;"> @@ -204,10 +207,11 @@ sandbox="allow-same-origin allow-scripts allow-popups allow-forms"> </iframe> </div> - <figcaption style="font-size: 14px; color: #333; text-align: left; width: 100%; margin: 0;"> + <figcaption style="font-size: 14px; color: #333; text-align: center; width: 100%; margin: 0;"> This video follows a day in the life of Natronaut team member Maria Sole Zanetti, during the dry lab period of Natronaut's journey. </figcaption> </figure> + </div> <p style="color: #333;"> Additionally, after this video was posted, the team received requests for a similar video once the laboratory work was set, to see the practical aspects behind iGEM. This is why, later on, a second video was posted. </p> @@ -216,6 +220,7 @@ </p> <!-- Day in the life video 2 --> + <div style="text-align: center;"> <h4 style="color: #396d7e;"><b>Video 3.</b> Day in the Life of an iGEM Member: Wet Lab</h4> <figure style="margin: 0; display: block; text-align: center;"> <div style="border-radius: 15px; overflow: hidden;"> @@ -228,10 +233,11 @@ sandbox="allow-same-origin allow-scripts allow-popups allow-forms"> </iframe> </div> - <figcaption style="font-size: 14px; color: #333; text-align: left; width: 100%; margin: 0;"> + <figcaption style="font-size: 14px; color: #333; text-align: center; width: 100%; margin: 0;"> This video follows a day in the life of Natronaut team member Devyani Ravi, during the wet lab period of Natronaut's journey. </figcaption> </figure> + </div> <p style="color: #333;">The team even received a few private messages responding to the video, asking for more details on the iGEM experience and how to apply to the program. </p> @@ -681,7 +687,7 @@ <img src="https://static.igem.wiki/teams/5306/human-practices/wageningen-picture.webp" alt="Natronaut at the 2024 SynBioNL Event" - width="60%" + width="80%" style="border-radius: 15px;" title="Natronaut at the 2024 SynBioNL Event" /> @@ -705,7 +711,7 @@ <img src="https://static.igem.wiki/teams/5306/human-practices/img1-utrecht.webp" alt="Natronaut Presentation at the Dutch iGEM 2024 Meet" - width="60%" + width="80%" style="border-radius: 15px;" title="Natronaut Presentation at the Dutch iGEM 2024 Meet" />