h2 einheitlich

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>

src/contents/partners.tsx

 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">

src/contents/proof.tsx

 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>

src/contents/team.tsx

 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