From edbde455091481ebbe6835221759af80fe5319d2 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Fri, 20 Sep 2024 19:51:40 +0200
Subject: [PATCH] HP Sidebar & Layout
---
.../Further Engagement/Collaborations.tsx | 35 +++++++++++++++++++
.../Further Engagement/Education.tsx | 16 ++++-----
.../Further Engagement/Entrepreneurship.tsx | 30 ++++++++++++++++
.../Further Engagement/FurtherEngagement.tsx | 9 +++--
.../Further Engagement/Outreach.tsx | 4 +--
.../Further Engagement/Partnerships.tsx | 12 +++++++
.../Further Engagement/SupMaterial.tsx | 10 ++++++
.../Human Practices/human-practices.tsx | 3 +-
8 files changed, 105 insertions(+), 14 deletions(-)
create mode 100644 src/contents/Human Practices/Further Engagement/Collaborations.tsx
create mode 100644 src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx
create mode 100644 src/contents/Human Practices/Further Engagement/Partnerships.tsx
create mode 100644 src/contents/Human Practices/Further Engagement/SupMaterial.tsx
diff --git a/src/contents/Human Practices/Further Engagement/Collaborations.tsx b/src/contents/Human Practices/Further Engagement/Collaborations.tsx
new file mode 100644
index 00000000..8bf8763c
--- /dev/null
+++ b/src/contents/Human Practices/Further Engagement/Collaborations.tsx
@@ -0,0 +1,35 @@
+import { ButtonOne } from "../../../components/Buttons";
+import { H4 } from "../../../components/Headings";
+import { LoremMedium } from "../../../components/Loremipsum";
+
+export function HPCollabs(){
+
+ return (
+ <div className="col">
+ <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
+ <div className="col">
+ <ButtonOne openclass="coll-cycletab" text="Overview" open="coll-overview"></ButtonOne>
+ </div>
+ <div className="col">
+ <ButtonOne openclass="coll-cycletab" text="Collabs in 2024" open="colls2024"></ButtonOne>
+ </div>
+ <div className="col">
+ <ButtonOne openclass="coll-cycletab" text="LNP Handbook" open="Handbook"></ButtonOne>
+ </div>
+ </div>
+
+ <div id="coll-overview" className="coll-cycletab" style={{display: "block"}}>
+ <H4 id="coll-heading" text=""/>
+ <LoremMedium/>
+ </div>
+ <div id="colls2024" className="coll-cycletab" style={{display: "none"}}>
+ <H4 id="student-academy-heading" text="Student academy on the topic of synthetic biology"/>
+ <LoremMedium/>
+ </div>
+ <div id="Handbook" className="coll-cycletab" style={{display: "none"}}>
+ <H4 id="teuroruft-heading" text=""/>
+ <LoremMedium/>
+ </div>
+ </div>
+ )
+}
\ No newline at end of file
diff --git a/src/contents/Human Practices/Further Engagement/Education.tsx b/src/contents/Human Practices/Further Engagement/Education.tsx
index 5fef6a30..f0bd9d27 100644
--- a/src/contents/Human Practices/Further Engagement/Education.tsx
+++ b/src/contents/Human Practices/Further Engagement/Education.tsx
@@ -8,26 +8,26 @@ export function HPEducation(){
<div className="col">
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
<div className="col">
- <ButtonOne text="Overview" open="edu-overview"></ButtonOne>
+ <ButtonOne openclass="edu-cycletab" text="Overview" open="edu-overview"></ButtonOne>
</div>
<div className="col">
- <ButtonOne text="Teuto ruft!" open="teutoruft"></ButtonOne>
+ <ButtonOne openclass="edu-cycletab" text="Teuto ruft!" open="teutoruft"></ButtonOne>
</div>
<div className="col">
- <ButtonOne text="Schüler*innen Akademie" open="akademie"></ButtonOne>
+ <ButtonOne openclass="edu-cycletab" text="Schüler*innen Akademie" open="akademie"></ButtonOne>
</div>
</div>
- <div id="edu-overview" className="cycletab" style={{display: "block"}}>
- <H4 id="edu-out-heading" text="Our education and outreach"/>
+ <div id="edu-overview" className="edu-cycletab" style={{display: "block"}}>
+ <H4 id="edu-heading" text="Our education and outreach"/>
<LoremMedium/>
- <H4 id="why-heading" text="If not as a special prize - then why?"/>
+ <H4 id="edu-why-heading" text="If not as a special prize - then why?"/>
<LoremMedium/>
</div>
- <div id="akademie" className="cycletab" style={{display: "none"}}>
+ <div id="akademie" className="edu-cycletab" style={{display: "none"}}>
<H4 id="student-academy-heading" text="Student academy on the topic of synthetic biology"/>
</div>
- <div id="teutoruft" className="cycletab" style={{display: "none"}}>
+ <div id="teutoruft" className="edu-cycletab" style={{display: "none"}}>
<H4 id="teuroruft-heading" text="Educational city tour for young and old"/>
<div className="row align-items-center">
<div className="col">
diff --git a/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx b/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx
new file mode 100644
index 00000000..0076342f
--- /dev/null
+++ b/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx
@@ -0,0 +1,30 @@
+import { ButtonOne } from "../../../components/Buttons";
+import { H4 } from "../../../components/Headings";
+import { LoremMedium } from "../../../components/Loremipsum";
+
+export function HPEntrepreneur(){
+
+ return(
+ <div className="col">
+ <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
+ <div className="col">
+ <ButtonOne openclass="ent-cycletab" text="Overview" open="ent-overview"></ButtonOne>
+ </div>
+ <div className="col">
+ <ButtonOne openclass="ent-interview" text="ent-interview" open="ent-interview"></ButtonOne>
+ </div>
+ </div>
+
+ <div id="ent-overview" className="ent-interview" style={{display: "block"}}>
+ <H4 id="ent-heading" text="Our education and outreach"/>
+ <LoremMedium/>
+ <H4 id="ent-why-heading" text="If not as a special prize - then why?"/>
+ <LoremMedium/>
+ </div>
+ <div id="ent-interview" className="ent-interview" style={{display: "none"}}>
+ <H4 id="ent-interview-heading" text="Heading"/>
+ </div>
+
+ </div>
+ )
+}
\ No newline at end of file
diff --git a/src/contents/Human Practices/Further Engagement/FurtherEngagement.tsx b/src/contents/Human Practices/Further Engagement/FurtherEngagement.tsx
index a8bdd37a..b7129c2c 100644
--- a/src/contents/Human Practices/Further Engagement/FurtherEngagement.tsx
+++ b/src/contents/Human Practices/Further Engagement/FurtherEngagement.tsx
@@ -1,6 +1,9 @@
import { Section, Subesction } from "../../../components/sections";
+import { HPCollabs } from "./Collaborations";
import { HPEducation } from "./Education";
+import { HPEntrepreneur } from "./Entrepreneurship";
import { HPOutreach } from "./Outreach";
+import { HPPartnerships } from "./Partnerships";
export function HPFurtherEngagement(){
@@ -13,13 +16,13 @@ export function HPFurtherEngagement(){
<HPEducation/>
</Subesction>
<Subesction title="Entrepreneurship" id="Further Engagement3">
- <HPEducation/>
+ <HPEntrepreneur/>
</Subesction>
<Subesction title="Collaborations" id="Further Engagement4">
- <HPEducation/>
+ <HPCollabs/>
</Subesction>
<Subesction title="Partnerships" id="Further Engagement5">
- <HPEducation/>
+ <HPPartnerships/>
</Subesction>
</Section>
)
diff --git a/src/contents/Human Practices/Further Engagement/Outreach.tsx b/src/contents/Human Practices/Further Engagement/Outreach.tsx
index 079d4079..b7717d7d 100644
--- a/src/contents/Human Practices/Further Engagement/Outreach.tsx
+++ b/src/contents/Human Practices/Further Engagement/Outreach.tsx
@@ -20,9 +20,9 @@ export function HPOutreach(){
</div>
<div id="out-overview" className="edu-cycletab" style={{display: "block"}}>
- <H4 id="edu-out-heading" text="Our education and outreach"/>
+ <H4 id="out-heading" text="Our education and outreach"/>
<LoremMedium/>
- <H4 id="why-heading" text="If not as a special prize - then why?"/>
+ <H4 id="out-why-heading" text="If not as a special prize - then why?"/>
<LoremMedium/>
</div>
diff --git a/src/contents/Human Practices/Further Engagement/Partnerships.tsx b/src/contents/Human Practices/Further Engagement/Partnerships.tsx
new file mode 100644
index 00000000..253ef3e1
--- /dev/null
+++ b/src/contents/Human Practices/Further Engagement/Partnerships.tsx
@@ -0,0 +1,12 @@
+import { H4 } from "../../../components/Headings";
+import { LoremMedium } from "../../../components/Loremipsum";
+
+export function HPPartnerships(){
+
+ return(
+ <div className="col">
+ <H4 text="Heading"></H4>
+ <LoremMedium/>
+ </div>
+ )
+}
\ No newline at end of file
diff --git a/src/contents/Human Practices/Further Engagement/SupMaterial.tsx b/src/contents/Human Practices/Further Engagement/SupMaterial.tsx
new file mode 100644
index 00000000..4648a1d3
--- /dev/null
+++ b/src/contents/Human Practices/Further Engagement/SupMaterial.tsx
@@ -0,0 +1,10 @@
+import { Section } from "../../../components/sections";
+
+export function HPSupplement(){
+
+ return(
+ <Section title="Supplementary Material" id="Supplementary Material">
+ child
+ </Section>
+ )
+}
\ No newline at end of file
diff --git a/src/contents/Human Practices/human-practices.tsx b/src/contents/Human Practices/human-practices.tsx
index 5b6fca1d..92a92bcb 100644
--- a/src/contents/Human Practices/human-practices.tsx
+++ b/src/contents/Human Practices/human-practices.tsx
@@ -54,6 +54,7 @@ import { HPOverview } from "./Overwiev";
import { HPIntroduction } from "./Introduction";
import { HPIntegrated } from "./IHP";
import { HPFurtherEngagement } from "./Further Engagement/FurtherEngagement";
+import { HPSupplement } from "./Further Engagement/SupMaterial";
export function HumanPractices() {
useNavigateTabs();
@@ -67,7 +68,7 @@ export function HumanPractices() {
<HPIntroduction/>
<HPIntegrated/>
<HPFurtherEngagement/>
-
+ <HPSupplement/>
</div>
--
GitLab