From 3dda9c792a56853408bb529b6850002df824c8ca Mon Sep 17 00:00:00 2001
From: Natasha Nunez <n.nunez@student.maastrichtuniversity.nl>
Date: Sun, 29 Sep 2024 16:57:10 +0000
Subject: [PATCH] center vids caps/titles
---
docs/.vuepress/components/HumanPractices.vue | 16 +++++++++++-----
1 file changed, 11 insertions(+), 5 deletions(-)
diff --git a/docs/.vuepress/components/HumanPractices.vue b/docs/.vuepress/components/HumanPractices.vue
index 4f175b9..b64ec1c 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"
/>
--
GitLab