From 9eb9356b74f732b34725877beabea55bfaf7e026 Mon Sep 17 00:00:00 2001
From: Maximilian Leo Huber <maximilian.huber@uni-bielefeld.de>
Date: Wed, 18 Sep 2024 17:27:49 +0000
Subject: [PATCH] better rest of landing page structure + backgrounds
---
src/contents/Home.tsx | 41 +++++++++++++++++------------------------
1 file changed, 17 insertions(+), 24 deletions(-)
diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx
index 372363c4..d9ee5a75 100644
--- a/src/contents/Home.tsx
+++ b/src/contents/Home.tsx
@@ -14,30 +14,23 @@ export function Home() {
<Problems></Problems>
- <div className='col'>
- <img src="https://static.igem.wiki/teams/5247/landing/gifs/200k-anim-transparent-bg.gif"></img>
- </div>
- <div className='col'>
- <img src="https://static.igem.wiki/teams/5247/landing/gifs/oneintwenty.gif"></img>
- </div>
- <div className='col'>
- <img src="https://static.igem.wiki/teams/5247/landing/gifs/2k-anim-transparent-bg.gif"></img>
- </div>
- <div className='col'>
- <img src="https://static.igem.wiki/teams/5247/landing/gifs/3k-anim-transparent-bg.gif"></img>
- </div>
- <div className='col'>
- <img src="https://static.igem.wiki/teams/5247/landing/treatmentnoloop.gif"></img>
- </div>
- <div className='col'>
- <img src="https://static.igem.wiki/teams/5247/landing/precyse.gif"></img>
- </div>
- <div className='col'>
- <img src="https://static.igem.wiki/teams/5247/landing/gifs/3d-animation.gif"></img>
- </div>
- <div className='col'>
- <img src="https://static.igem.wiki/teams/5247/landing/gifs/proofofconcept.gif"></img>
- </div>
+ {/* Spacing Block */}
+ <div className='col' style={{ 'height': '150vh' }}></div>
+
+ <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/200k-anim-transparent-bg.gif" bg='https://static.igem.wiki/teams/5247/landing/backgrounds/background-1-text.webp'></FadeIn>
+
+ <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/oneintwenty.gif" bg=''></FadeIn>
+
+ <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/2k-anim-transparent-bg.gif" bg='https://static.igem.wiki/teams/5247/landing/backgrounds/background-2-text.webp'></FadeIn>
+ <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/3k-anim-transparent-bg.gif" bg='https://static.igem.wiki/teams/5247/landing/backgrounds/background-3-text.webp'></FadeIn>
+
+ <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/treatmentnoloop.gif" bg=''></FadeIn>
+ <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/precyse.gif" bg=''></FadeIn>
+ <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/airbuddy.gif" bg=''></FadeIn>
+ <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/primeguide.webp" bg=''></FadeIn>
+
+ {/* Spacing Block */}
+ <div className='col' style={{ 'height': '100vh' }}></div>
</div>
</div>
</div>
--
GitLab