From 6f6466b46bd4322e8a775df8ffa8494f34b609b5 Mon Sep 17 00:00:00 2001
From: Shraddha <ShraddhaRaghuram@student.tudelft.nl>
Date: Thu, 12 Sep 2024 15:52:30 +0200
Subject: [PATCH] nitrogen crisis

---
 static/homepage.css  | 20 ++++++++++----------
 wiki/pages/home.html | 12 ++++++------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/static/homepage.css b/static/homepage.css
index 09a7811..75a2e9a 100644
--- a/static/homepage.css
+++ b/static/homepage.css
@@ -270,13 +270,13 @@
 }
 
 .homepage-content-img4 {
-    top: 3200px;
-    transform: translateX(-90%);
-    width: 300px;
-    height: 390px;
+    top: 3800px;
+    transform: translateX(0%);
+    width: 600px;
+    height: 700px;
     flex-shrink: 0;
     border-radius: 33.854px;
-    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%), url(https://static.igem.wiki/teams/5054/angryfarmer.png), 50% / cover no-repeat;
+    background: url(https://static.igem.wiki/teams/5054/angryfarmer.png), 50% / cover no-repeat;
     opacity: 0;
     background-size: 100%;
     transition: all 0.5s linear;
@@ -755,18 +755,18 @@
 }
 
 .homepage-content4 {
-    top: 3550px;
+    top: 3650px;
     width: 415px;
     height: 120px;
-    transform: translateX(-50%);
+    transform: translateX(-60%);
     opacity: 0;
     transition: all 0.5s linear;
 }
 .homepage-content5 {
-    top: 3550px;
-    width: 475px;
+    top: 3350px;
+    width: 1000px;
     height: 120px;
-    transform: translateX(78%);
+    transform: translateX(0%);
     opacity: 0;
     transition: all 0.5s linear;
 }
diff --git a/wiki/pages/home.html b/wiki/pages/home.html
index f59832e..873db14 100644
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -122,16 +122,16 @@
 
   <div class="homepage-content-img4 homepage-elements reveal" id="homepage-content-img4"></div>
   <div class="homepage-content-img5 homepage-elements reveal" id="homepage-content-img5"></div>
-  <div class="homepage-content4 homepage-elements reveal" id="homepage-content4">
-    <div class="homepage-subtitle-style">
+  <div class="homepage-content4 homepage-elements reveal" id="homepage-content4" style="opacity: 1;">
+    <div class="homepage-subtitle-style" style="margin-top: 100px; width: 1000px">
         Over-fertilization
     </div>
-    <div class="homepage-contents-style" style="margin-top:10px;">
-      The Netherlands grapples with a crippling nitrogen crisis with over 80% of ammonia emissions coming from over-fertilization.
+    <div class="homepage-contents-style" style="margin-top:10px; width: 1000px">
+      Over 80% of ammonia emissions in the Netherlands are due to over-fertilization.
     </div>
 </div>
-<div class="homepage-content5 homepage-elements reveal" id="homepage-content18">
-  <div class="homepage-subtitle-style">
+<div class="homepage-content5 homepage-elements reveal" id="homepage-content18" style="opacity: 1;">
+  <div class="homepage-subtitle-style" style="margin-top: 1000px;">
       Eutrophication
   </div>
   <div class="homepage-contents-style" style="margin-top:10px;">
-- 
GitLab