From 2aee2884371f11406018b77f56ea88f1d0462156 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Sat, 28 Sep 2024 18:18:55 +0200
Subject: [PATCH] overlap
---
src/components/Problems.tsx | 8 ++++----
src/contents/Home.tsx | 2 +-
src/headers/home-h.tsx | 4 ++--
3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/components/Problems.tsx b/src/components/Problems.tsx
index 466bcff7..ffe00e77 100644
--- a/src/components/Problems.tsx
+++ b/src/components/Problems.tsx
@@ -174,10 +174,10 @@ export function Problems(){
</img>
<p style={{'position': 'fixed','top': '17vh', 'width': '82vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '23vh', 'width': '82vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
- <p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
- <p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
- <p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
- <p style={{'position': 'fixed','top': '85vh', 'left': '35vw', 'zIndex': '1'}}>The constant <strong>fear of suffocating</strong> makes life incredibly challenging</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
+ <p style={{'position': 'fixed','top': '85vh', 'left': '35vw', 'zIndex': '1'}}></p>
</div>
<div id="sciency"></div>
diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx
index d55f8bf7..ea6bcbe9 100644
--- a/src/contents/Home.tsx
+++ b/src/contents/Home.tsx
@@ -19,7 +19,7 @@ export function Home() {
'scale': '0.25'}}>
<img src="https://static.igem.wiki/teams/5247/landing/indicator.webp"></img>
</div>
-
+ <div id="scrollstart"></div>
<Breathe></Breathe>
<Problems></Problems>
diff --git a/src/headers/home-h.tsx b/src/headers/home-h.tsx
index 52cf5209..cf116d8a 100644
--- a/src/headers/home-h.tsx
+++ b/src/headers/home-h.tsx
@@ -14,7 +14,7 @@ export function HOMEH() {
<div className="col header-button-row">
<p>
<div className="col">
- <button> <b>CLICK</b> to go directly to our Project Description.</button>
+ <button onClick={() => goToPageAndScroll("Abstract", "/description")} > <b>CLICK</b> to go directly to our Project Description.</button>
</div>
</p>
<p>
@@ -25,7 +25,7 @@ export function HOMEH() {
<p>
<div className="col">
- <button> <b>SCROLL</b> to see whole animation.</button>
+ <button onClick={() => goToPageAndScroll("scrollstart", "")}> <b>SCROLL</b> to see whole animation.</button>
</div>
</p>
</div>
--
GitLab