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