Skip to content
Snippets Groups Projects
Commit bc44f541 authored by Liliana Sanfilippo's avatar Liliana Sanfilippo
Browse files

Merge branch 'main' of ssh://gitlab.igem.org/2024/bielefeld-cebitec

parents 701083ca 13ced554
No related branches found
No related tags found
No related merge requests found
Pipeline #426696 passed
Stage: build
Stage: deploy
Hide whitespace changes
Inline Side-by-side
src/components/Problems.tsx
+ 48
− 5
View file @ bc44f541
...@@ -47,6 +47,18 @@ export function Problems(){ ...@@ -47,6 +47,18 @@ export function Problems(){
observer.observe(domRef5.current!); observer.observe(domRef5.current!);
}, []); }, []);
const Title1 = "Cystic Fibrosis";
const Title2 = "makes life breathtaking";
const Prob11 = "Thick mucus blocking airway and prevents"
const Prob12 = "oxygen absorption, leading to bronchial"
const Prob13 = "obstructions, organ failure an death";
const Prob21 = "Chronic inflammation occurs periodically";
const Prob22 = "due to a high vulnerability to";
const Prob23 = "bacterial and viral infections";
const Prob31 = "Heightened safety considerations and";
const Prob32 = "emotional stress promote depression";
const Prob33 = "and psychological issues";
return ( return (
<> <>
{/* One */} {/* One */}
...@@ -68,7 +80,6 @@ export function Problems(){ ...@@ -68,7 +80,6 @@ export function Problems(){
}} }}
src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-1.webp"> src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-1.webp">
</img> </img>
<p style={{'position': 'fixed','top': '20vh', 'left': '20vw', 'zIndex': '1'}}>Text Here</p>
</div> </div>
{/* Two */} {/* Two */}
<div <div
...@@ -89,7 +100,11 @@ export function Problems(){ ...@@ -89,7 +100,11 @@ export function Problems(){
}} }}
src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-2.webp"> src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-2.webp">
</img> </img>
<p style={{'position': 'fixed','top': '20vh', 'left': '20vw', 'zIndex': '1'}}>Text Here</p> <p style={{'position': 'fixed','top': '20vh', 'left': '47vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '25vh', 'left': '45vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1'}}>{Prob11}</p>
<p style={{'position': 'fixed','top': '70vh', 'left': '20vw', 'zIndex': '1'}}>{Prob12}</p>
<p style={{'position': 'fixed','top': '75vh', 'left': '20vw', 'zIndex': '1'}}>{Prob13}</p>
</div> </div>
{/* Three */} {/* Three */}
<div <div
...@@ -110,7 +125,14 @@ export function Problems(){ ...@@ -110,7 +125,14 @@ export function Problems(){
}} }}
src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-3.webp"> src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-3.webp">
</img> </img>
<p style={{'position': 'fixed','top': '20vh', 'left': '20vw', 'zIndex': '1'}}>Text Here</p> <p style={{'position': 'fixed','top': '20vh', 'left': '47vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '25vh', 'left': '45vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1'}}>{Prob11}</p>
<p style={{'position': 'fixed','top': '70vh', 'left': '20vw', 'zIndex': '1'}}>{Prob12}</p>
<p style={{'position': 'fixed','top': '75vh', 'left': '20vw', 'zIndex': '1'}}>{Prob13}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1'}}>{Prob21}</p>
<p style={{'position': 'fixed','top': '70vh', 'left': '40vw', 'zIndex': '1'}}>{Prob22}</p>
<p style={{'position': 'fixed','top': '75vh', 'left': '40vw', 'zIndex': '1'}}>{Prob23}</p>
</div> </div>
{/* Four */} {/* Four */}
<div <div
...@@ -131,7 +153,17 @@ export function Problems(){ ...@@ -131,7 +153,17 @@ export function Problems(){
}} }}
src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-4.webp"> src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-4.webp">
</img> </img>
<p style={{'position': 'fixed','top': '20vh', 'left': '20vw', 'zIndex': '1'}}>Text Here</p> <p style={{'position': 'fixed','top': '20vh', 'left': '47vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '25vh', 'left': '45vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1'}}>{Prob11}</p>
<p style={{'position': 'fixed','top': '70vh', 'left': '20vw', 'zIndex': '1'}}>{Prob12}</p>
<p style={{'position': 'fixed','top': '75vh', 'left': '20vw', 'zIndex': '1'}}>{Prob13}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1'}}>{Prob21}</p>
<p style={{'position': 'fixed','top': '70vh', 'left': '40vw', 'zIndex': '1'}}>{Prob22}</p>
<p style={{'position': 'fixed','top': '75vh', 'left': '40vw', 'zIndex': '1'}}>{Prob23}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1'}}>{Prob31}</p>
<p style={{'position': 'fixed','top': '70vh', 'left': '60vw', 'zIndex': '1'}}>{Prob32}</p>
<p style={{'position': 'fixed','top': '75vh', 'left': '60vw', 'zIndex': '1'}}>{Prob33}</p>
</div> </div>
{/* Five */} {/* Five */}
<div <div
...@@ -152,7 +184,18 @@ export function Problems(){ ...@@ -152,7 +184,18 @@ export function Problems(){
}} }}
src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-5.webp"> src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-5.webp">
</img> </img>
<p style={{'position': 'fixed','top': '20vh', 'left': '20vw', 'zIndex': '1'}}>Text Here</p> <p style={{'position': 'fixed','top': '20vh', 'left': '47vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '25vh', 'left': '45vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1'}}>{Prob11}</p>
<p style={{'position': 'fixed','top': '70vh', 'left': '20vw', 'zIndex': '1'}}>{Prob12}</p>
<p style={{'position': 'fixed','top': '75vh', 'left': '20vw', 'zIndex': '1'}}>{Prob13}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1'}}>{Prob21}</p>
<p style={{'position': 'fixed','top': '70vh', 'left': '40vw', 'zIndex': '1'}}>{Prob22}</p>
<p style={{'position': 'fixed','top': '75vh', 'left': '40vw', 'zIndex': '1'}}>{Prob23}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1'}}>{Prob31}</p>
<p style={{'position': 'fixed','top': '70vh', 'left': '60vw', 'zIndex': '1'}}>{Prob32}</p>
<p style={{'position': 'fixed','top': '75vh', 'left': '60vw', 'zIndex': '1'}}>{Prob33}</p>
<p style={{'position': 'fixed','top': '85vh', 'left': '35vw', 'zIndex': '1'}}>The constant <strong>fear of suffocating</strong> makes life incredibly challenging</p>
</div> </div>
</> </>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment