From 97368c850ffa928d28ea427c5955a01f3dc65120 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Sun, 29 Sep 2024 23:20:11 +0200
Subject: [PATCH] header

---
 src/App/App.css               | 57 +++++++++++++++++++++++++++++++++--
 src/contents/index.tsx        |  2 --
 src/headers/attribution-h.tsx |  2 +-
 src/headers/cont-h.tsx        |  2 +-
 src/headers/des-h.tsx         | 10 ------
 src/headers/desc-h.tsx        |  2 +-
 src/headers/dry-h.tsx         |  9 ------
 src/headers/eng-h.tsx         |  2 +-
 src/headers/exp-h.tsx         |  2 +-
 src/headers/ibie-h.tsx        |  2 +-
 src/headers/imp-h.tsx         |  2 +-
 src/headers/ints-h.tsx        | 10 ------
 src/headers/judge-h.tsx       |  2 +-
 src/headers/meth-h.tsx        |  2 +-
 src/headers/note-h.tsx        |  2 +-
 src/headers/part-h.tsx        |  2 +-
 src/headers/prodesc-h.tsx     |  2 +-
 src/headers/res-h.tsx         |  2 +-
 src/headers/safe-h.tsx        |  2 +-
 src/headers/spons-h.tsx       |  2 +-
 src/headers/sup-h.tsx         |  2 +-
 src/headers/team-h.tsx        |  2 +-
 src/headers/wiki-h.tsx        | 10 ------
 23 files changed, 72 insertions(+), 60 deletions(-)
 delete mode 100644 src/headers/des-h.tsx
 delete mode 100644 src/headers/dry-h.tsx
 delete mode 100644 src/headers/ints-h.tsx
 delete mode 100644 src/headers/wiki-h.tsx

diff --git a/src/App/App.css b/src/App/App.css
index 4bd2afc6..192cc901 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -4031,10 +4031,63 @@ figure img{
 
 #hphead{
   background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/human-practices.webp");
- 
 }
 
-#hphead{
+#conhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/contribution.webp");
+}
+
+#deschead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/project-description.webp");
+}
+
+#enghead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/.webp");
+}
+#safehead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/biosafety2.webp");
+}
+/* #atthead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/attribution.webp");
+} */
+#dochead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/documentation.webp");
+}
+#exhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/experiments.webp");
+}
+#ibhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/igem-bielefeld.webp");
+}
+#jughead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/judging.webp");
+}
+#mmhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/materials-methods.webp");
+}
+#nothead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/notebook.webp");
+}
+#parhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/parts.webp");
+}
+#reshead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/results.webp");
+}
+#teamhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/rooster.webp");
+}
+#sphead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/sponsors-partners.webp");
+}
+#suphead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/supplement.webp");
+}
+
+#hphead, #conhead, #deschead, #enghead, #safehead, #atthead, #dochead, 
+#exhead, #ibhead, #jughead, #mmhead, #nothead, #parhead, #reshead, #teamhead
+, #sphead, #suphead
+{
   background-size: 1650px auto;
   background-repeat: no-repeat;
 }
diff --git a/src/contents/index.tsx b/src/contents/index.tsx
index 39546fca..4972a596 100644
--- a/src/contents/index.tsx
+++ b/src/contents/index.tsx
@@ -33,8 +33,6 @@ export * from "../headers/note-h.tsx"
 export * from "../headers/res-h.tsx"
 export * from "../headers/safe-h.tsx"
 export * from "../headers/team-h.tsx"
-export * from "../headers/wiki-h.tsx"
-export * from "../headers/ints-h.tsx"
 export * from "../headers/spons-h.tsx"
 export * from "../headers/eng-h.tsx"
 export * from "../headers/sup-h.tsx"
diff --git a/src/headers/attribution-h.tsx b/src/headers/attribution-h.tsx
index 79825928..04b6e3a0 100644
--- a/src/headers/attribution-h.tsx
+++ b/src/headers/attribution-h.tsx
@@ -3,7 +3,7 @@ import HeaderBox from "../components/HeaderBox";
 export function ATTH() {
 
     return (
-      <HeaderBox title="Attributions">
+      <HeaderBox title="Attributions" id="atthead">
       </HeaderBox>
     );
   }
\ No newline at end of file
diff --git a/src/headers/cont-h.tsx b/src/headers/cont-h.tsx
index 99921238..a5d9f164 100644
--- a/src/headers/cont-h.tsx
+++ b/src/headers/cont-h.tsx
@@ -3,7 +3,7 @@ import HeaderBox from "../components/HeaderBox";
 export function CONTH() {
 
     return (
-      <HeaderBox title="Contribution">
+      <HeaderBox title="Contribution" id="conhead">
         
       </HeaderBox>
     );
diff --git a/src/headers/des-h.tsx b/src/headers/des-h.tsx
deleted file mode 100644
index 241a01ad..00000000
--- a/src/headers/des-h.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export function DESH() {
-
-    return (
-      <HeaderBox title="Design">
-        
-      </HeaderBox>
-    );
-  }
-
-  import HeaderBox from "../components/HeaderBox";
\ No newline at end of file
diff --git a/src/headers/desc-h.tsx b/src/headers/desc-h.tsx
index 699db6f5..f6942b04 100644
--- a/src/headers/desc-h.tsx
+++ b/src/headers/desc-h.tsx
@@ -1,7 +1,7 @@
 export function DESCH() {
 
   return (
-    <HeaderBox  title="Description">
+    <HeaderBox  title="Description" id="deschead">
       
     </HeaderBox>
   );
diff --git a/src/headers/dry-h.tsx b/src/headers/dry-h.tsx
deleted file mode 100644
index 269c301a..00000000
--- a/src/headers/dry-h.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-export function DRYH() {
-  return (
-    <HeaderBox title="dry lab">
-      
-    </HeaderBox>
-  );
-}
-
-import HeaderBox from "../components/HeaderBox";
\ No newline at end of file
diff --git a/src/headers/eng-h.tsx b/src/headers/eng-h.tsx
index be5c76b0..b96d2b3c 100644
--- a/src/headers/eng-h.tsx
+++ b/src/headers/eng-h.tsx
@@ -1,7 +1,7 @@
 export function ENGH() {
 
   return (
-    <HeaderBox title="Engineering">
+    <HeaderBox title="Engineering" id="enghead">
       
     </HeaderBox>
   );
diff --git a/src/headers/exp-h.tsx b/src/headers/exp-h.tsx
index 562ea86d..b359e975 100644
--- a/src/headers/exp-h.tsx
+++ b/src/headers/exp-h.tsx
@@ -1,7 +1,7 @@
 export function EXPH() {
 
   return (
-    <HeaderBox title="Experiments">
+    <HeaderBox title="Experiments" id="exhead">
       
     </HeaderBox>
   );
diff --git a/src/headers/ibie-h.tsx b/src/headers/ibie-h.tsx
index c1f068d9..2fea7d37 100644
--- a/src/headers/ibie-h.tsx
+++ b/src/headers/ibie-h.tsx
@@ -1,7 +1,7 @@
 export function IBIE() {
 
     return (
-      <HeaderBox title="iGEM" title2="Bielefeld">
+      <HeaderBox title="iGEM" title2="Bielefeld" id="ibhead">
         
       </HeaderBox>
     );
diff --git a/src/headers/imp-h.tsx b/src/headers/imp-h.tsx
index 2706ead2..bddd295e 100644
--- a/src/headers/imp-h.tsx
+++ b/src/headers/imp-h.tsx
@@ -1,7 +1,7 @@
 export function IMPH() {
 
   return (
-    <HeaderBox title="">
+    <HeaderBox title="" id="imphead">
       
     </HeaderBox>
   );
diff --git a/src/headers/ints-h.tsx b/src/headers/ints-h.tsx
deleted file mode 100644
index e8c8252d..00000000
--- a/src/headers/ints-h.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export function INTSH() {
-
-  return (
-    <HeaderBox title="Interviews">
-      
-    </HeaderBox>
-  );
-}
-
-import HeaderBox from "../components/HeaderBox";
\ No newline at end of file
diff --git a/src/headers/judge-h.tsx b/src/headers/judge-h.tsx
index ee719574..0941579b 100644
--- a/src/headers/judge-h.tsx
+++ b/src/headers/judge-h.tsx
@@ -4,7 +4,7 @@ export function JUDGEH() {
 
     return (
       
-      <HeaderBox title="Judging">
+      <HeaderBox title="Judging" id="jughead">
         
       </HeaderBox>
     );
diff --git a/src/headers/meth-h.tsx b/src/headers/meth-h.tsx
index 71c86bdc..be3e2db5 100644
--- a/src/headers/meth-h.tsx
+++ b/src/headers/meth-h.tsx
@@ -1,7 +1,7 @@
 export function METHH() {
 
     return (
-      <HeaderBox title="Materials" title2="& Methods">
+      <HeaderBox title="Materials" title2="& Methods" id="mmhead">
         
       </HeaderBox>
     );
diff --git a/src/headers/note-h.tsx b/src/headers/note-h.tsx
index 3b9b8b91..707a58c6 100644
--- a/src/headers/note-h.tsx
+++ b/src/headers/note-h.tsx
@@ -1,7 +1,7 @@
 export function NOTEH() {
 
   return (
-    <HeaderBox title="Notebook">
+    <HeaderBox title="Notebook" id="nothead">
       
     </HeaderBox>
   );
diff --git a/src/headers/part-h.tsx b/src/headers/part-h.tsx
index 7add290d..d9977c6d 100644
--- a/src/headers/part-h.tsx
+++ b/src/headers/part-h.tsx
@@ -1,7 +1,7 @@
 export function PARTH() {
 
   return (
-    <HeaderBox title="Parts">
+    <HeaderBox title="Parts" id="parhead">
       
     </HeaderBox>
   );
diff --git a/src/headers/prodesc-h.tsx b/src/headers/prodesc-h.tsx
index 19b9fd5b..00be4549 100644
--- a/src/headers/prodesc-h.tsx
+++ b/src/headers/prodesc-h.tsx
@@ -1,7 +1,7 @@
 export function PRODESC() {
 
   return (
-    <HeaderBox title="Project" title2="Documentation" >
+    <HeaderBox title="Project" title2="Documentation" id="dochead">
       
     </HeaderBox>
   );
diff --git a/src/headers/res-h.tsx b/src/headers/res-h.tsx
index b51d68e5..5c633edb 100644
--- a/src/headers/res-h.tsx
+++ b/src/headers/res-h.tsx
@@ -1,7 +1,7 @@
 export function RESH() {
 
   return (
-    <HeaderBox title="Results">
+    <HeaderBox title="Results" id="reshead">
       
     </HeaderBox>
   );
diff --git a/src/headers/safe-h.tsx b/src/headers/safe-h.tsx
index f24c29bf..3046d73c 100644
--- a/src/headers/safe-h.tsx
+++ b/src/headers/safe-h.tsx
@@ -1,7 +1,7 @@
 export function SAFEH() {
 
   return (
-    <HeaderBox title="Biosafety">
+    <HeaderBox title="Biosafety" id="safehead">
       
     </HeaderBox>
   );
diff --git a/src/headers/spons-h.tsx b/src/headers/spons-h.tsx
index dfeb712a..1e851c72 100644
--- a/src/headers/spons-h.tsx
+++ b/src/headers/spons-h.tsx
@@ -1,7 +1,7 @@
 export function SPONH() {
 
   return (
-    <HeaderBox title="Sponsors" title2="& Partners">
+    <HeaderBox title="Sponsors" title2="& Partners" id="sphead">
       
     </HeaderBox>
   );
diff --git a/src/headers/sup-h.tsx b/src/headers/sup-h.tsx
index 9e378aa8..2ecd535a 100644
--- a/src/headers/sup-h.tsx
+++ b/src/headers/sup-h.tsx
@@ -1,7 +1,7 @@
 export function SUPH() {
 
   return (
-    <HeaderBox title="Supplementary" title2="Material">
+    <HeaderBox title="Supplementary" title2="Material" id="suphead">
       
     </HeaderBox>
   );
diff --git a/src/headers/team-h.tsx b/src/headers/team-h.tsx
index 4b5dc019..b72120b4 100644
--- a/src/headers/team-h.tsx
+++ b/src/headers/team-h.tsx
@@ -1,7 +1,7 @@
 export function TEAMH() {
 
   return (
-    <HeaderBox title="Our Team">
+    <HeaderBox title="Our Team" id="teamhead">
       
     </HeaderBox>
   );
diff --git a/src/headers/wiki-h.tsx b/src/headers/wiki-h.tsx
deleted file mode 100644
index 2551f5bf..00000000
--- a/src/headers/wiki-h.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export function WIKIH() {
-
-  return (
-    <HeaderBox title="Wiki Documentation">
-      
-    </HeaderBox>
-  );
-}
-
-import HeaderBox from "../components/HeaderBox";
\ No newline at end of file
-- 
GitLab