diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx index d3d381e76bb26b3517648c9bdd25983a83134a06..0c893e3835ef72f60134b9555fc846cec90a2e8a 100644 --- a/src/contents/Home.tsx +++ b/src/contents/Home.tsx @@ -1,6 +1,4 @@ import { FadeIn } from "../components/FadeIn"; -import { Breathe } from "../components/Breathe"; -import { Problems } from "../components/Problems"; import { useTabNavigation } from "../utils/TabNavigation"; import { H5 } from "../components/Headings"; import PreCyse from "../components/precyse"; @@ -114,6 +112,14 @@ export function Home() { </div> </div> + {/* Spacing Block */} + <div className='col' style={{ 'height': '150vh' }}></div> + <FadeIn filepath="https://static.igem.wiki/teams/5247/thaw/lp1.webp" bg='https://static.igem.wiki/teams/5247/thaw/lp1.webp'></FadeIn> + <FadeIn filepath="https://static.igem.wiki/teams/5247/thaw/lp2.webp" bg='https://static.igem.wiki/teams/5247/thaw/lp2.webp'></FadeIn> + <FadeIn filepath="https://static.igem.wiki/teams/5247/thaw/lp3.webp" bg='https://static.igem.wiki/teams/5247/thaw/lp3.webp'></FadeIn> + <FadeIn filepath="https://static.igem.wiki/teams/5247/thaw/lp4.webp" bg='https://static.igem.wiki/teams/5247/thaw/lp4.webp'></FadeIn> + <FadeIn filepath="https://static.igem.wiki/teams/5247/thaw/lp5.webp" bg='https://static.igem.wiki/teams/5247/thaw/lp5.webp'></FadeIn> + <img src="https://static.igem.wiki/teams/5247/landing-page/lp-2.svg"/> <div className="row"> <div className="col button-x"> @@ -131,64 +137,12 @@ export function Home() { <div className="col" id="erstecol"> <div className="col"> - <div style={{'position': 'relative', - 'zIndex': '1', - 'top': '10vh', - 'left': '0vw', - 'scale': '0.25'}}> - <div id="scrollstart"></div> - <img src="https://static.igem.wiki/teams/5247/landing/indicator.webp"></img> - </div> - - - <Breathe></Breathe> - - <Problems></Problems> - - {/* 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-page/lp-5-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-5-2.svg'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-6-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-6-2.svg'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-7-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-7-2.svg'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-8-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-8-2.svg'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-9-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-9-2.svg'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-10.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-10.svg'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-11-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-11-2.svg'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-12.webp" bg='https://static.igem.wiki/teams/5247/landing-page/lp-12.webp'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-13-2.webp" bg='https://static.igem.wiki/teams/5247/landing-page/lp-13-2.webp'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-14.webp" bg='https://static.igem.wiki/teams/5247/landing-page/lp-14.webp'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-15.webp" bg='https://static.igem.wiki/teams/5247/landing-page/lp-15.webp'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-16.webp" bg='https://static.igem.wiki/teams/5247/landing-page/lp-16.webp'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-17.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-17.svg'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-18-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-18-2.svg'></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-19-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-19-2.svg'></FadeIn> - - <div className="row"> <iframe title="Bielefeld-CeBiTec: PreCyse - Redefining Cystic Fibrosis Gene Therapy with Next-G... (2024) - Project Promotion [English]" width="100%" height="600ßx" src="https://video.igem.org/videos/embed/74e7d2e6-044a-4e37-83eb-8a6d12626409?loop=1" frameBorder="0" allowFullScreen={true} sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe> </div> - {/* - <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/gifs/treatment-2.gif" bg=''></FadeIn> - - - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/airbuddy.gif" bg=''></FadeIn> - <AirbuddyAnim></AirbuddyAnim> - - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/primeguide.webp" bg=''></FadeIn> - <PrimeGuideAnimOne></PrimeGuideAnimOne> - <PrimeGuideAnimTwo></PrimeGuideAnimTwo> - - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/precyse.gif" bg=''></FadeIn> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/proofofconcept.gif" bg=''></FadeIn> */} {/* Spacing Block */} <div className='col' style={{ 'height': '100vh' }}></div>