diff --git a/src/.DS_Store b/src/.DS_Store
index af99124c302f0eda1e49949ec8ee6aedd20c96c8..638943c95fc6b52e9fb9b039947aa93d5d69188c 100644
Binary files a/src/.DS_Store and b/src/.DS_Store differ
diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index 3a8a142efe27c13cf8ecae337970071f42ec2759..3166cfdb29084bebd302faedc8ac47940c65184e 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -138,9 +138,15 @@
text-align: left; /* Optional: center text for mobile */
}
#breathf {
- left: 40vw !important;
+ left: 48vw !important;
width: 65vw !important;
+ }
+ #breatht1 {
+ left: 0 !important;
+ position:initial!important;
+ font-size: 0.5em !important;
+
}
/***Biosafty***/
#safehead {
diff --git a/src/components/HP-timeline.tsx b/src/components/HP-timeline.tsx
index cc21b1696465df36126031006646860bf5ff23f0..89c169560fdf34bbafa5d5789e3ed0af3cb70c25 100644
--- a/src/components/HP-timeline.tsx
+++ b/src/components/HP-timeline.tsx
@@ -5,6 +5,7 @@ import { timelinedata } from "../data/hptimelinedata";
export function HPTimeline(){
return(
<section id="Timeline" className="section">
+ <p>Feel free to scroll trough our timeline and learn more about our extensive human-centric approach!</p>
<div className="center">
</div>
<TabButtonRow data={timelinebuttonrowdata} classy="" opentype="timelinecardtabs" closing="timelinepersontabs" />
diff --git a/src/components/Problems.tsx b/src/components/Problems.tsx
index 5dda2d826cebf7d14c347d7b3869813344d228a6..b6d8cd59f553ac8cb3b38c9667fdd15f4df96411 100644
--- a/src/components/Problems.tsx
+++ b/src/components/Problems.tsx
@@ -51,7 +51,7 @@ export function Problems(){
const Title2 = "makes life breathtaking";
const Prob11 = "Thick mucus blocking airway and prevents"
const Prob12 = "oxygen absorption, leading to bronchial"
- const Prob13 = "obstructions, organ failue an death";
+ const Prob13 = "obstructions, organ failue an death" ;
const Prob21 = "Chronic inflammation occurs periodically";
const Prob22 = "due to a high vulnerability ";
const Prob23 = "to bacterial and viral infections";
@@ -174,9 +174,9 @@ export function Problems(){
</img>
<p style={{'position': 'fixed','top': '17vh', 'width': '82vw','left': '10vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '23vh', 'width': '82vw', 'left': '10vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
- <p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
- <p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
- <p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
+ <p id="breatht1"style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
+ <p id="breatht2"style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
+ <p id="breath3"style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
<p style={{'position': 'fixed','top': '85vh', 'left': '35vw', 'zIndex': '1'}}></p>
</div>
<div id="sciency"></div>
diff --git a/src/contents/.DS_Store b/src/contents/.DS_Store
index a92c41b60fd154cf0c633953c9c5c477b275168a..3f7435c2097f3c53774e6321e9caab5b01787743 100644
Binary files a/src/contents/.DS_Store and b/src/contents/.DS_Store differ
diff --git a/src/contents/Contribution/.DS_Store b/src/contents/Contribution/.DS_Store
index fdf0c3dbfc63f375a8cff01ba73cf439c8e26197..b294bba8d7c00202e2be6c1925ae601584d593bf 100644
Binary files a/src/contents/Contribution/.DS_Store and b/src/contents/Contribution/.DS_Store differ
diff --git a/src/contents/Human Practices/.DS_Store b/src/contents/Human Practices/.DS_Store
index 4d1eb678b3ec30f869ab2d0012d4f04c489eadd5..db55fa8f925cbc78843327ee63b2ef7ca136958c 100644
Binary files a/src/contents/Human Practices/.DS_Store and b/src/contents/Human Practices/.DS_Store differ
diff --git a/src/contents/Human Practices/Conclisuin.tsx b/src/contents/Human Practices/Conclisuin.tsx
index 77b826a163d6fdf8e45acff1e2d836b7b2fff27b..a60f4a51b4223268f95c64037af137b3f13c27a0 100644
--- a/src/contents/Human Practices/Conclisuin.tsx
+++ b/src/contents/Human Practices/Conclisuin.tsx
@@ -1,10 +1,12 @@
import Collapsible from "../../components/Collapsible";
import { H5, H4 } from "../../components/Headings";
import { useNavigation } from "../../utils";
+import { useTabNavigation } from "../../utils/TabNavigation";
export function HPconclusion(){
const {goToPagesAndOpenTab} = useNavigation();
const {goToPageAndScroll} = useNavigation();
+ useTabNavigation();
return(
<>
<p>Our project has evolved through a deeply collaborative and human-centered approach, integrating diverse feedback from patients, clinicians, researchers, and industry experts. These insights shaped not only the technical aspects of our gene therapy for cystic fibrosis (CF) but also our commitment to addressing real-world patient needs, ethical considerations, and the disparities in CF treatment worldwide. From <a onClick={() => goToPagesAndOpenTab('maxfirst', '')}>Max Beckmann’s</a> patient perspective to expert guidance on technical and ethical issues, each stakeholder contributed to refining our solution, ensuring it is both innovative and empathetic. Our focus on gene therapy targeting CF’s complex mutations, integrating physiotherapy, and ensuring global accessibility demonstrates our holistic and inclusive vision for this project. Importantly, the collaboration with researchers in nanoparticle stability and gene therapy, along with the development of bilingual surveys and outreach materials, highlights our efforts to make science more accessible and transparent, bridging gaps in knowledge and care. </p>
diff --git a/src/contents/Human Practices/Feedback.tsx b/src/contents/Human Practices/Feedback.tsx
index 24cbbd7958fc164094da661b80edb7d41a8b4acd..63b853ac72256eb9c9b1b6cadc80397a17e281fa 100644
--- a/src/contents/Human Practices/Feedback.tsx
+++ b/src/contents/Human Practices/Feedback.tsx
@@ -5,9 +5,11 @@ import { Collapsible } from "../../components/Collapsible";
import PreCyse from '../../components/precyse';
import { HPconTabs } from './Conclisuin';
import { useNavigation } from '../../utils';
+import { useTabNavigation } from '../../utils/TabNavigation';
export function HPFeedback(){
const {goToPageWithTabAndScroll} = useNavigation();
+ useTabNavigation();
return(
<div>
<p>Through our project, the insights and feedback from various stakeholders and experts played a crucial role in shaping and refining our approach. We actively integrated their input into the design, execution, and public engagement aspects of our work, ensuring a human-centered, scientifically sound solution. Below, we highlight key contributors and how their feedback impacted the project's development across multiple phases. </p>
diff --git a/src/contents/Human Practices/Further Engagement/Collaborations.tsx b/src/contents/Human Practices/Further Engagement/Collaborations.tsx
index 6d9f6a5d93d8d4ab405132cf50df5877d3a5b492..e83196abb5f50ae6fdbee3cc94511809e20bf94a 100644
--- a/src/contents/Human Practices/Further Engagement/Collaborations.tsx
+++ b/src/contents/Human Practices/Further Engagement/Collaborations.tsx
@@ -2,10 +2,12 @@ import { ButtonOne } from "../../../components/Buttons";
import { H5, H4 } from "../../../components/Headings";
import { PDF } from "../../../components/Pdfs";
import { useNavigation } from "../../../utils";
+import { useTabNavigation } from "../../../utils/TabNavigation";
export function HPCollabs(){
const {goToPagesAndOpenTab} = useNavigation();
+ useTabNavigation();
return (
<div className="col">
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
@@ -21,7 +23,6 @@ export function HPCollabs(){
</div>
<div id="colls2024" className="coll-cycletab" style={{display: "none"}}>
- <H4 id="colls2024-heading" text="Collaboration with Lingköping"/>
<H4 text="Home University of Linköping"/>
<p>The University of Linköping is one of the bigger universities located in Sweden. Since its inception in 1975, it has become a very innovative and highly renowned institution. </p>
<p>The project of Linköpings iGEM 2024 team: (description taken from their website)</p>
@@ -34,7 +35,7 @@ export function HPCollabs(){
<PDF link="https://static.igem.wiki/teams/5247/pdfs/liposomes-handbook.pdf" name="liposomes-handbook.pdf"/>
</div>
- <div id="ent-overview" className="ent-interview" style={{display: "block"}}>
+ <div id="coll-overview" className="ent-interview" style={{display: "block"}}>
<H4 id="ent-heading" text="Collaborations as part of a integrated human practice - but why?"/>
<p>Entrepreneurship is not only an interesting possibility but necessary to turn our ideas and results into a real product that can help people. </p>
<p>That is why in this section we focus on the aspects of entrepreneurship that are crucial for the potential successful realisation of our project to develop new therapies for cystic fibrosis. A pivotal moment was our interview with Nicole Friedlein, which gave us valuable insights into the challenges and opportunities in the field of biomedical innovation. The discussions in the interview encouraged us to look more closely at the regulatory requirements, which is why one team member completed a GxP course and subsequently trained the team in this area. In addition, we conducted further interviews in the area of entrepreneurship to gain a better understanding of the practical aspects of business development. These experiences not only enriched the scientific depth of our project, but also sharpened our perspective on the practical implementation and market launch of new therapies.
diff --git a/src/contents/Human Practices/Further Engagement/Education.tsx b/src/contents/Human Practices/Further Engagement/Education.tsx
index 5775ac3161eb084191d3ee66de6f9f342c1c65fd..453ab5cd5c7df3e2b77c5221d1361059f1539416 100644
--- a/src/contents/Human Practices/Further Engagement/Education.tsx
+++ b/src/contents/Human Practices/Further Engagement/Education.tsx
@@ -5,11 +5,13 @@ import { TabScrollLink } from "../../../components/Link";
import PreCyse from "../../../components/precyse";
import EduSources from "../../../sources/education-souces";
import { useNavigation } from "../../../utils";
+import { useTabNavigation } from "../../../utils/TabNavigation";
export function HPEducation(){
const {goToPageAndScroll} = useNavigation();
+ useTabNavigation();
return(
<div className="col">
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
diff --git a/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx b/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx
index 10348a2e4504f871ee127a836a532637c7242c91..c26294af67122e2135bcb9f574b6d25b456bd38a 100644
--- a/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx
+++ b/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx
@@ -1,10 +1,11 @@
import { ButtonOneWithScroll } from "../../../components/Buttons";
import { H4, H5 } from "../../../components/Headings";
+import { useTabNavigation } from "../../../utils/TabNavigation";
export function HPEntrepreneur(){
-
- return(
+ useTabNavigation();
+ return(
<div className="col">
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
<div className="col">
diff --git a/src/contents/Human Practices/Further Engagement/FurtherEngagement.tsx b/src/contents/Human Practices/Further Engagement/FurtherEngagement.tsx
index fb80f18ef1859418d10ba38f4100e62d7d0026ab..f6f385b26cf79c5258cfa46763fa70c9e1cb2f9c 100644
--- a/src/contents/Human Practices/Further Engagement/FurtherEngagement.tsx
+++ b/src/contents/Human Practices/Further Engagement/FurtherEngagement.tsx
@@ -1,4 +1,5 @@
import { Section, Subesction } from "../../../components/sections";
+import { useTabNavigation } from "../../../utils/TabNavigation";
import { HPCollabs } from "./Collaborations";
import { HPEducation } from "./Education";
import { HPEntrepreneur } from "./Entrepreneurship";
@@ -6,7 +7,7 @@ import { HPOutreach } from "./Outreach";
import { HPPartnerships } from "./Partnerships";
export function HPFurtherEngagement(){
-
+ useTabNavigation();
return(
<Section title="Further Engagement" id="Further Engagement">
<Subesction title="Education" id="Further Engagement1">
diff --git a/src/contents/Human Practices/Further Engagement/Outreach.tsx b/src/contents/Human Practices/Further Engagement/Outreach.tsx
index c78d48ba20e975b0bb39802f8d838e854c797433..50125f43772aed8d538521e10cad21e07f385586 100644
--- a/src/contents/Human Practices/Further Engagement/Outreach.tsx
+++ b/src/contents/Human Practices/Further Engagement/Outreach.tsx
@@ -1,9 +1,11 @@
import { ButtonOne } from "../../../components/Buttons";
import { H4 } from "../../../components/Headings";
+import { useTabNavigation } from "../../../utils/TabNavigation";
import { useNavigation } from "../../../utils/useNavigation";
export function HPOutreach(){
const { goToPagesAndOpenTab } = useNavigation();
+ useTabNavigation();
return(
<div className="col">
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
diff --git a/src/contents/Human Practices/Further Engagement/Partnerships.tsx b/src/contents/Human Practices/Further Engagement/Partnerships.tsx
index eebbd67333316d42cecd5622dc02baf51746c201..5dd64741a43a1bb8db8b278204a58ecf5c86464a 100644
--- a/src/contents/Human Practices/Further Engagement/Partnerships.tsx
+++ b/src/contents/Human Practices/Further Engagement/Partnerships.tsx
@@ -1,7 +1,8 @@
import { H4 } from "../../../components/Headings";
+import { useTabNavigation } from "../../../utils/TabNavigation";
export function HPPartnerships(){
-
+ useTabNavigation();
return(
<div className="col">
<H4 text="CF Vests"></H4>
diff --git a/src/contents/Human Practices/Further Engagement/SupMaterial.tsx b/src/contents/Human Practices/Further Engagement/SupMaterial.tsx
index 59b8ac76da1d77bc5790b7e3ffd5ff6e41fc16b7..2a5f20df31b36d9bf4ba2b68c4ea2ceabe76bf77 100644
--- a/src/contents/Human Practices/Further Engagement/SupMaterial.tsx
+++ b/src/contents/Human Practices/Further Engagement/SupMaterial.tsx
@@ -1,8 +1,9 @@
import { DownloadLink } from "../../../components/Buttons";
import { Section } from "../../../components/sections";
+import { useTabNavigation } from "../../../utils/TabNavigation";
export function HPSupplement(){
-
+ useTabNavigation();
return(
<Section title="Supplementary Material" id="Supplementary Material">
<div className="row">
diff --git a/src/contents/Human Practices/HP-abstract.tsx b/src/contents/Human Practices/HP-abstract.tsx
index 05063eb97f1f7e2088c504ed029e06bfa6f4fd90..37b79cfd6bd737c841dd2e86a173a8250c58b3f0 100644
--- a/src/contents/Human Practices/HP-abstract.tsx
+++ b/src/contents/Human Practices/HP-abstract.tsx
@@ -1,21 +1,15 @@
import { Section } from "../../components/sections"
+import { useTabNavigation } from "../../utils/TabNavigation";
export function HPAbstract(){
-
+ useTabNavigation();
return(
<Section title="Abstract" id="Abstract">
- <p>As the iGEM Bielefeld-CeBiTec team, our project aimed to develop a gene therapy for cystic fibrosis (CF) with a human-centered approach.
- From the beginning, we engaged extensively with CF patients, clinicians, regulatory bodies, and researchers to ensure that our solution
- addressed real-world needs. We established continuous feedback loops to refine and evolve our project at every stage, incorporating insights
- from diverse stakeholders to create a responsible, impactful, and ethically sound therapy. Our mission was not just to develop a technical
- solution but to create one that aligns with societal values and patient expectations. </p>
- <p>Our integrated Human Practices approach was not just an addition to our project—it was the foundation on which every decision was built. By actively
- engaging with CF patients, healthcare professionals, and regulatory experts, we ensured that their feedback directly shaped our
- project, from design to implementation. Our patient-centered, globally focused approach not only addresses disparities in CF treatment but also sets
- a new standard for accessibility and ethical reflection. We extensively documented our methodologies, including CF cell culture protocols and stakeholder
- engagement processes, to empower future teams to build upon our success. Our thoughtful integration of diverse stakeholder insights, combined with expert
- guidance in regulatory compliance, nanoparticle research, and gene therapy, ensures that our project is responsible, scientifically sound, and globally
- impactful. </p>
+ <p>As the iGEM Bielefeld-CeBiTec team, we adopted a human-centered approach and delivered an extensive framework of <strong>eight reglementations</strong> for future iGEM teams, establishing <strong>eight frameworks</strong> that were validated through our project. Our methodology was shaped by over <strong>80 interviews with stakeholders and institutions</strong> , creating a comprehensive and multidimensional perspective on the complex challenge of gene therapy for cystic fibrosis (CF). Through <strong>33 key interviews</strong> , we navigated <strong>seven thematic areas</strong> simultaneously, incorporating <strong>five iterative feedback loops</strong> to ensure the project’s refinement at every stage.
+ </p>
+ <p> Our approach offers future iGEM teams and the synthetic biology community a valuable blueprint for responsible and ethical project development. By actively engaging with CF patients, clinicians, researchers, and regulatory bodies, we ensured that real-world needs and societal values were central to our project's evolution. Our efforts culminated in a thoughtful, scientifically sound solution, setting new standards for accessibility, patient focus, and regulatory compliance. Future teams can leverage our documented methodologies to further their own impact, ensuring that innovation remains aligned with the needs of those it serves.
+ </p>
+
</Section>
)
}
\ No newline at end of file
diff --git a/src/contents/Human Practices/IHP.tsx b/src/contents/Human Practices/IHP.tsx
index 70c4144b0f083e9d9272864ead147f933c0a190e..18894d91400e5ae2528d9d4bcfacbc874fc85330 100644
--- a/src/contents/Human Practices/IHP.tsx
+++ b/src/contents/Human Practices/IHP.tsx
@@ -4,6 +4,7 @@ import { HPTimeline } from "../../components/HP-timeline";
import PreCyse from "../../components/precyse";
import { Section, Subesction } from "../../components/sections";
import { useNavigation } from "../../utils";
+import { useTabNavigation } from "../../utils/TabNavigation";
import { HPconclusion } from "./Conclisuin";
import { HPFeedback } from "./Feedback";
import { HP3new } from "./HP svgs/hp3";
@@ -14,7 +15,7 @@ import { HPUnderstanding } from "./HP svgs/understanding";
export function HPIntegrated(){
const { goToPageWithTabAndScroll} = useNavigation();
-
+ useTabNavigation();
return(
<Section title="Integrated Human Practices" id="Integrated Human Practices">
<Subesction title="Framework" id="Integrated Human Practices1">
diff --git a/src/contents/Human Practices/Introduction.tsx b/src/contents/Human Practices/Introduction.tsx
index 56f15e26f69c6cfcc87f515af6e4959f2af4b866..cb75083b7e1fd1c91ad1f8663ee0e0733c943ead 100644
--- a/src/contents/Human Practices/Introduction.tsx
+++ b/src/contents/Human Practices/Introduction.tsx
@@ -4,10 +4,12 @@ import PreCyse from "../../components/precyse";
import { BlockQuoteB } from "../../components/Quotes";
import { Section } from "../../components/sections";
import { useNavigation } from "../../utils";
+import { useTabNavigation } from "../../utils/TabNavigation";
export function HPIntroduction(){
const {goToPageAndScroll} = useNavigation();
+ useTabNavigation();
return(
<Section title="Introduction" id="Introduction">
<H5 text="- Connecting our project to real life -"/>
diff --git a/src/contents/Human Practices/Overwiev.tsx b/src/contents/Human Practices/Overwiev.tsx
index 45ee29b36a1da08bfd22aa4f0ddae6458754cc44..44e6181278407b310db8a1411d497258f29449df 100644
--- a/src/contents/Human Practices/Overwiev.tsx
+++ b/src/contents/Human Practices/Overwiev.tsx
@@ -1,20 +1,23 @@
import { BlockQuoteB } from "../../components/Quotes";
+import { useTabNavigation } from "../../utils/TabNavigation";
export function HPOverview(){
-
+ useTabNavigation();
return(
<div className="col">
<section id="OverviewH">
<h2 id="Overview"></h2>
<img src="https://static.igem.wiki/teams/5247/photos/overview-ihp-final-final-min.webp" alt="Stakeholder Overview"></img>
- <figcaption>Figure 1. We </figcaption>
+ <figcaption><strong>Figure: Visualization of the Human-Centric Approach by iGEM Bielefeld-CeBiTec 2024</strong><p>Our project has been supported by over 80 individuals and institutions, enhancing our integrative human practices. We are deeply grateful for the invaluable feedback and the collective effort of everyone who has contributed to our vision of safe and precise gene therapy through PreCyse. Thank you for your support!
+
+ </p>
+ </figcaption>
<span id="hp-quote"><BlockQuoteB
text="Human Practices is the study of how your work affects the world, and how the world affects your work."
cite="- Peter Carr, Director of Judging"
/> </span>
- <img id="overview-stakeholders" src="https://static.igem.wiki/teams/5247/photos/overview-ihp-final-final-min.webp" alt="Stakeholder Overview"></img>
<p>In the development of our project, we embraced a holistic and human-centric approach, putting people at the core of our efforts. Our goal was to foster interdisciplinary collaboration and open dialogue, ensuring that diverse perspectives shaped the trajectory of our work. Over the course of this journey, we have engaged with more than 80 individuals and institutions, who have significantly influenced our project.
The strength of our approach lies in its interdisciplinary nature. We have brought together representatives from a wide range of categories, each playing a vital role in shaping the direction and success of our initiative. These categories include: </p>
<ol>
diff --git a/src/contents/description.tsx b/src/contents/description.tsx
index e98c7653a82a77b5a4d633038ff9f60665bb9bdf..6d930233f709b61d8f9a6891b7797a4be3608233 100644
--- a/src/contents/description.tsx
+++ b/src/contents/description.tsx
@@ -24,7 +24,7 @@ export function Description() {
<div className="row mt-4">
<div className="col">
<Section title="Abstract" id="Abstract">
- <p id="obenindescription">We are proud to present <PreCyse/>, a next-generation Prime Editing technology, as innovative gene therapy approach for cystic fibrosis
+ <p id="obenindescription">We are proud to present <PreCyse/>, a next-generation Prime Editing technology, as innovative gene therapy approach for cystic fibrosis (CF)
specifically targeting the most common mutation <b>F508del</b> of the CFTR gene. Cystic fibrosis is a severe disorder that primarily affects the lungs
and for which only short-term symptomatic treatments exist. PreCyse aims to provide long-term relief by delivering a small genetic payload with speed
and precision. Our approach integrates <b>PrimeGuide</b>, a highly optimized Prime Editing system, with <b>AirBuddy</b>, a novel lipid nanoparticle
diff --git a/src/contents/safety.tsx b/src/contents/safety.tsx
index a0a2e925acac0118f32f4ec925d423ed3e321816..15c47f010a478cd8edf68ebdb30bc74502cec049 100644
--- a/src/contents/safety.tsx
+++ b/src/contents/safety.tsx
@@ -1,18 +1,19 @@
import { H4, H5 } from "../components/Headings";
-import { LoremMedium } from "../components/Loremipsum";
import PreCyse from "../components/precyse";
import { SupScrollLink } from "../components/ScrollLink";
import { Section, Subesction } from "../components/sections";
import Collapsible from "../components/Collapsible";
import { useNavigation } from "../utils";
+import { TwoLinePDF } from "../components/Pdfs";
+import { useTabNavigation } from "../utils/TabNavigation";
// message for test commit.
export const Safety: React.FC = () =>{
const {goToPageAndScroll, goToPageWithTabAndScroll, goToPagesAndOpenTab} = useNavigation();
-
+ useTabNavigation();
return (
<>
@@ -215,7 +216,19 @@ export const Safety: React.FC = () =>{
</div>
</Subesction>
<Subesction title="Consent and Guidelines" id="Bioethics3">
- <LoremMedium/>
+ <div className='row align-items-center'>
+ <div className='col '>
+ <H4 text="Patient consent form"/>
+ <TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/patienteneinwilligung-mustervorlage-igem-2.pdf" name="patienteneinwilligung-mustervorlage-igem-2.pdf"/>
+ </div>
+ <div className='seperator-2 col-2'>
+ </div>
+ <div className='col '>
+ <H4 text="Primary Culture Safety Guideline"/>
+ <TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/primary-culture-guideline.pdf" name="primary-culture-guideline.pdf"/>
+
+ </div>
+ </div>
</Subesction>
</Section>
<Section title="Check-Ins" id="Check-Ins">
diff --git a/src/data/steckbriefe.ts b/src/data/steckbriefe.ts
index b6c96bfcca1b843d2ecc8a2894eb5078f68d61db..13ff00ed7dcd2cd246038ef4db0573513bc89da5 100644
--- a/src/data/steckbriefe.ts
+++ b/src/data/steckbriefe.ts
@@ -627,7 +627,7 @@ export const teammembers: Array<SteckbriefInterface> = [
"Completing ten different emergency tasks at the same time without losing your head",
],
funfacts: [
- "As a child I thought I would be arrested if I ate in the car, so I hid my snack as soon as we passed another car. I wonder what my parents had drilled into me",
+ "My favourite algae is Volvox",
],
favlabmusic: "Upbeat fun songs like Unwritten, C'est la bourgeoisie or Feminenomenom to keep me motivated",
islands: [