diff --git a/src/App/App.tsx b/src/App/App.tsx
index f4421672032af5e3dde2b4b03569ba6a3d5c1fa4..6f7881426694d0a52279edde007f3defb9123963 100644
--- a/src/App/App.tsx
+++ b/src/App/App.tsx
@@ -3,7 +3,6 @@ import "./App.scss";
import "bootstrap/dist/css/bootstrap.min.css";
import { Route, Routes } from "react-router-dom";
import { Footer } from "../components/Footer.tsx";
-import { Header } from "../components/Header.tsx";
import { NotFound } from "../components/NotFound.tsx";
import { Navbar } from "../components/Navbar.tsx";
import { getPathMapping } from "../utils/getPathMapping.ts";
@@ -38,13 +37,14 @@ const App = () => {
{/* Header and PageContent */}
<Routes>
{Object.entries(pathMapping).map(
- ([path, {title, lead, component: Component}]) => (
+ ([path, {component: Component, header: Head}]) => (
<Route
key={path}
path={path}
element={
<>
- {/* <Header title={title || ""} lead={lead || ""} /> */}
+ <Head/>
+ {/* <Header title={title || ""} lead={lead || ""}/> */}
{/* Page content */}
<div className="container-fluid">
<div className="row ">
@@ -80,10 +80,7 @@ const App = () => {
path="*"
element={
<>
- <Header
- title="Not Found"
- lead="The requested URL was not found on this server."
- />
+
<NotFound />
</>
}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index dbb8bb19c39f2572d6c550642a7350ecc8232ab7..7c54683495ad3e29ff227088bbc9f8fa9137ed24 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,17 +1,17 @@
-import { H1 } from './headings.tsx';
-interface HeaderProps {
+/* import { H1 } from './headings.tsx'; */
+/* interface HeaderProps {
title: string;
lead: string;
-}
+} */
-export function Header({ title, lead }: HeaderProps) {
+export function Header(/* { title, lead }: HeaderProps */) {
return (
<header className="py-5 mb-5">
<div className="container h-100">
<div className="row h-100 align-items-center">
<div className="col-lg-12">
- <H1 text={title}></H1>
- <p className="lead mb-5">{lead}</p>
+ {/* <H1 text={title}></H1> */}
+ {/* <p className="lead mb-5">{lead}</p> */}
</div>
</div>
</div>
diff --git a/src/contents/Bfh.tsx b/src/contents/Bfh.tsx
index cc47f56d8fbd86ba007e86b1eeb175d877116c9b..43232af26219778fe9922674b6bd41e64ed22ad8 100644
--- a/src/contents/Bfh.tsx
+++ b/src/contents/Bfh.tsx
@@ -2,6 +2,7 @@ import { MyTimeline } from "../components/My-Timeline";
import BFHGallery from "../components/photo-grid";
import BFHpdf from "../components/pdfs";
import { H2} from "../components/headings";
+import { Header } from "../components/Header";
export function Bfh() {
diff --git a/src/contents/index.tsx b/src/contents/index.tsx
index e45485ede9fb86e413eca259f57e2e27d27a3b5e..b665f4c5567fda39a17f3f2175d02bd680913106 100644
--- a/src/contents/index.tsx
+++ b/src/contents/index.tsx
@@ -29,5 +29,18 @@ export * from "./sustainable.tsx"; */
export * from "./Bfh.tsx";
export * from "./wiki.tsx";
export * from "./impressum.tsx";
+export * from "../headers/bhf-h.tsx"
+export * from "../headers/attribution-h.tsx"
+export * from "../headers/cont-h.tsx"
+export * from "../headers/desc-h.tsx"
+export * from "../headers/home-h.tsx"
+export * from "../headers/exp-h.tsx"
+export * from "../headers/hp-h.tsx"
+export * from "../headers/imp-h.tsx"
+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"
diff --git a/src/headers/attribution-h.tsx b/src/headers/attribution-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1efccb7ee8538914696d87308b74e233543e4b49
--- /dev/null
+++ b/src/headers/attribution-h.tsx
@@ -0,0 +1,15 @@
+export function ATTH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/bhf-h.tsx b/src/headers/bhf-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..da59dbe7307fa3cd989e0bf207db61bd06881e4c
--- /dev/null
+++ b/src/headers/bhf-h.tsx
@@ -0,0 +1,17 @@
+
+export function BFHH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
+
\ No newline at end of file
diff --git a/src/headers/cont-h.tsx b/src/headers/cont-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..54a54c141cbb83509209dacf1393137304aa890d
--- /dev/null
+++ b/src/headers/cont-h.tsx
@@ -0,0 +1,15 @@
+export function CONTH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/desc-h.tsx b/src/headers/desc-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3ee87430c2ee3e4dd46c2cb957aee90b00b718f1
--- /dev/null
+++ b/src/headers/desc-h.tsx
@@ -0,0 +1,15 @@
+export function DESCH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/exp-h.tsx b/src/headers/exp-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bbf43ad04ceac1c4ee7806cb6982863a985bc452
--- /dev/null
+++ b/src/headers/exp-h.tsx
@@ -0,0 +1,15 @@
+export function EXPH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/home-h.tsx b/src/headers/home-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2e062010c7338f49722598bd96e635d8d4b36760
--- /dev/null
+++ b/src/headers/home-h.tsx
@@ -0,0 +1,15 @@
+export function HOMEH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/hp-h.tsx b/src/headers/hp-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..daa895fc5b47913abe48775cb5a5e4093cafb41a
--- /dev/null
+++ b/src/headers/hp-h.tsx
@@ -0,0 +1,15 @@
+export function HPH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/imp-h.tsx b/src/headers/imp-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..40f648ef47b55ae704848853d49fd847a2f8a612
--- /dev/null
+++ b/src/headers/imp-h.tsx
@@ -0,0 +1,15 @@
+export function IMPH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/note-h.tsx b/src/headers/note-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9a52bd93da75164d587bd53d32bbdba54d44bc18
--- /dev/null
+++ b/src/headers/note-h.tsx
@@ -0,0 +1,15 @@
+export function NOTEH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/res-h.tsx b/src/headers/res-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ed2277b4a6f50b2f17f1a4ac8c36667bb4617a4f
--- /dev/null
+++ b/src/headers/res-h.tsx
@@ -0,0 +1,15 @@
+export function RESH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/safe-h.tsx b/src/headers/safe-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..77cc3ed4508c2a592afea3fddc4488ece2f482b6
--- /dev/null
+++ b/src/headers/safe-h.tsx
@@ -0,0 +1,15 @@
+export function SAFEH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/team-h.tsx b/src/headers/team-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..7a7b013f70c6e44dab753b42bace6414ff24cd18
--- /dev/null
+++ b/src/headers/team-h.tsx
@@ -0,0 +1,15 @@
+export function TEAMH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/headers/wiki-h.tsx b/src/headers/wiki-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9cd02d37a9d19e25de1f184401fa2ea209274fe9
--- /dev/null
+++ b/src/headers/wiki-h.tsx
@@ -0,0 +1,15 @@
+export function WIKIH() {
+
+ return (
+ <>
+ <div className="row">
+ <div className="col">
+
+ </div>
+ </div>
+ <div className="row">
+
+ </div>
+ </>
+ );
+ }
\ No newline at end of file
diff --git a/src/pages.ts b/src/pages.ts
index ebfb77b440a7581363c28b263f3e6efdcffb9c73..e4bda55064e0806effb85641a71cf204f6844f27 100644
--- a/src/pages.ts
+++ b/src/pages.ts
@@ -16,6 +16,8 @@
Impressum
} from "./contents";
+import { BFHH, HOMEH, HPH, RESH, ATTH, CONTH, DESCH, EXPH, IMPH, NOTEH, SAFEH, TEAMH, WIKIH } from "./contents";
+
interface Base {
name: string | undefined;
}
@@ -30,7 +32,7 @@ class Page implements Base {
title: string | undefined;
path: string | undefined;
component: React.FC | undefined;
- lead: string | undefined;
+ header!: React.FC;
navlist: Array<string> | undefined;
}
@@ -40,7 +42,7 @@ const Pages: (Page | Folder)[] = [
title: "Bielefeld CeBiTec",
path: "/",
component: Home,
- lead: "Precision with every breath",
+ header: HOMEH,
navlist: [""],
},
{
@@ -51,7 +53,7 @@ const Pages: (Page | Folder)[] = [
title: "Team",
path: "/team",
component: Team,
- lead: "On this page you can introduce your team members, instructors, and advisors.",
+ header: TEAMH,
navlist: [""],
},
{
@@ -59,15 +61,15 @@ const Pages: (Page | Folder)[] = [
title: "Attributions",
path: "/attributions",
component: Attributions,
- lead: "In the iGEM Competition, we celebrate student effort and achievement. The Attributions form helps the judges differentiate between what students accomplished from how their external collaborators supported them. Therefore, teams must clearly explain on the standard Project Attributions form what work they have conducted by themselves and what has been done by others.",
- navlist: [""],
+ header: ATTH,
+ navlist: [""],
},
{
name: "Impressum",
title: "Impressum",
path: "/impressum",
component: Impressum,
- lead: "In the iGEM Competition, we celebrate student effort and achievement. The Attributions form helps the judges differentiate between what students accomplished from how their external collaborators supported them. Therefore, teams must clearly explain on the standard Project Attributions form what work they have conducted by themselves and what has been done by others.",
+ header: IMPH,
navlist: [""],
},
],
@@ -80,7 +82,7 @@ const Pages: (Page | Folder)[] = [
title: "Contribution",
path: "/contribution",
component: Contribution,
- lead: "Make a useful contribution for future iGEM teams. Use this page to document that contribution.",
+ header: CONTH,
navlist: [""],
},
{
@@ -88,7 +90,7 @@ const Pages: (Page | Folder)[] = [
title: "Project Description",
path: "/description",
component: Description,
- lead: "",
+ header: DESCH,
navlist: ["Abstract", "Cystic Fibrosis", "Our motivation", "Approach", "Delivery", "Our vision", "References"]
},
/* {
@@ -96,7 +98,7 @@ const Pages: (Page | Folder)[] = [
title: "Engineering Success",
path: "/engineering",
component: Engineering,
- lead: "Demonstrate engineering success in a technical aspect of your project by going through at least one iteration of the engineering design cycle. This achievement should be distinct from your Contribution for Bronze.",
+ header: "Demonstrate engineering success in a technical aspect of your project by going through at least one iteration of the engineering design cycle. This achievement should be distinct from your Contribution for Bronze.",
navlist: [""],
}, */
{
@@ -104,7 +106,7 @@ const Pages: (Page | Folder)[] = [
title: "Experiments",
path: "/experiments",
component: Experiments,
- lead: "Describe the research, experiments, and protocols you used in your iGEM project.",
+ header: EXPH,
navlist: [""],
},
{
@@ -112,7 +114,7 @@ const Pages: (Page | Folder)[] = [
title: "Notebook",
path: "/notebook",
component: Notebook,
- lead: "Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.",
+ header: NOTEH,
navlist: [""],
},
{
@@ -120,7 +122,7 @@ const Pages: (Page | Folder)[] = [
title: "Results",
path: "/results",
component: Results,
- lead: "You can describe the results of your project and your future plans here.",
+ header: RESH,
navlist: [""],
},
],
@@ -130,7 +132,7 @@ const Pages: (Page | Folder)[] = [
title: "Safety",
path: "/safety",
component: Safety,
- lead: "Describe all the safety issues of your project.",
+ header: SAFEH,
navlist: [""],
},
{
@@ -138,8 +140,8 @@ const Pages: (Page | Folder)[] = [
title: "Human Practices",
path: "/human-practices",
component: HumanPractices,
- lead: "We ask every team to think deeply and creatively about whether their project is responsible and good for the world. Consider how the world affects your work and how your work affects the world.",
- navlist: [""],
+ header: HPH,
+ navlist: [""],
},
/* {
name: "Awards",
@@ -150,7 +152,7 @@ const Pages: (Page | Folder)[] = [
title: "Sustainable Development Goals",
path: "/sustainable",
component: Sustainable,
- lead: "Describe how you have evaluated your project ideas against one or more of the SDGs.",
+ header: "Describe how you have evaluated your project ideas against one or more of the SDGs.",
navlist: [""],
},
],
@@ -163,7 +165,7 @@ const Pages: (Page | Folder)[] = [
title: "BFH European MeetUp",
path: "/bfh",
component: Bfh,
- lead: "MeetUp",
+ header: BFHH,
navlist: [],
},
{
@@ -171,7 +173,7 @@ const Pages: (Page | Folder)[] = [
title: "wiki",
path: "/wiki",
component: Wiki,
- lead: "Wiki",
+ header: WIKIH,
navlist: [""],
},
]
diff --git a/src/utils/getPathMapping.ts b/src/utils/getPathMapping.ts
index 0e0415a6fc24463bda2aad34a7796df74ac68002..ef66f295dcb51eab21a98a9e5b5eaa5b76465a35 100644
--- a/src/utils/getPathMapping.ts
+++ b/src/utils/getPathMapping.ts
@@ -6,7 +6,7 @@ export const getPathMapping = () => {
name: string | undefined;
title: string | undefined;
component: React.FC;
- lead: string | undefined;
+ header: React.FC;
navlist: Array<string> | undefined;
};
}>((map, item) => {
@@ -15,7 +15,7 @@ export const getPathMapping = () => {
name: item.name,
title: item.title,
component: item.component,
- lead: item.lead,
+ header: item.header,
navlist: item.navlist,
};
} else if ("folder" in item && item.folder) {
@@ -25,7 +25,7 @@ export const getPathMapping = () => {
name: page.name,
title: page.title,
component: page.component,
- lead: page.lead,
+ header: page.header,
navlist: page.navlist,
};
}