diff --git a/src/contents/Contribution/Wiki/Wiki-downloads.tsx b/src/contents/Contribution/Wiki/Wiki-downloads.tsx
index 2502e4144133df5bac4df0aa5af16ad34a67b881..3cbad11fab9d3f03b26acfd25065f0316152be6b 100644
--- a/src/contents/Contribution/Wiki/Wiki-downloads.tsx
+++ b/src/contents/Contribution/Wiki/Wiki-downloads.tsx
@@ -1,72 +1,217 @@
import { H4 } from "../../../components/Headings";
-import { PDF } from "../../../components/Pdfs";
+import { TwoLinePDF } from "../../../components/Pdfs";
export function WikiDown(){
return(
<>
<div className="col cycletab" id="flyers" style={{display: "block"}}>
+
<div className='row align-items-center'>
- <H4 text="Our Wiki Helper"/>
- <PDF link='https://static.igem.wiki/teams/5247/pdfs/vokabelliste-wiki.pdf' name="vokabelliste-wiki.pdf"/>
- <H4 text="svgs"/>
- <p>We did not use all of our svgs but since this file format looks so good, we want to offer all our svgs to future iGEMers. Feel free to save, rework and use these svgs.</p>
- <div className="row" style={{maxHeight: "100px", marginBottom: "1rem", marginTop: "1rem"}}>
+ <p>Please note that due to the freezing of the wiki we will not be able to continously update the guide. To obtain the current version, email the current iGEM team Bielefeld (info[at]igem-bielefeld.de) or the Head of Wiki from 2024 (liliana.sanfilippo[at]uni-bielefeld.de). </p>
+ <div className="row">
+ <div className="col">
+ <H4 text="Our Wiki Guide"/>
+ <TwoLinePDF link='https://static.igem.wiki/teams/5247/pdfs/wiki-broschure-v1-2.pdf' name="wiki-broschure-v1-2.pdf" />
+ </div>
+ <div className="col">
+ <H4 text="Our Wiki Helper"/>
+ <TwoLinePDF link='https://static.igem.wiki/teams/5247/pdfs/vokabelliste-wiki.pdf' name="vokabelliste-wiki.pdf" />
+ </div>
+ </div>
+ <H4 text="SVGs"/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/albuterol.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/antibiotics-capsule.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/antibiotics-inhaler-with-capsules.svg"/>
+ </div>
<div className="col">
- <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/albuterol.svg"/>
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/antibiotics-inhaler.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/hypertonic-saline-triple.svg"/>
+ </div>
+ </div>
+ <br/>
+ <hr/>
+ <br/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/orkambi.svg"/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/dna-strang-schmal-fat.svg"/>
</div>
<div className="col">
- <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/antibiotics-capsule.svg"/>
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/dna-strang-schmal-fatter.svg"/>
</div>
<div className="col">
- <img style={{maxHeight: "80px"}}src="https://static.igem.wiki/teams/5247/scientific-figures/antibiotics-capsule.svg"/>
+ <img style={{maxHeight: "80px"}}src="https://static.igem.wiki/teams/5247/scientific-figures/trikafta-beide.svg"/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/hypertonic-saline-single.svg"/>
</div>
-
</div>
+ <br/>
<hr/>
- <div className="row" style={{maxHeight: "100px", marginBottom: "1rem", marginTop: "1rem"}}>
+ <br/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
<div className="col">
<img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/cough.svg"/>
</div>
<div className="col">
- <img style={{maxHeight: "80px"}} src=""/>
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/cold.svg"/>
</div>
<div className="col">
- <img style={{maxHeight: "80px"}} src=""/>
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/mask.svg"/>
</div>
<div className="col">
- <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/hp-introduction-cycle-our-colors.svg"/>
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/gibbsreflection.svg"/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}}src="https://static.igem.wiki/teams/5247/scientific-figures/feedbackcycle.svg"/>
</div>
- <hr/>
</div>
- <div className="row" style={{maxHeight: "100px", marginBottom: "1rem", marginTop: "1rem"}}>
+ <br/>
+ <hr/>
+ <br/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
<div className="col">
- <img style={{maxHeight: "80px"}} src=""/>
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/mendelow-1-aktuell.svg"/>
</div>
<div className="col">
- <img style={{maxHeight: "80px"}} src=""/>
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/mendelow-2.svg"/>
</div>
<div className="col">
- <img style={{maxHeight: "80px"}} src=""/>
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/mendelow-3-1.svg"/>
</div>
<div className="col">
- <img style={{maxHeight: "80px"}} src=""/>
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/mendelow-4.svg"/>
</div>
+ </div>
+ <br/>
+ <hr/>
+ <br/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
<div className="col">
- <img style={{maxHeight: "80px"}} src=""/>
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/first-place.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/second-place.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/third-place.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/box.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/certificate.svg"/>
+ </div>
+ </div>
+ <br/>
+ <hr/>
+ <br/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/kit.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/new-box.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/tickets.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/trophy.svg"/>
+ </div>
+ </div>
+ <br/>
+ <hr/>
+ <br/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/download.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/justice.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/talking-bubbles.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/test-tube.svg"/>
</div>
</div>
+ <br/>
<hr/>
- <div className="row" style={{maxHeight: "100px", marginBottom: "1rem", marginTop: "1rem"}}>
+ <br/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/bones.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/brain.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/glands.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/heart.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/largeintestine.svg"/>
+ </div>
+ </div>
+ <br/>
+ <hr/>
+ <br/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/liver.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/lungs.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/nose.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/pancreas.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/pregnancy.svg"/>
+ </div>
+ </div>
+ <br/>
+ <hr/>
+ <br/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/skin.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/stomach.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/diet.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/modulators.svg"/>
+ </div>
+ <div className="col">
+ <img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/mucolytics.svg"/>
+ </div>
+ </div>
+ {/* <br/>
+ <hr/>
+ <br/>
+ <div className="row" style={{maxHeight: "100px", marginBottom: "20px", marginTop: "20px", paddingTop: "20px", paddingBottom: "20px"}}>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
@@ -82,7 +227,7 @@ export function WikiDown(){
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
- </div>
+ </div> */}
</div>
</div>
</>
diff --git a/src/contents/Contribution/Wiki/wiki-tabs.tsx b/src/contents/Contribution/Wiki/wiki-tabs.tsx
index f02530db8c9523f38c0121e35ca8daef0c272898..9197fe4dc99ef7df5d3292f72cad2c5734bf9016 100644
--- a/src/contents/Contribution/Wiki/wiki-tabs.tsx
+++ b/src/contents/Contribution/Wiki/wiki-tabs.tsx
@@ -1,10 +1,7 @@
import { TabContext, TabList, TabPanel } from "@mui/lab";
import { Box, Tab } from "@mui/material";
import React from "react";
-import { Started } from "./wiki-start";
import { Sources } from "./wiki-sources";
-import { Troubleshooting } from "./troubleshooting";
-import { WikiOverview } from "./wiki-overview";
import { WikiDown } from "./Wiki-downloads";
export function WikiTabs() {
@@ -19,21 +16,15 @@ export function WikiTabs() {
<TabContext value={value}>
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
<TabList onChange={handleChange} aria-label="lab API tabs example">
- <Tab label="Overview" value="1" />
- <Tab label="Getting started" value="6" />
- <Tab label="Troubleshooting" value="2" />
- <Tab label="Components" value="3" />
- <Tab label="Downloads" value="4" />
- <Tab label="Resources" value="5" />
+
+ <Tab label="Wiki Guide & Downloads" value="1" />
+ <Tab label="Other Resources" value="2" />
</TabList>
</Box>
- <TabPanel value="1"> <WikiOverview/> </TabPanel>
- <TabPanel value="6"> <Started/> </TabPanel>
- <TabPanel value="2"> <Troubleshooting/> </TabPanel>
- <TabPanel value="3"> </TabPanel>
- <TabPanel value="4"> <WikiDown/> </TabPanel>
- <TabPanel value="5"> <Sources/> </TabPanel>
+
+ <TabPanel value="1"> <WikiDown/> </TabPanel>
+ <TabPanel value="2"> <Sources/> </TabPanel>
</TabContext>
</Box>
);