diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
index 6ba23b6b0c86af24118cd3fff084193e918b1e5c..740e5406096134bc7080f1e3fa2f56e8af98021c 100644
--- a/src/components/Tabs.tsx
+++ b/src/components/Tabs.tsx
@@ -37,10 +37,13 @@ import { stringToSlug } from "../utils";
else if(data[i].language === "de"){
lang = "Original language: German"
}
- else if(data[i].type != "meta"){
+ else{
+ lang = ""
+ }
+/* else if(data[i].type != "meta"){
problem = true;
problem_desc.push("interview language");
- }
+ } */
/* Expert on */
let expert = "";
@@ -71,7 +74,27 @@ import { stringToSlug } from "../utils";
problem = true;
problem_desc.push("quote missing");
} */
-
+ let inv_img: React.ReactNode = <></>;
+ let imp_img: React.ReactNode = <></>;
+ let aim_img: React.ReactNode = <></>;
+
+ // Restliche Logik der Schleife...
+ // Bildzuweisungen basierend auf den Daten
+ if (data[i].pictureurl_interview) {
+ inv_img = <div className="hti-box">
+ <img src={data[i].pictureurl_interview} className="hp-timeline-img hti-right" />
+ </div>;
+ }
+ if (data[i].pictureurl_implementation) {
+ imp_img = <div className="hti-box">
+ <img src={data[i].pictureurl_implementation} className="hp-timeline-img hti-right" />
+ </div>;
+ }
+ if (data[i].pictureurl_aim) {
+ aim_img = <div className="hti-box">
+ <img src={data[i].pictureurl_aim} className="hp-timeline-img hti-left" />
+ </div>;
+ }
/* textparts */
let aiM: JSX.Element = <></>
if(data[i].aimofcontact){
@@ -141,7 +164,7 @@ import { stringToSlug } from "../utils";
problem = true;
problem_desc.push(" cardtext missing");
} */
- if(data[i].type !== "meta"){
+ /* if(data[i].type !== "meta"){
if(data[i].affiliation === undefined || data[i].affiliation === ""){
problem = true;
problem_desc.push(" affiliation missing");
@@ -150,7 +173,7 @@ import { stringToSlug } from "../utils";
problem = true;
problem_desc.push(" job missing" );
}
- }
+ } */
/* if(data[i].type === "meta"){
if(data[i].quoteVorname === undefined || data[i].quoteVorname === ""){
problem = true;
@@ -165,27 +188,41 @@ import { stringToSlug } from "../utils";
}
/* Further pictures */
- var inv_img: React.ReactNode = <></>;
+/* var inv_img: React.ReactNode = <></>;
if (data[i].pictureurl_interview) {
- inv_img = <> <div className="hti-box"> <img src={data[i].pictureurl_interview} className="hp-timeline-img hti-right"/> </div> <div className="hti-abstand"/> </>
-
+ console.info("before: inv_img is: " + inv_img)
+ console.info(data[i].vorname + " has pictureurl_interview")
+ inv_img = <> <div className="hti-box"> <img id={`${data[i].vorname}-inv-img`} src={data[i].pictureurl_interview} className="hp-timeline-img hti-right"/> </div> <div className="hti-abstand"/> </>
+ console.info("after: inv_img is: " + inv_img)
}
var imp_img: React.ReactNode = <></>;
if (data[i].pictureurl_implementation) {
- imp_img = <> <div className="hti-abstand"/><div className="hti-box">
- <img src={data[i].pictureurl_implementation} className="hp-timeline-img hti-right"/>
+ console.info(data[i].vorname + " has pictureurl_implementation")
+ console.info("before: imp_img is: " )
+ console.info(imp_img)
+ imp_img = <> <div className="hti-abstand"/><div className="hti-box">
+ <img id={`${data[i].vorname}-imp-img`} src={data[i].pictureurl_implementation} className="hp-timeline-img hti-right"/>
</div>
</>
+ console.info("after: imp_img is: " )
+ console.info(imp_img)
}
var aim_img: React.ReactNode = <></>;
if (data[i].pictureurl_aim) {
+ console.info(data[i].vorname + " has pictureurl_aim")
+ console.info("before: aim_img is: " )
+ console.info(aim_img)
aim_img = <> <div className="hti-abstand"/> <div className="hti-box">
- <img src={data[i].pictureurl_aim} className="hp-timeline-img hti-left"/>
- </div></>
- }
+ <img id={`${data[i].vorname}-aim-img`} src={data[i].pictureurl_aim} className="hp-timeline-img hti-left"/>
+ </div></>
+ console.info("after: aim_img is: " )
+ console.info(aim_img)
+ } */
+
let int = <></>;
let int_id = stringToSlug(`${data[i].vorname}-inv-collapsible`)
if (data[i].interview) {
+
int = <Collapsible title="Interview" id={int_id}>
{data[i].interview}
</Collapsible>
@@ -205,6 +242,9 @@ import { stringToSlug } from "../utils";
}
let newlist = oldpics.concat(data[i].more_pictures!);
for (let ind = 0; ind < (newlist.length - 1); ind += 2) {
+ console.info(data[i].vorname)
+ console.info(ind + newlist[ind])
+ console.info(ind+1 + newlist[ind+1])
morepics.push(
<div className="row">
<div className="col">
diff --git a/src/contents/Contribution/patient-contribution.tsx b/src/contents/Contribution/patient-contribution.tsx
index d323bf8da27d7ef3e4210c8cdc1cea01835dda5c..d8bc03958c2437e5ba185b399a8e5ba32c26c129 100644
--- a/src/contents/Contribution/patient-contribution.tsx
+++ b/src/contents/Contribution/patient-contribution.tsx
@@ -15,7 +15,7 @@ export function PatientContribution(){
<div className='seperator-2 col-2'>
</div>
<div className='col '>
- <TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/augearbeitetes-hygienekonzept.pdf" name="augearbeitetes-hygienekonzept.pdf"/>
+ <TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/final-hygiene-concept.pdf" name="final-hygiene-concept.pdf"/>
</div>
</div>
</Section>
diff --git a/src/data/hptimelinedata.tsx b/src/data/hptimelinedata.tsx
index 0288dcff533ddc0256b4dc617b96e1ae6a64b49e..e79a55c0f756de6550d9231821a7e30a3bb33ff2 100644
--- a/src/data/hptimelinedata.tsx
+++ b/src/data/hptimelinedata.tsx
@@ -116,6 +116,7 @@ const pics: { [key: string]: string } = {
hakan:"https://static.igem.wiki/teams/5247/photos/hp/hakan.webp",
stemcell: "https://static.igem.wiki/teams/5247/photos/hp/stemcellquadrat.webp",
mukodina: "https://static.igem.wiki/teams/5247/photos/hp/mukodino.webp",
+ building: "https://static.igem.wiki/teams/5247/photos/hp/buildingtheteam.webp",
};
@@ -143,7 +144,7 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
{
vorname: "Building the team",
nachnname: "",
- pictureurl: pics['placeholder'],
+ pictureurl: pics['building'],
job: "Team iGEM",
affiliation: "Bielfeld CeBiTec 2024",
tag: "Milestone",
@@ -152,7 +153,7 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
cardtext: "",
quoteNachname:"Zimmermann, Intructor",
quoteVorname:"Sinan",
- quote: " I carefully reviewed each application, focusing not only on the technical skills and academic achievements of the candidates but also on their ability to work collaboratively in an interdisciplinary environment. My goal was to build a diverse team with complementary strengths, ensuring that each member could contribute uniquely to the project while fostering a spirit of innovation and teamwork.",
+ quote: "My first challenge was selecting the iGEM team. I focused on choosing candidates with strong technical skills and the ability to work well in an interdisciplinary setting, aiming to create a diverse team with complementary strengths.",
type: "meta",
summary: [<p>
Building a successful interdisciplinary team, like the one involved in this iGEM project, requires careful coordination and a shared vision for addressing complex scientific challenges. This team is an excellent example of how bringing together individuals from various academic backgrounds fosters innovation and facilitates problem-solving in the fields of synthetic biology and biotechnology.
@@ -173,7 +174,7 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
interviewtabid: "firstpresi",
cardtext: "",
quoteNachname: "Köhler, Teammember",
- quoteVorname: "",
+ quoteVorname: "Vera",
quote: "",
aimofcontact: "",
insights: "",