diff --git a/src/components/headings.tsx b/src/components/headings.tsx
index 3a6fa738587fb515936a39e208bb27a25736f292..01e110cd1d7f61b31c7fff74b7b42ad6cbcb5d3f 100644
--- a/src/components/headings.tsx
+++ b/src/components/headings.tsx
@@ -37,14 +37,7 @@ export function H1({text}:{text: string}){
)
}
-/* export function Hprompt({text}:{text: string}){
- return(
- <div>
- <h2>{text}</h2>
- <hr/>
- </div>
- )
-} */
+
export function H2({text, id}:{text: string, id: string}){
return(
<div>
diff --git a/src/contents/partners.tsx b/src/contents/partners.tsx
index f0a925f3d750c0de3771dadbc393492c42dfa047..5c746f432de21fdf7d5464e0006ea96eeace8ffd 100644
--- a/src/contents/partners.tsx
+++ b/src/contents/partners.tsx
@@ -1,7 +1,7 @@
import { useEffect } from "react";
import { useLocation } from "react-router-dom";
import { openFromOtherPage } from "../components/Buttons";
-import H1 from "../components/headings";
+import H1, { H2 } from "../components/headings";
export function Partners() {
const location = useLocation();
@@ -42,7 +42,7 @@ export function Partners() {
<br/>
{/* GOLD */}
- <h2>Sponsor category Gold</h2>
+ <H2 id="gold" text="Sponsor category Gold"/>
<br/>
<div className="col">
<div className="row align-items-center">
@@ -114,7 +114,7 @@ export function Partners() {
</div>
<br/> <br/>
{/* SILVER */}
- <h2>Sponsor category silver</h2>
+ <H2 text="Sponsor category silver" id="silver"/>
<br/> <br/>
<div id="project-portrait" className="sponsor-portrait" style={{padding: "20px"}}>
<div className="row align-items-center">
@@ -150,7 +150,7 @@ export function Partners() {
</div>
<br/> <br/>
{/* BRONZE */}
- <h2>Sponsor category bronze</h2>
+ <H2 text="Sponsor category bronze" id="bronze"></H2>
<br/> <br/>
<div id="project-portrait" className="sponsor-portrait" style={{padding: "20px"}}>
<div className="row align-items-center">
@@ -174,7 +174,7 @@ export function Partners() {
<br/> <br/>
<div className="row align-items-center">
<div id="project-text" className="col sponsor-text-left">
- <h2>BFH MeetUp sponsors...</h2>
+ <H2 text="BFH MeetUp sponsors..." id="bfh-sponsors"/>
<br/>
<p></p>
</div>
@@ -265,12 +265,12 @@ export function Partners() {
</div>
<div id="meetup-text" className="col sponsor-text-right" style={{textAlign: "right"}}>
- <h2> ... and collaborators </h2>
+ <H2 text="... and collaborators " id="bfh-collabs"/>
<br/>
</div>
</div>
<br/> <br/>
- <h2>Other collaborators</h2>
+ <H2 text="Other collaborators" id="otehrs"/>
<br/> <br/>
<div className="row align-items-center">
<div id="idt-text" className="col sponsor-text-left">
diff --git a/src/contents/proof.tsx b/src/contents/proof.tsx
index bf36aaab8815ea78651a8f860ee25177065e4474..1ecb272ac3f973b32148176f586b024380999885 100644
--- a/src/contents/proof.tsx
+++ b/src/contents/proof.tsx
@@ -1,6 +1,7 @@
import { useEffect } from "react";
import { useLocation } from "react-router-dom";
import { openFromOtherPage } from "../components/Buttons";
+import { H2, H3 } from "../components/headings";
export function Proof() {
const location = useLocation();
@@ -32,11 +33,11 @@ export function Proof() {
return (
<>
- <section id="prelim-2000">
- <h2>Preliminary test with lipofectamine 2000</h2>
- <h3>Seeding</h3>
- <h3>Transfection</h3>
- <h3>Microscopy</h3>
+ <section >
+ <H2 text="Preliminary test with lipofectamine 2000" id="prelim-2000"/>
+ <H3 text="Seeding" id="prelim-2000-seeding"/>
+ <H3 text="Transfection" id="prelim-2000-transfection"/>
+ <H3 text="Microscopy" id="prelim-2000-microscopy"/>
<table>
<tr>
<th>Plasmid</th>
@@ -50,11 +51,11 @@ export function Proof() {
</tr>
</table>
</section>
- <section id="pos-control-2000">
- <h2>Positiv control and optimization</h2>
- <h3>Seeding</h3>
- <h3>Transfection</h3>
- <h3>Microscopy</h3>
+ <section >
+ <H2 text="Positiv control and optimization with lipofectamin 2000" id="pos-control-2000"/>
+ <H3 text="Seeding" id="pos-control-2000-seeding"/>
+ <H3 text="Transfection" id="pos-control-2000-transfection"/>
+ <H3 text="Microscopy" id="pos-control-2000-microscopy"/>
<table>
<tr>
<th>Plasmid</th>
@@ -68,11 +69,11 @@ export function Proof() {
</tr>
</table>
</section>
- <section id="pos-control-3000">
- <h2>Positiv control and optimization</h2>
- <h3>Seeding</h3>
- <h3>Transfection</h3>
- <h3>Microscopy</h3>
+ <section >
+ <H2 text="Positiv control and optimization with lipofectamin 3000" id="pos-control-3000"/>
+ <H3 text="Seeding" id="pos-control-3000-seeding"/>
+ <H3 text="Transfection" id="pos-control-3000-transfection"/>
+ <H3 text="Microscopy" id="pos-control-3000-microscopy"/>
<table>
<tr>
<th>Plasmid</th>
@@ -87,10 +88,10 @@ export function Proof() {
</table>
</section>
<section id="poc-3000">
- <h2>Preliminary test with lipofectamine 2000</h2>
- <h3>Seeding</h3>
- <h3>Transfection</h3>
- <h3>Microscopy</h3>
+ <H2 text="Preliminary test with lipofectamine 3000" id="poc-3000"/>
+ <H3 text="Seeding" id="poc-3000-seeding"/>
+ <H3 text="Transfection" id="poc-3000-transfection"/>
+ <H3 text="Microscopy" id="poc-3000-microscopy"/>
<table>
<tr>
<th>Plasmid</th>
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index 1e2f2674b144bc4137e2f35f042d2c9d93339f0b..be096441247ccf6046c59d89ae620058a1fc766e 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -1,6 +1,7 @@
import { useEffect } from "react";
import { useLocation } from "react-router-dom";
import { openFromOtherPage } from "../components/Buttons";
+import { H2 } from "../components/headings";
export function Team() {
const location = useLocation();
@@ -36,7 +37,7 @@ export function Team() {
<>
<br/>
<br/>
- <h2>Members</h2>
+ <H2 text="Members" id="members"/>
<div className="row center">
<div className="col">
<Steckbrief
@@ -171,7 +172,7 @@ export function Team() {
</div>
</div>
- <h2>Instructor</h2>
+ <H2 text="Instructor" id="instructor"/>
<div className="row center">
<div className="col">
</div>
@@ -189,7 +190,7 @@ export function Team() {
</div>
</div>
- <h2>Advisors</h2>
+ <H2 text="Advisors" id="Advisors"/>
<div className="row center">
<div className="col">
<Steckbrief
@@ -213,7 +214,7 @@ export function Team() {
</div>
</div>
- <h2>Principal Investigators</h2>
+ <H2 text="Principal Investigators" id="PIS"/>
<div className="row center">
<div className="col">
<Steckbrief