src/contents/example.tsx

@@ -10,7 +10,7 @@ import React from 'react';
 import { Bar, Doughnut, PolarArea } from 'react-chartjs-2';
 import { Chart as ChartJS, Tooltip, Legend, BarElement, CategoryScale, LinearScale, Title, RadialLinearScale } from 'chart.js';
 /* import ProteinViewer from '../components/Fanzorviewer.tsx'; */
-import { useTabNavigation } from "../utils/TabNavigation.tsx";
+import { useTabNavigation } from "../utils/TabNavigation";
 
 
 ChartJS.register(
@@ -168,16 +168,16 @@ export function Example() {
             <p> Add a dummy sponsor to this slider.</p>
             <SimpleSlider>
             <a className="sponsor-container" href="https://bts-ev.de/">
-              <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
+              <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
             </a> 
             <a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/arbeitsgruppen/multiscale-bioengineering/campusbrauerei/">
-              <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei-hinterlegt.jpeg"/>
+              <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei-hinterlegt.jpeg"/>
             </a>
             <a className="sponsor-container" href="www.idtdna.com">
-              <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
+              <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
             </a>
             <a className="sponsor-container" href="https://www.cebitec.uni-bielefeld.de/">
-                  <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
+                  <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
             </a>
           </SimpleSlider>
         </div>

src/contents/experiments.tsx

-
-import { H2 } from "../components/Headings";
-import { useTabNavigation } from "../utils/TabNavigation";
-
-export function Experiments() {
-  useTabNavigation();
-  return (
-    <>
-      <H2 id="heading" text="Heading" ></H2>
-      <div className="row mt-4">
-        <div className="col-lg-8">
-          
-        </div>
-
-      </div>
-    </>
-  );
-}

src/contents/igem-bielefeld.tsx

@@ -10,14 +10,21 @@ export function igemBielefeld() {
       <>
       <Section title="Bielefeld University" id="Bielefeld University">  
          <img src="https://static.igem.wiki/teams/5247/photos/university/bielefeld-3381870.jpg"/>
+         <p>
+         Bielefeld University, established in 1969, is distinguished by its interdisciplinary approach to research and teaching at the highest academic level. The university is constituted of 14 faculties, which encompass a comprehensive range of subject areas, including the humanities, natural and technical sciences, social sciences, and education. In the forthcoming years, the recently established faculty of medicine will serve to further expand the university's interdisciplinary research opportunities. With an enrollment of approximately 25,000 students, including 2,000 international students, Bielefeld University offers 123 different degree programs. The campus is currently undergoing a significant expansion, with the objective of becoming one of the most modern in Europe. The new facilities will offer students an exceptional environment. Bielefeld University actively collaborates with over 300 partner institutions worldwide, fostering global academic exchange. Through its Erasmus+ program, the university enables students and faculties to engage in research and study abroad programs across Europe, Asia, America and beyond. While Bielefeld has traditionally been known for its strong sociology department, recent advances in robotics and biotechnology have brought these fields to the forefront of the university's cutting-edge research. As a result, the Centre for Biotechnology (CeBiTec) has become one of the university's most important institutes. 
+         </p>
+         <img src="https://static.igem.wiki/teams/5247/photos/university/img-1989.jpeg"/>
+         <p>
+         The Centre for Biotechnology (CeBiTec) constitutes a central institution at Bielefeld University, dedicated to interdisciplinary research in the field of life sciences. It is one of the largest research facilities on campus, facilitating innovative projects that span several disciplines. The research areas of focus include large-scale genomics, big data bioinformatics and metabolic engineering of single-cell systems for bioproduction. CeBiTec unites research from a multitude of disciplines, including biotechnology, molecular biology, genome research, systems biology, biochemistry, bioinformatics, and computer science. Additionally, it plays a significant role in academic training and doctoral programmes, as well as serving as a hub for biotechnological initiatives. CeBiTec is situated within the state-of-the-art Laboratory Building G on the campus of Bielefeld University, which opened in 2007. Through ist focus on Cross-disciplinary collaboration, CeBiTec serves as a viral link between academic innovation and real-world applications, shaping the future of biotechnology at Bielefeld University and beyond.
+         </p>
       </Section>
         <Section title="History" id="History">
         <div className="row">
    <div className="col"> 
-     <img src="https://static.igem.wiki/teams/5247/sponsors/uni-bielefeld-dunkel.png" style={{width:"40%", height:"60%"}}/> 
+     <img src="https://static.igem.wiki/teams/5247/sponsors/uni-bielefeld-dunkel.png" style={{ height:"100px"}}/> 
    </div>
    <div className="col"> 
-      <img src="https://static.igem.wiki/teams/5247/sponsors/cebitec-logo-hinterlegt.png" style={{width:"20%", height:"50%",  transform: "scale(1.5)"}}/>
+      <img src="https://static.igem.wiki/teams/5247/sponsors/cebitec-logo-hinterlegt.png" style={{height:"100px"}}/>
    </div>
   </div>
         <br/>
@@ -35,22 +42,40 @@ export function igemBielefeld() {
         <BlockQuoteB text="iGEM is the biggest opportunity for young researchers to cross their own boundaries." cite="Prof. Dr. Jörn Kalinowski, Principle Investigator of iGEM Bielefeld since 2010"/>
           <Subesction title="What is a Steering Committee?" id="Steering Committee1">
               <p>The Steering Committee plays a central role in the resumption and further development of iGEM activities at Bielefeld University. After a pause in 2022 due to financial constraints and changes in participation conditions, the Steering Committee was established to ensure Bielefeld's sustainable participation in future iGEM competitions.</p>
-              <img src="https://static.igem.wiki/teams/5247/pdfs/steering-commitee.webp" />
-              <p>The Steering Committee consists of five renowned scientists from the Faculties of Biology and Technology: Dr. Petra Lutter, Prof. Dr. Jörn Kalinowski, Prof. Dr. Kristian Müller, Prof. Dr. Karsten Niehaus, and Prof. Dr. Jens Stoye. Each of these experts brings specific expertise crucial for the successful execution of iGEM projects. Petra Lutter has contributed to modeling in previous iGEM projects, while Jörn Kalinowski has been significantly involved in all past iGEM projects. Kristian Müller has been an experienced supporter of the iGEM competitions since their inception, and Karsten Niehaus, former head of the "Genome-based Systems Biology" master’s program, brings extensive knowledge of the scientific foundations of the projects. Jens Stoye, representing bioinformatics at Bielefeld University, contributes his expertise in this area. </p>
+              
+              <p>
+              <div className="row">
+                <div className="col">
+                  <img src="https://static.igem.wiki/teams/5247/pdfs/steering-commitee.webp"  />
+                </div>
+                <div className="col">
+                <p>The Steering Committee consists of five renowned scientists from the Faculties of Biology and Technology: Dr. Petra Lutter, Prof. Dr. Jörn Kalinowski, Prof. Dr. Kristian Müller, Prof. Dr. Karsten Niehaus, and Prof. Dr. Jens Stoye. Each of these experts brings specific expertise crucial for the successful execution of iGEM projects. Petra Lutter has contributed to modeling in previous iGEM projects, while Jörn Kalinowski has been significantly involved in all past iGEM projects. Kristian Müller has been an experienced supporter of the iGEM competitions since their inception, and Karsten Niehaus, former head of the "Genome-based Systems Biology" master’s program, brings extensive knowledge of the scientific foundations of the projects. Jens Stoye, representing bioinformatics at Bielefeld University, contributes his expertise in this area. </p>
+                </div>
+              </div>
+              </p>
               <p>The main goal of the Steering Committee is to ensure the successful implementation of future iGEM projects. This includes not only academic support but also organizational leadership, securing funding, and providing the necessary infrastructure. The experts in the Steering Committee are significantly involved in the strategic direction of the projects and offer a platform where ideas, resources, and knowledge are pooled to continue Bielefeld's tradition of successful iGEM participation. </p>
+              
+              <p>
               <div style={{marginBottom: "1rem"}}><PDF link="https://static.igem.wiki/teams/5247/pdfs/igem-broschure.pdf" name="igem-broschure.pdf" /></div>
-              <p>In helping the new iGEM Bielefeld team advance their project, the Steering Committee played an indispensable role, particularly by promoting the iGEM principle of "Contribution" and fostering the interdisciplinary nature of the project. The committee emphasized the importance of creating tools, data, and methods that can benefit the global iGEM community. This mindset was reflected in the team’s project design, ensuring that their work not only met local goals but also provided meaningful contributions to future projects.  </p>
-              <img src="https://static.igem.wiki/teams/5247/pdfs/steering-committee-1.webp"/>
+              
+              </p>
+              <p>
+                <div className="row">
+                  <div className="col">
+                  <img src="https://static.igem.wiki/teams/5247/pdfs/steering-committee-1.webp"/>
+                  </div>
+                  <div className="col">
+                  <p>In helping the new iGEM Bielefeld team advance their project, the Steering Committee played an indispensable role, particularly by promoting the iGEM principle of "Contribution" and fostering the interdisciplinary nature of the project. The committee emphasized the importance of creating tools, data, and methods that can benefit the global iGEM community. This mindset was reflected in the team’s project design, ensuring that their work not only met local goals but also provided meaningful contributions to future projects.  </p>
+              
               <p>Moreover, the interdisciplinary nature of the iGEM project was strongly encouraged by the Steering Committee. With members from various scientific fields, the committee facilitated collaboration between disciplines such as biology, bioinformatics, and biotechnology. This interdisciplinary approach allowed the team to tackle complex challenges from multiple perspectives, integrating computational models with experimental biology to drive innovation. This guidance helped the iGEM Bielefeld team develop a more robust and impactful project, aligning with both the scientific goals of the competition and the collaborative spirit of the iGEM community. </p>
-          </Subesction>
-         {/*  <Subesction title="Jörn" id="Steering Committee2">
-            <LoremMedium/>
-          </Subesction> */}
+         
+                  </div>
+                </div>
+              </p>
+              </Subesction>
         </Section>
 
-     {/*    <Section title="Our Future" id="Future">
-          <LoremMedium/>
-        </Section> */}
+     
 
       </>
     );

src/contents/impressum.tsx

@@ -22,7 +22,7 @@ export function Impressum() {
             33615 Bielefeld<br />
             <br />
             <b>Contact</b><br />
-            E-mail: team2024@igem-bielefeld.de<br />
+            E-mail: team2024[at]igem-bielefeld[dot]de<br />
             <br />
             <b>Supervisory Authority</b><br />
             Bielefeld University - Center for Biotechnology (CeBiTec)

src/contents/index.tsx

@@ -9,7 +9,6 @@ export * from "./Contribution/contribution.tsx";
 export * from "./description.tsx";
 export * from "../sidebars/descS.tsx"
 export * from "./engineering.tsx";
-export * from "./experiments.tsx";
 export * from "./notebook.tsx";
 export * from "./results.tsx";
 // Safety
@@ -26,7 +25,6 @@ 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"

src/contents/interviews.tsx

@@ -111,11 +111,11 @@ export function Ints() {
                     <img className="interview-img" src="https://static.igem.wiki/teams/5247/photos/hp/mattijs.jpg"/>
                   </div>
                   <div className="col">
-                  <div className="col">
+                  <div className="col ">
                       <ButtonOne text="Erstes Interview" open="mattijsinv1"></ButtonOne>
                   </div>
                   <br/>
-                  <div className="col">
+                  <div className="col ">
                       <ButtonOne text="Zweites Interview" open="mattijsinv2"></ButtonOne>
                     </div>
                   </div>
@@ -174,7 +174,7 @@ export function Ints() {
                   />
                   <QaBox
                   q="How many patients do you treat?"
-                  a="We currently have 8 children with cystic fibrosis in our medical practice, which is quite a lot. However, if you compare this number with other diseases, it is rather a small number. We have slightly more children with cystic fibrosis in our practice because we specialize in it, among other diseases."
+                  a="We currently have 8 children with Cystic Fibrosis in our medical practice, which is quite a lot. However, if you compare this number with other diseases, it is rather a small number. We have slightly more children with Cystic Fibrosis in our practice because we specialize in it, among other diseases."
                   />
                   <SpecialQaBox
                   q="What kind of exercises do you do?">
@@ -226,8 +226,8 @@ export function Ints() {
                   a="Pancreatic complaints are rarely treated with physiotherapy, unless it is an inflammation. In such cases, the patient is admitted to a hospital. Massage or taping the intestines with kinesiology tape helps with constipation and works very well. "
                   />
                   <QaBox
-                  q="Are there any special hygiene guidelines for you when working with cystic fibrosis patients? "
-                  a="Hygiene guidelines are very important when working with cystic fibrosis patients. A distinction is made between children with and without infections (Pseudomonas). Regular nasal swabs are taken and only children with or without infections are treated in the practice on any given day. Ventilation, patients wearing masks while infected and disinfection of the facilities are essential. Children infected with multi-resistant germs are not allowed to enter the practice; in such cases, physiotherapists visit the patients' homes. "
+                  q="Are there any special hygiene guidelines for you when working with Cystic Fibrosis patients? "
+                  a="Hygiene guidelines are very important when working with Cystic Fibrosis patients. A distinction is made between children with and without infections (Pseudomonas). Regular nasal swabs are taken and only children with or without infections are treated in the practice on any given day. Ventilation, patients wearing masks while infected and disinfection of the facilities are essential. Children infected with multi-resistant germs are not allowed to enter the practice; in such cases, physiotherapists visit the patients' homes. "
                   />
                   <QaBox
                   q="Are the specific exercises customized? And if so, how do you know which therapy is the right one for which patient (based on laboratory values, tests, different mutation patterns...)? "
@@ -239,7 +239,7 @@ export function Ints() {
                   />
                   <QaBox
                   q="How many physiotherapists offer muco-therapy? "
-                  a="The exact number of physiotherapists offering cystic fibrosis therapy is unknown. However, there are several child therapists in the region providing this therapy. "
+                  a="The exact number of physiotherapists offering Cystic Fibrosis therapy is unknown. However, there are several child therapists in the region providing this therapy. "
                   />
                   <QaBox
                   q="How are the relatives educated? "

src/contents/notebook.tsx

@@ -8,7 +8,7 @@ export function Notebook() {
   useTabNavigation();
   return (
     <div>
-      <H2 text="Lab Journals and Protocol collection"/> 
+      <H2 text="Lab Journals and Protocol collection" id="notebookH"/> 
       <div className="eng-box box" >
                      <p>Here you can have a detailed look at our lab work - just klick the front pages of the Lab Journals and Protocol Collection to download them! 
                      </p>
@@ -22,7 +22,7 @@ export function Notebook() {
         </div>
 
         <div className="col">
-        <DownloadImageButton url="" fileName="">
+        <DownloadImageButton url="https://static.igem.wiki/teams/5247/pdfs/laboratory-notebook-2-engineering-our-prime-editing-tool-primeguide.pdf" fileName="laboratory-notebook-2-engineering-our-prime-editing-tool-primeguide.pdf">
             <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-2-engineering-pe.webp" style={{height: "75%", width: "auto"}}/>
             </DownloadImageButton>
         </div>

src/contents/project-documentation.tsx

-import { Calendar } from "../components/Calendar/Calendar";
+import { H2 } from "../components/Headings";
+import { PDF } from "../components/Pdfs";
 import { useTabNavigation } from "../utils/TabNavigation";
 
 
@@ -6,7 +7,8 @@ export function ProDesc() {
   useTabNavigation();
     return (
       <div className="col">
-        <Calendar/>
+        <H2 text="Our Meeting Protocols"/>
+        <PDF link="https://static.igem.wiki/teams/5247/pdfs/meetings.pdf" name="meetings.pdf"/>
       </div>
     );
   }

src/contents/team.tsx

@@ -29,6 +29,7 @@ export function Team() {
       <Section title="Principal Investigators" id="PIS">
       {pibriefe}
       </Section>
+      <img src="https://static.igem.wiki/teams/5247/photos/team-photos/gruppe-v.webp" alt="Team Bielefeld in lab coats and V-Formation"/>
       <BackUp/> 
     </>
   );
@@ -106,9 +107,9 @@ function createSteckbriefe(data: Array<SteckbriefInterface>){
     let frontbriefclass = "frontbrief frontbrief"+thename; 
     let backbriefclass = "backbrief backbrief"+thename;
 
-    let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div> 
+    let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img side-margins-auto "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div> 
     let namerow = <div className="row"><div className="team-name"> {title} {data[index].vorname} {data[index].nachname} <span className="pronouns"> ({data[index].pronouns}) </span> </div>  <div className="col"> <a href={data[index].linkedinurl}> <img className="team-socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin.png" /> </a></div> </div>; 
-    let frontparagraph = <div className={"row " + frontbriefclass}> <h6>Why I took part in iGEM</h6> {why} </div> ; 
+    let frontparagraph = <div className={"row " + frontbriefclass}> <h6>Why I took part in iGEM ?</h6> {why} </div> ; 
     let facts = <div className={frontbriefclass}><div className=""> <b>Age:</b> {data[index].age} </div> <br/> {headof} <div> <b>Part of:</b> {jobs}</div> <br/> <div className=""> <b>Major:</b> {data[index].studiengang} </div> <br/> <div className=""> <b>Scientific interests:</b> {data[index].scientificinterests} </div> </div>; 
     let backbutton =  <div className={backbriefclass} style={{display: "none"}}>   <div className="parent-button"><button onClick={flipBack(thename)} className="frontbutton">Click me</button></div></div>
     let funfactlist = <div className={backbriefclass} style={{display: "none"}}><b>Funfacts: </b><ul> {funfacts}</ul></div>
@@ -201,7 +202,7 @@ function createPiSteckbriefe(data: Array<SteckbriefInterface>){
     let frontbriefclass = "frontbrief frontbrief"+thename; 
     let backbriefclass = "backbrief backbrief"+thename;
 
-    let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div> 
+    let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img side-margins-auto "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div> 
     let namerow = <div className="row"><div className="team-name"> {title} {data[index].vorname} {data[index].nachname} <span className="pronouns"> ({data[index].pronouns}) </span> </div>  <div className="col"> <a href={data[index].linkedinurl}> <img className="team-socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin.png" /> </a></div> </div>; 
     let frontparagraph = <div className={"row " + frontbriefclass}> <h6>Why I took part in iGEM</h6> {why} </div> ; 
     let facts = <div className={frontbriefclass}><div className=""> <b>Age:</b> {data[index].age} </div> <br/> {headof} <div> <b>Affiliation:</b> {jobs}</div> <br/> <div className=""> <b>Regular Job:</b> {data[index].studiengang} </div> <br/> <div className=""> <b>Scientific interests:</b> {data[index].scientificinterests} </div> </div>;