From 1436fcbde7c2bb918037973a37decc6abe62373e Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <lsanfilippo@techfak.uni-bielefeld.de>
Date: Mon, 2 Dec 2024 17:13:41 +0100
Subject: [PATCH] =?UTF-8?q?Wiki=20contribution=20=C3=A4ndern?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../Contribution/Wiki/Wiki-downloads.tsx | 191 +++++++++++++++---
src/contents/Contribution/Wiki/wiki-tabs.tsx | 21 +-
2 files changed, 174 insertions(+), 38 deletions(-)
diff --git a/src/contents/Contribution/Wiki/Wiki-downloads.tsx b/src/contents/Contribution/Wiki/Wiki-downloads.tsx
index 2502e414..3cbad11f 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 f02530db..9197fe4d 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>
);
--
GitLab