From 9f0b67e51b6cbf32ab4483425072e04eab69422d Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Fri, 6 Sep 2024 12:10:48 +0200
Subject: [PATCH] h2 id
---
src/components/headings.tsx | 9 ++++-----
src/components/testsvganimation.tsx | 4 ++--
src/contents/design.tsx | 2 +-
src/contents/interviews.tsx | 22 +++++++++++-----------
4 files changed, 18 insertions(+), 19 deletions(-)
diff --git a/src/components/headings.tsx b/src/components/headings.tsx
index 33b6b164..3a6fa738 100644
--- a/src/components/headings.tsx
+++ b/src/components/headings.tsx
@@ -45,21 +45,20 @@ export function H1({text}:{text: string}){
</div>
)
} */
-export function H2({text}:{text: string}){
+export function H2({text, id}:{text: string, id: string}){
return(
<div>
- <h2>{text}</h2>
+ <h2 id={id}>{text}</h2>
<hr/>
</div>
)
}
-export function H3({text}:{text: string}){
+export function H3({text, id}:{text: string, id: string}){
return(
<div>
- <h2>{text}</h2>
- <hr/>
+ <h3 id={id}>{text}</h3>
</div>
)
diff --git a/src/components/testsvganimation.tsx b/src/components/testsvganimation.tsx
index 82817d11..15b0f916 100644
--- a/src/components/testsvganimation.tsx
+++ b/src/components/testsvganimation.tsx
@@ -68,13 +68,13 @@ console.log("Started TestSVG")
stroke="white" strokeWidth="10px" width="10px"></path>
*/}
<foreignObject x="5vw" y="5vh" className="box1">
- <H2 text="Mutation canidates"/>
+ <H2 id="mutcans" text="Mutation canidates"/>
<p >
<LoremMedium></LoremMedium>
</p>
</foreignObject>
<foreignObject className="box2">
- <H2 text="Mutation canidates"/>
+ <H2 id="mutcans2" text="Mutation canidates"/>
<p>
<LoremMedium></LoremMedium>
</p>
diff --git a/src/contents/design.tsx b/src/contents/design.tsx
index 0e3b26ff..3edfc41b 100644
--- a/src/contents/design.tsx
+++ b/src/contents/design.tsx
@@ -35,7 +35,7 @@ export function Design() {
<>
<div className="row mt-4">
<div className="col-lg-8">
- p>Happy Birthday Kaya!</p>
+ <p>Happy Birthday Kaya!</p>
</div>
</div>
diff --git a/src/contents/interviews.tsx b/src/contents/interviews.tsx
index c7703cb3..233274f4 100644
--- a/src/contents/interviews.tsx
+++ b/src/contents/interviews.tsx
@@ -2,6 +2,7 @@ import { ButtonOne } from "../components/Buttons";
import { QaBox, SpecialQaBox } from "../components/Boxes";
import { useEffect } from "react";
import { useLocation } from "react-router-dom";
+import { H3, H2 } from "../components/headings";
import { openFromOtherPage } from "../components/Buttons";
export function Ints() {
const location = useLocation();
@@ -35,8 +36,7 @@ export function Ints() {
<>
<br/>
<section className="col" id="maxH">
- <h3 id="max">Max Beckmann</h3>
- <hr/>
+ <H2 text="Max Beckmann" id="max"/>
<div className="row">
<div className="col-2">
<div className="t-tag Patient">
@@ -61,7 +61,7 @@ export function Ints() {
</div>
</div>
<div className="col cycletab" id="maxinv1" style={{display: "block"}}>
- <h2>Notes from the first interview</h2>
+ <H3 id="maxnotes1" text="Notes from the first interview"/>
<br/>
<QaBox
q="Question"
@@ -69,7 +69,7 @@ export function Ints() {
/>
</div>
<div className="col cycletab" id="maxinv2" style={{display: "none"}}>
- <h2>Notes from the second interview</h2>
+ <H3 id="maxnotes2" text="Notes from the second interview"/>
<br/>
<QaBox
q="Question"
@@ -98,7 +98,7 @@ export function Ints() {
</div>
</div>
<div className="col">
- <h2>Notes from the interview</h2>
+ <H3 text="Notes from the interview"/>
<br/>
<QaBox
q="Question"
@@ -126,7 +126,7 @@ export function Ints() {
</div>
</div>
<div className="col">
- <h2>Notes from the interview</h2>
+ <H3 text="Notes from the interview"/>
<br/>
<QaBox
q="Question"
@@ -155,7 +155,7 @@ export function Ints() {
</div>
</div>
<div className="col">
- <h2>Notes from the interview</h2>
+ <H3 text="Notes from the interview"/>
<br/>
<QaBox
q="Question"
@@ -183,7 +183,7 @@ export function Ints() {
</div>
</div>
<div className="col">
- <h2>Notes from the interview</h2>
+ <H3 text="Notes from the interview"/>
<br/>
<QaBox
q="Question"
@@ -219,7 +219,7 @@ export function Ints() {
</div>
</div>
<div className="col cycletab" id="mattijsinv1" style={{display: "block"}}>
- <h2>Notes from the first interview</h2>
+ <H3 text="Notes from the first interview"/>
<br/>
<QaBox
q="Question"
@@ -227,7 +227,7 @@ export function Ints() {
/>
</div>
<div className="col cycletab" id="mattijsinv2" style={{display: "none"}}>
- <h2>Notes from the second interview</h2>
+ <H3 text="Notes from the second interview"/>
<br/>
<QaBox
q="Question"
@@ -433,7 +433,7 @@ export function Ints() {
q="Who could help us with the Patch-Clamp measurements? "
a="The Patch-Clamp devices are heavily utilized in our working group, so you probably cannot perform measurements on your own. However, postdocs could support you for some measurements. Dr. Oliver Dräger is available as a contact person of my working group. "
/>
- </div>
+ <p> Test aus dem Wiki </p> </div>
</section>
<br/>
</>
--
GitLab