From da1bb701d4343b830945096d9ebe7c56dcfba70a Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Fri, 12 Jul 2024 16:35:55 +0200
Subject: [PATCH] geader box

---
 src/App/App.css               | 10 +++++++---
 src/contents/header-box.tsx   | 18 ++++++++++++++++++
 src/headers/attribution-h.tsx | 15 +++++----------
 src/headers/bhf-h.tsx         |  2 +-
 src/headers/cont-h.tsx        | 15 +++++----------
 src/headers/des-h.tsx         | 17 ++++++-----------
 src/headers/desc-h.tsx        | 19 +++++++------------
 src/headers/dry-h.tsx         | 20 +++++++-------------
 src/headers/eng-h.tsx         | 19 +++++++------------
 src/headers/eth-h.tsx         | 19 +++++++------------
 src/headers/exp-h.tsx         | 19 +++++++------------
 src/headers/home-h.tsx        | 20 +++++++-------------
 src/headers/hp-h.tsx          | 19 +++++++------------
 src/headers/imp-h.tsx         | 19 +++++++------------
 src/headers/ints-h.tsx        | 19 +++++++------------
 src/headers/judge-h.tsx       | 14 +++++---------
 src/headers/mes-h.tsx         | 19 +++++++------------
 src/headers/note-h.tsx        | 19 +++++++------------
 src/headers/part-h.tsx        | 19 +++++++------------
 src/headers/proof-h.tsx       | 19 +++++++------------
 src/headers/res-h.tsx         | 19 +++++++------------
 src/headers/safe-h.tsx        | 19 +++++++------------
 src/headers/spons-h.tsx       | 19 +++++++------------
 src/headers/sup-h.tsx         | 19 +++++++------------
 src/headers/team-h.tsx        | 19 +++++++------------
 src/headers/wiki-h.tsx        | 19 +++++++------------
 26 files changed, 180 insertions(+), 274 deletions(-)
 create mode 100644 src/contents/header-box.tsx

diff --git a/src/App/App.css b/src/App/App.css
index e107012b..d5d7109a 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -61,9 +61,9 @@ a {
   color: var(--lightblue) !important;
   text-decoration: none !important;
 }
-a:active {
-  background-color: yellow;
-}
+
+
+
 /* * * * * * * */
 /* *SIDEBAR* * */
 /* * * * * * * */
@@ -117,6 +117,10 @@ color: var(--text-primary);
   max-height: 100% !important;
   max-width: 100% !important; 
 }
+.header-container{
+  padding-top: 380px;
+  background-color: var(--lightblue);
+}
 .null{
   padding: 0% !important;
    margin: 0% !important;
diff --git a/src/contents/header-box.tsx b/src/contents/header-box.tsx
new file mode 100644
index 00000000..5a44913c
--- /dev/null
+++ b/src/contents/header-box.tsx
@@ -0,0 +1,18 @@
+interface Props{
+    children?: React.ReactNode,
+}
+
+export default function HeaderBox({children}: Props ){
+    return(
+        <>
+        <div className="row">
+          <div className="col header-container">
+            {children}
+          </div>
+        </div>
+        <div className="row">
+      
+        </div>
+      </>
+    )
+}
\ No newline at end of file
diff --git a/src/headers/attribution-h.tsx b/src/headers/attribution-h.tsx
index 1efccb7e..7c10b3fa 100644
--- a/src/headers/attribution-h.tsx
+++ b/src/headers/attribution-h.tsx
@@ -1,15 +1,10 @@
+import HeaderBox from "../contents/header-box";
+
 export function ATTH() {
 
     return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
-      
-        </div>
-      </>
+      <HeaderBox>
+        
+      </HeaderBox>
     );
   }
\ No newline at end of file
diff --git a/src/headers/bhf-h.tsx b/src/headers/bhf-h.tsx
index db5014de..51ec034e 100644
--- a/src/headers/bhf-h.tsx
+++ b/src/headers/bhf-h.tsx
@@ -3,7 +3,7 @@ export function BFHH() {
     return (
       <>
         <div className="row">
-          <div className="col">
+          <div className="col header-container">
           <div className="bg-video-container">
           <iframe title="Bielefeld-CeBiTec: MeetUp (2024) [English]" width="100%" height="700" src="https://video.igem.org/videos/embed/30b8a6e0-2b4a-4618-8867-4eb8e6a52936?start=27s&amp;loop=1&amp;autoplay=1&amp;muted=1&amp;title=0&amp;warningTitle=0&amp;controlBar=0&amp;peertubeLink=0&amp;p2p=0" frameBorder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
           </div>
diff --git a/src/headers/cont-h.tsx b/src/headers/cont-h.tsx
index 54a54c14..a247292e 100644
--- a/src/headers/cont-h.tsx
+++ b/src/headers/cont-h.tsx
@@ -1,15 +1,10 @@
+import HeaderBox from "../contents/header-box";
+
 export function CONTH() {
 
     return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
-      
-        </div>
-      </>
+      <HeaderBox>
+        
+      </HeaderBox>
     );
   }
\ No newline at end of file
diff --git a/src/headers/des-h.tsx b/src/headers/des-h.tsx
index d0e066d8..24ae3ef1 100644
--- a/src/headers/des-h.tsx
+++ b/src/headers/des-h.tsx
@@ -1,15 +1,10 @@
 export function DESH() {
 
     return (
-      <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
-      
-        </div>
-      </>
+      <HeaderBox>
+        
+      </HeaderBox>
     );
-  }
\ No newline at end of file
+  }
+
+  import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/desc-h.tsx b/src/headers/desc-h.tsx
index 3ee87430..c135f145 100644
--- a/src/headers/desc-h.tsx
+++ b/src/headers/desc-h.tsx
@@ -1,15 +1,10 @@
 export function DESCH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/dry-h.tsx b/src/headers/dry-h.tsx
index b889131b..18b43088 100644
--- a/src/headers/dry-h.tsx
+++ b/src/headers/dry-h.tsx
@@ -1,15 +1,9 @@
 export function DRYH() {
-
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/eng-h.tsx b/src/headers/eng-h.tsx
index 7752af80..0fe088c9 100644
--- a/src/headers/eng-h.tsx
+++ b/src/headers/eng-h.tsx
@@ -1,15 +1,10 @@
 export function ENGH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/eth-h.tsx b/src/headers/eth-h.tsx
index 28ad539a..80b261fa 100644
--- a/src/headers/eth-h.tsx
+++ b/src/headers/eth-h.tsx
@@ -1,15 +1,10 @@
 export function ETHH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/exp-h.tsx b/src/headers/exp-h.tsx
index bbf43ad0..8235ad65 100644
--- a/src/headers/exp-h.tsx
+++ b/src/headers/exp-h.tsx
@@ -1,15 +1,10 @@
 export function EXPH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/home-h.tsx b/src/headers/home-h.tsx
index 2e062010..945a31ea 100644
--- a/src/headers/home-h.tsx
+++ b/src/headers/home-h.tsx
@@ -1,15 +1,9 @@
 export function HOMEH() {
-
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/hp-h.tsx b/src/headers/hp-h.tsx
index daa895fc..f3d19ec1 100644
--- a/src/headers/hp-h.tsx
+++ b/src/headers/hp-h.tsx
@@ -1,15 +1,10 @@
 export function HPH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/imp-h.tsx b/src/headers/imp-h.tsx
index 40f648ef..e915b14f 100644
--- a/src/headers/imp-h.tsx
+++ b/src/headers/imp-h.tsx
@@ -1,15 +1,10 @@
 export function IMPH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/ints-h.tsx b/src/headers/ints-h.tsx
index 500571a2..290a1704 100644
--- a/src/headers/ints-h.tsx
+++ b/src/headers/ints-h.tsx
@@ -1,15 +1,10 @@
 export function INTSH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/judge-h.tsx b/src/headers/judge-h.tsx
index 1509c2bf..8d598cab 100644
--- a/src/headers/judge-h.tsx
+++ b/src/headers/judge-h.tsx
@@ -1,15 +1,11 @@
+import HeaderBox from "../contents/header-box";
+
 export function JUDGEH() {
 
     return (
-      <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
       
-        </div>
-      </>
+      <HeaderBox>
+        
+      </HeaderBox>
     );
   }
\ No newline at end of file
diff --git a/src/headers/mes-h.tsx b/src/headers/mes-h.tsx
index a3ff1a80..0f447d6c 100644
--- a/src/headers/mes-h.tsx
+++ b/src/headers/mes-h.tsx
@@ -1,15 +1,10 @@
 export function MESH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/note-h.tsx b/src/headers/note-h.tsx
index 9a52bd93..f4663214 100644
--- a/src/headers/note-h.tsx
+++ b/src/headers/note-h.tsx
@@ -1,15 +1,10 @@
 export function NOTEH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/part-h.tsx b/src/headers/part-h.tsx
index 1ef11dba..afc03aa1 100644
--- a/src/headers/part-h.tsx
+++ b/src/headers/part-h.tsx
@@ -1,15 +1,10 @@
 export function PARTH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/proof-h.tsx b/src/headers/proof-h.tsx
index 21f6b9fb..d290e8bd 100644
--- a/src/headers/proof-h.tsx
+++ b/src/headers/proof-h.tsx
@@ -1,15 +1,10 @@
 export function PROOFH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/res-h.tsx b/src/headers/res-h.tsx
index ed2277b4..7f2090da 100644
--- a/src/headers/res-h.tsx
+++ b/src/headers/res-h.tsx
@@ -1,15 +1,10 @@
 export function RESH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/safe-h.tsx b/src/headers/safe-h.tsx
index 77cc3ed4..aa8e7d6c 100644
--- a/src/headers/safe-h.tsx
+++ b/src/headers/safe-h.tsx
@@ -1,15 +1,10 @@
 export function SAFEH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/spons-h.tsx b/src/headers/spons-h.tsx
index 4acc4b44..65e3d367 100644
--- a/src/headers/spons-h.tsx
+++ b/src/headers/spons-h.tsx
@@ -1,15 +1,10 @@
 export function SPONH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/sup-h.tsx b/src/headers/sup-h.tsx
index 1997d1fe..a81d1470 100644
--- a/src/headers/sup-h.tsx
+++ b/src/headers/sup-h.tsx
@@ -1,15 +1,10 @@
 export function SUPH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/team-h.tsx b/src/headers/team-h.tsx
index 7a7b013f..733d556b 100644
--- a/src/headers/team-h.tsx
+++ b/src/headers/team-h.tsx
@@ -1,15 +1,10 @@
 export function TEAMH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
diff --git a/src/headers/wiki-h.tsx b/src/headers/wiki-h.tsx
index 9cd02d37..f44a8492 100644
--- a/src/headers/wiki-h.tsx
+++ b/src/headers/wiki-h.tsx
@@ -1,15 +1,10 @@
 export function WIKIH() {
 
-    return (
-      <>
-        <div className="row">
-          <div className="col">
-            
-          </div>
-        </div>
-        <div className="row">
+  return (
+    <HeaderBox>
       
-        </div>
-      </>
-    );
-  }
\ No newline at end of file
+    </HeaderBox>
+  );
+}
+
+import HeaderBox from "../contents/header-box";
\ No newline at end of file
-- 
GitLab