diff --git a/src/components/Breathe.tsx b/src/components/Breathe.tsx index 1568ef5abf09818fe822972da4e224d81809f2af..b708911265946952cb3d6e54f53467c42fc6ef54 100644 --- a/src/components/Breathe.tsx +++ b/src/components/Breathe.tsx @@ -179,7 +179,8 @@ export function Breathe(){ {/* Spacing Block */} <div className='col' style={{ 'height': '100vh' }}></div> <p>With every second, you feel more stressed.</p> - <p>Your body fights against it, and your mind begins to panic...</p> + <p>Your body fights against it, and</p> + <p>your mind begins to panic...</p> <div style={{ 'height': '100vh'}} ref={domRef7}> <img style={{ 'position': 'fixed', @@ -214,8 +215,9 @@ export function Breathe(){ src="https://static.igem.wiki/teams/5247/landing/breath/textless/breath-only-3.webp"> </img> </div> - <p>Imagine yourself living in constant fear of suffocation, because breathing deeply is a <strong>privilage not everyone can enjoy</strong>.</p> - + <p>Imagine yourself living in constant fear of</p> + <p>suffocation, because breathing deeply is a</p> + <p><strong>privilage not everyone can enjoy</strong>.</p> {/* Spacing Block */} <div className='col' style={{ 'height': '100vh' }}></div> </> diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index cf8732829cbfd2bbeeef2f1980d46b8527983314..a8677c4e0b27e71e3f23341107152d3a6e07c383 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -44,7 +44,7 @@ export function Footer() { <div className="small-only col-6"></div> <div className="col"> <a href="./partners"> - <h6 className="alink">Spornsors and partners</h6> + <h6 className="alink">Sponsors and partners</h6> </a> </div> <div className="small-none col" style={{paddingLeft: "20px"}}> diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx index 61c5027b83684b13d1fbf2aabb26425101933f4c..e0fd2a0df27986b8ec9b21d06999476c205fed90 100644 --- a/src/contents/Home.tsx +++ b/src/contents/Home.tsx @@ -18,23 +18,30 @@ export function Home() { <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/problems/problems-5.webp" bg=''></FadeIn> <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/problems/problems-6.webp" bg=''></FadeIn> - <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/gifs/3d-animation.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> - <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/precysepoc.webp" bg=''></FadeIn> - - {/* Spacing Block */} - <div className='col' style={{ 'height': '150vh' }}></div> + <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> </div> </div> </div>