diff --git a/static/style.css b/static/style.css
index 5b0c9e0885019e907c2dc768f000f6307e3ece2c..211773cf5acda80c4515ad765bd9606a831293e3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -496,7 +496,7 @@ a[href^="#ref"] { /* Styling all hyperlinks */
width: 100%;
height: 100%;
transform: translateX(20px); /* Shift the animation 20px to the right */
- transform: translateY(-20px);
+ transform: translateY(-40px);
}
}
@@ -510,10 +510,11 @@ a[href^="#ref"] { /* Styling all hyperlinks */
}
#moving-bacterium {
- width: 500%;
- height: 500%;
+ width: 100%;
+ height: 100%;
margin-top: 200px;
- /* transform: translateY(100px); */
+ transform: translateY(40px);
+ transform: translateY(-40px);
}
}
@@ -1640,6 +1641,26 @@ html {
margin: 0 0 auto 15px; /* Adds spacing between logos */
}
+/* Default icon size for larger screens */
+.social-icons img {
+ width: 30px;
+ vertical-align: middle;
+ filter: invert(100%) brightness(200%);
+}
+
+/* For smaller screens (phones) */
+@media (max-width: 768px) {
+ .social-icons img {
+ width: 20px; /* Reduce icon size on smaller screens */
+ }
+}
+
+/* For even smaller screens (very small phones) */
+@media (max-width: 480px) {
+ .social-icons img {
+ width: 15px; /* Further reduce icon size on very small screens */
+ }
+}
diff --git a/wiki/footer.html b/wiki/footer.html
index 04f2542eb4b2f6a3432c91a79ff01b467901927f..24af6993352a7244d72682579ad63bb6cb18c7a6 100644
--- a/wiki/footer.html
+++ b/wiki/footer.html
@@ -34,7 +34,7 @@
<div class="container-fluid">
<div class="row mb-4">
<div class="col-lg-9 col-sm-12">
- <h4 class="mb-3" >Sponsors</h4>
+ <h4 class="mb-3" style="padding-left:25px;" >Sponsors</h4>
<div class="row">
<!-- First Column -->
<div class="col-lg-3">
@@ -104,7 +104,7 @@
<!-- Follow Us Section -->
<h4 class="mt-lg-4 mt-sm-4 mb-2">Follow us</h4>
- <p>
+ <div class="social-icons">
<!-- Instagram -->
<a href="https://www.instagram.com/igem_uzurich/" target="_blank" rel="noopener noreferrer" style="text-decoration: none">
<img src="https://static.igem.wiki/teams/5250/logos/instagram.svg" alt="Instagram" style="width: 30px; vertical-align: middle; filter: invert(100%) brightness(200%);">
@@ -114,7 +114,7 @@
<a href="https://www.youtube.com/@igemuzurich442" target="_blank" rel="noopener noreferrer" style="text-decoration: none">
<img src="https://static.igem.wiki/teams/5250/logos/youtube.svg" alt="Youtube" style="width: 30px; vertical-align: middle; filter: invert(100%) brightness(200%);">
</a>
- </p>
+ </div>
</div>
</div>
diff --git a/wiki/pages/awards.html b/wiki/pages/awards.html
index 696a84a89619cb29370f3c630155f4654e7dfd30..826d88b76a64a3c51f8995ab02c73ab7a41036a8 100644
--- a/wiki/pages/awards.html
+++ b/wiki/pages/awards.html
@@ -63,7 +63,7 @@
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="award-box" style="height: 400px;">
- <h3>Engineering Success:</h3>
+ <h3>Engineering Success</h3>
<p>
On our Engineering page (link), we present our engineering design cycles, describe the process of designing, building, and testing our components, as well as the lessons we learned from each iteration.
</p>
@@ -74,7 +74,7 @@
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="award-box" style="height: 400px;">
- <h3>Human Practices:</h3>
+ <h3>Human Practices</h3>
<p>
Our Human Practices page highlights the work of the Human Practices subteam, which consulted with various stakeholders to understand how our project contributes to the United Nations' 17 Sustainable Development Goals (SDGs).
In addition, the interviews and research helped to understand the implementation of a potential product and determine the benefits of our project.
diff --git a/wiki/pages/engineering.html b/wiki/pages/engineering.html
index bcb2892bab68848e9f2fa5ffd41d36351ec40b17..3e325dea65b517e0828c693d893043104ed326f8 100644
--- a/wiki/pages/engineering.html
+++ b/wiki/pages/engineering.html
@@ -206,7 +206,7 @@
</div>
</div>
<div class="row mt-0">
- <div class="col-lg-6 col-md-6 col-sm-12 order-1 order-md-2">
+ <div class="col-lg-6 col-md-6 col-sm-12 order-2 order-md-2">
<img src="https://static.igem.wiki/teams/5250/project/engineering/picture-19-dgc-illustration.webp" alt="DGC Illustration" class="img-fluid" style="width: 100%;">
<div class="image-model">
<p><b>Figure 4:</b> DGC Illustration. Created with BioRender.com</p>
@@ -216,7 +216,7 @@
<p><b>Figure 5:</b> PDE Illustration. Created with BioRender.com</p>
</div>
</div>
- <div class="col-lg-6 col-md-6 col-sm-12 order-2 order-md-1">
+ <div class="col-lg-6 col-md-6 col-sm-12 order-1 order-md-1">
<p>
The core component of our construct is the overexpression of the biofilm produced by <i>Pseudomonas sp.</i> IsoF.
Research has shown that higher c-di-GMP levels lead to enhanced production of biofilm components <a href="#ref7">7</a><sup>,</sup><a href="#ref2">2</a>.
@@ -477,7 +477,7 @@
</div>
<div class="row mt-0">
<div class="col-lg-6 col-md-6 col-sm-12 order-2 order-md-2">
- <img src="https://static.igem.wiki/teams/5250/project/engineering/picture-21-crispri.webp" alt=" CRISPRi llustration" class="img-fluid" style="width: 75%;">
+ <img src="https://static.igem.wiki/teams/5250/project/engineering/img-new-sgrna.png" alt=" CRISPRi llustration" class="img-fluid" style="width: 75%;">
<div class="image-model" style="text-align:center">
<p><b>Figure 13:</b> CRISPRi Illustration. Created with BioRender.com</p>
</div>
@@ -545,7 +545,7 @@
</p>
</div>
<div class="image-model">
- <img src="https://static.igem.wiki/teams/5250/project/engineering/picture-22-sgrna.webp" alt="sgRNA" class="img-fluid" style="width: 50%; display: block; margin-left: auto; margin-right: auto;">
+ <img src="https://static.igem.wiki/teams/5250/project/engineering/img-new.png" alt="sgRNA" class="img-fluid" style="width: 75%; display: block; margin-left: auto; margin-right: auto;">
<p style="text-align:center;"><b>Figure 14:</b> Our sgRNA to knockdown PDE PisoF_02645. Created with BioRender.com</p>
</div>
<p>
diff --git a/wiki/pages/home.html b/wiki/pages/home.html
index 0fe535e28065ace7ab9ff777d37f6104aacfd1ac..94f54f0cd4f9675242c13b38780a39f857247703 100644
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -20,7 +20,7 @@
<h2>Climate Change endangers the safety of global food production.</h2>
</div>
<div class="general-statement fade-in-right hidden mt-7">
- <p style="color: var(--dark-blue); font-size:20px; padding-left:100px; padding-right:100px;">
+ <p style="padding-left:100px; padding-right:100px;">
<h1 style="font-size:40px; color:var(--dark-brown); font-weight:bold">
Tackling the Problem at its Root.
</h1>
@@ -164,9 +164,8 @@
<h2>MEET THE TEAM AND PEBB OUR TINY HELPING FRIEND!</h2>
<hr>
<p>
- This year's UZurich iGEM Team is a group of 10 students from the University of Zurich.
+ This year's UZurich iGEM Team is a group of 10 students from the University of Zurich. <a href="{{ url_for('pages', page='team') }}" class="hyperlink-button">Team</a>
</p>
- <a href="{{ url_for('pages', page='team') }}" class="hyperlink-button">Team</a>
<p style="padding-top:10px">
We designed Pebb, our <b>P</b>lant <b>E</b>nhancing <b>B</b>iofilm <b>B</b>acteria.
Pebb helps us tackle the challenges of climate change in agriculture by forming a biofilm on the roots of plants which protects them from drought and other related stresses.
diff --git a/wiki/pages/new-basic-part.html b/wiki/pages/new-basic-part.html
index d46883ac8331e316c4ea433ca7ae3f5a89ab666f..a5e98bee75d3fc245fb4c05ae15f215993bdd8aa 100644
--- a/wiki/pages/new-basic-part.html
+++ b/wiki/pages/new-basic-part.html
@@ -35,7 +35,7 @@
<div class="row mt-0 image-model">
<img src="https://static.igem.wiki/teams/5250/project/new-basic-part/image-start.png"
alt="Sequence Alignment of WspR wt and WspR mutation R198A to our DGC IsoF wt and DGC IsoF R196A" class="img-fluid d-block mx-auto" style="width: 60%;">
- <p style="text-align:center;"><b>Figure 1:</b> Sequence Alignment of WspR wt and WspR mutation R198A to our DGC IsoF wt and DGC IsoF R196A. Created with BioRender.com</p>
+ <p style="text-align:center;"><b>Figure 1:</b> Sequence Alignment of WspR wt and WspR mutation R198A to our DGC IsoF wt and DGC IsoF R196A. <br> Created with BioRender.com</p>
</div>
</div>
</div>