Merge branch 'main' of ssh://gitlab.igem.org/2024/bielefeld-cebitec

src/App/App.css

@@ -1095,6 +1095,7 @@ svg{
 .container_document{
   max-width: 40%;
 }
+
 .download-butt{
   color: var(--ourbeige) !important;
   display: inline-block;

src/components/Tabs.tsx

@@ -20,6 +20,7 @@ import React from "react";
 import { BlockQuoteB } from "./Quotes";
 import { TimelineDatenpunkt } from "../data/hptimelinedata";
 import Collapsible from "./Collapsible";
+import { stringToSlug } from "../utils";
 
 /* import { stringToSlug } from "../utils"; */
   
@@ -144,8 +145,9 @@ import Collapsible from "./Collapsible";
    </div></>
       }
       let int = <></>; 
+      let int_id = stringToSlug(`${data[i].vorname}-inv-collapsible`)
       if (data[i].interview) {
-          int = <Collapsible title="Interview" id="joshuainv">
+          int = <Collapsible title="Interview" id={int_id}>
             {data[i].interview}
           </Collapsible>
       }

src/contents/Contribution/safety-contribution.tsx

+import { PDF } from "../../components/Pdfs";
 import { Section } from "../../components/sections";
 
 
@@ -5,7 +6,7 @@ export function SafetyContribution(){
 
     return(
         <Section title="Safety Guidelines" id="Safety Guidelines">
-            h
+            <PDF link="https://static.igem.wiki/teams/5247/pdfs/patienteneinwilligung-mustervorlage-igem.pdf" name="patienteneinwilligung-mustervorlage-igem.pdf"/>
         </Section>
 
     )

src/contents/Human Practices/Further Engagement/Collaborations.tsx

 import { ButtonOne } from "../../../components/Buttons";
 import { H4 } from "../../../components/Headings";
 import { LoremMedium } from "../../../components/Loremipsum";
+import { PDF } from "../../../components/Pdfs";
 
 export function HPCollabs(){
 
@@ -32,8 +33,8 @@ export function HPCollabs(){
                 <p>We first made contact with the team of LIU via email, due to both our teams’ interest in working with LNP based delivery systems. It rapidly became apparent that our two teams could benefit from a corporation especially since the team of LiU was working on an LNP handbook at the time.</p>
             </div>
             <div id="Handbook" className="coll-cycletab" style={{display: "none"}}>
-                <H4 id="Handbook-heading" text=""/>
-                <LoremMedium/>
+                <H4 id="Handbook-heading" text="Hanbook for download"/>
+                <PDF link="https://static.igem.wiki/teams/5247/pdfs/liposomes-handbook.pdf" name="liposomes-handbook.pdf"/>
             </div>
         </div>
     )

src/contents/Human Practices/Further Engagement/Outreach.tsx

@@ -34,7 +34,7 @@ export function HPOutreach(){
               MUKOmove, promoted our events, and posted educational content about cystic fibrosis and gene therapy. Our social media presence helped us 
               stay connected with a broader audience, ensuring that even those who could not attend our events could still follow along and support our mission.</p>
               <p>
-              Through these efforts, we also made valuable connections, resulting in an interview with the "Muko Dino" Thomas Malenke[Link]. This highlighted the power 
+              Through these efforts, we also made valuable connections, resulting in an interview with the "Muko Dino" <a onClick={() => goToPagesAndOpenTab('dino', '/human-practices')}>Thomas Malenke</a>. This highlighted the power 
               of online platforms in expanding our reach and fostering collaboration beyond our immediate community.</p>
         </div>
         

src/contents/Human Practices/Introduction.tsx

@@ -3,10 +3,11 @@ import { H5 } from "../../components/Headings";
 import PreCyse from "../../components/precyse";
 import {  BlockQuoteB } from "../../components/Quotes";
 import { Section } from "../../components/sections";
+import { useNavigation } from "../../utils";
 
 
 export function HPIntroduction(){
-
+    const {goToPageAndScroll} = useNavigation(); 
     return(
         <Section title="Introduction" id="Introduction">
             <H5 text="- Connecting our project to real life"/>
@@ -50,11 +51,12 @@ export function HPIntroduction(){
                 </p>
                 <p>
                 As part of our <PreCyse/> project, we performed intensive brainstorming sessions and expert consultations. We conducted comprehensive 
-                surveys[Link] among the public and people with cystic fibrosis and their relatives. We focused on critical aspects such as the <b>needs of our 
+                <a onClick={() => goToPageAndScroll("our-surveys-on-cystic-fibrosis-and-gene-therapy", "/human-practices")}>surveys</a> among the public and people with cystic fibrosis and their relatives. We focused on critical aspects such as the <b>needs of our 
                 target groups, safety, ethics, design, implementation, and business</b> — each guided by the core values of our team. Based on these interactions 
                 and the recommendations of the Human Practice committee, we have developed an optimal strategy for our project, ensuring that our work is not 
                 only innovative but also mindful of its broader impact on society.
-
+                {/*  */}
+               
                 </p>
             </div>
             <div className="col intro-cycletab" id="approach" style={{display: "none"}}>

src/data/parts.ts

 export interface Part{
     partname: string, 
-    registrycode: number, 
+    registrycode: string, 
     description: string, 
     length: number, 
     type: string, 
@@ -24,19 +24,19 @@ Vorlage:
 
 export const BasicParts: Array<Part> = [
     {
-    partname: "Beispiel", 
-    registrycode: 0, 
-    description: "Beispiel Description", 
-    length: 0, 
+    partname: "pegRNA_reporter01", 
+    registrycode: "BBa_K5247009", 
+    description: "pegRna of report gene", 
+    length: 100, 
     type: "DNA",
-    url: "....."
+    url: "https://parts.igem.org/Part:BBa_K5247009"
     },
 ]
 
 export const CompositeParts: Array<Part> = [
     {
     partname: "Beispiel", 
-    registrycode: 0, 
+    registrycode: "", 
     description: "Beispiel Description", 
     length: 0, 
     type: "DNA",