Skip to content
Snippets Groups Projects
Commit 9426b52d authored by Liliana Sanfilippo's avatar Liliana Sanfilippo
Browse files

added other pages back

parent 8ab0a76f
No related branches found
No related tags found
No related merge requests found
Pipeline #387814 failed
Stage: build
Hide whitespace changes
Inline Side-by-side
Showing
with 796 additions and 0 deletions
src/contents/attributions.tsx 0 → 100644
+ 75
− 0
View file @ 9426b52d
import { useEffect } from "react";
export function Attributions() {
const teamID = import.meta.env.VITE_TEAM_ID;
useEffect(() => {
function listenToIframeHeight(e: MessageEvent) {
if (e.origin === "https://teams.igem.org") {
const { type, data } = JSON.parse(e.data);
if (type === "igem-attribution-form") {
const element = document.getElementById("igem-attribution-form");
if (element) {
element.style.height = `${data + 100}px`;
}
}
}
}
window.addEventListener("message", listenToIframeHeight);
return () => {
window.removeEventListener("message", listenToIframeHeight);
};
}, []);
return (
<>
<div className="row mt-4">
<div className="col">
<div>
<p>Teams must use the standard Attributions form. To meet the attributions requirement, you must display the standard form on your Wiki by following the instructions <a href="https://competition.igem.org/deliverables/project-attribution" target="_blank">here</a></p>
</div>
<div className="bd-callout bd-callout-info">
<p>
In the iGEM Competition, we celebrate student effort and
achievement. The Attributions form helps the judges differentiate
between what students accomplished from how their external
collaborators supported them. Therefore, teams must clearly
explain on the standard Project Attributions form what work they
have conducted by themselves and what has been done by others.
</p>
<p>
Teams must use the standard Attributions form. To meet the
attributions requirement, you must display the standard form on
your Wiki by following the instructions here:
<a href="https://competition.igem.org/deliverables/project-attribution">
Project Attribution page
</a>
.
</p>
</div>
<div className="bd-callout bd-callout-info">
<h4>Bronze Medal Criterion #2</h4>
<p>
Describe what work your team members did and what other people did
for your project.
</p>
<p>
The form that has been embedded in an iframe in this page shows
your team's Project Attribution form. This page must keep the form
as it is.
</p>
<p>
If you use a different website framework, make sure to embed the
right URL for your team's form.
</p>
</div>
</div>
</div>
<iframe
style={{ width: "100%" }}
id="igem-attribution-form"
src={`https://teams.igem.org/wiki/${teamID}/attributions`}
/>
</>
);
}
src/contents/bfh.tsx 0 → 100644
+ 54
− 0
View file @ 9426b52d
import { MyTimeline } from "../components/My-Timeline";
import { Box, Tab } from "@mui/material";
import {TabContext, TabList, TabPanel} from '@mui/lab';
import React from "react";
import BFHGallery from "../components/photo-grid";
import BFHpdf from "../components/pdfs";
export function Bfh() {
return (
<>
<div className="row">
<div className="col">
<LabTabs></LabTabs>
{/* <DemoTimeline></DemoTimeline> */}
</div>
</div>
<div className="row">
<div className="d-flex flex-column justify-content-center align-items-center">
</div>
</div>
</>
);
}
export function LabTabs() {
const [value, setValue] = React.useState('1');
const handleChange = (event: React.SyntheticEvent, newValue: string) => {
setValue(newValue);
};
return (
<Box sx={{ width: '100%', typography: 'body1' }}>
<TabContext value={value}>
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
<TabList onChange={handleChange} aria-label="lab API tabs example">
<Tab label="About" value="2" />
<Tab label="Timeline" value="1" />
<Tab label="Gallery" value="3" />
<Tab label="Downloads" value="4" />
</TabList>
</Box>
<TabPanel value="2"> Hi </TabPanel>
<TabPanel value="1"> <MyTimeline></MyTimeline> </TabPanel>
<TabPanel value="3"> <BFHGallery/> </TabPanel>
<TabPanel value="4"> <BFHpdf></BFHpdf> </TabPanel>
</TabContext>
</Box>
);
}
src/contents/contribution.tsx 0 → 100644
+ 34
− 0
View file @ 9426b52d
export function Contribution() {
return (
<>
<div className="row mt-4">
<div className="col">
<div className="bd-callout bd-callout-info">
<h4>Bronze Medal Criterion #4</h4>
<p>
Make a useful contribution for future iGEM teams. Use this page to
document that contribution.
</p>
<p>
If you are making a contribution by adding information to an
existing Part or creating a new Part, you must document your
contribution on the Part's Main Page on the{" "}
<a href="https://parts.igem.org/Main_Page">Registry</a> for your
team to be eligible for this criteria. You can use this page to
link to that part and include additional information about your
contribution.
</p>
<hr />
<p>
Please see the{" "}
<a href="https://competition.igem.org/judging/medals">
2024 Medals Page
</a>{" "}
for more information.
</p>
</div>
</div>
</div>
</>
);
}
src/contents/description.tsx 0 → 100644
+ 207
− 0
View file @ 9426b52d
import { H2 } from "../components/headings";
import { Circle } from "../components/Shapes";
import MapChart from "../components/Maps";
export function Description() {
return (
<div className="row mt-4">
<div className="col">
<div className="col">
<section id="Abstract" className="section">
<H2 text="Abstract"/>
<p>We are proud to introduce our next-generation prime editing technology <a href="#" className="underline--magical">PreCyse</a>. We aim to develop an innovative gene therapy against cystic fibrosis, tackling the most common mutation ΔF508 of the CFTR (Cystic Fibrosis Transmembrane Conductance Regulator) gene. We optimize lipid nanoparticles for the efficient and cell-specific delivery of our therapeutic mRNA. Current treatment strategies are limited in terms of speed, precision and effectiveness, often failing to achieve long-lasting improvements. In addition, high costs and limited accessibility of pharmaceuticals contribute to adverse prognosis of many patients. We want to develop a monthly applied which represents a cure that is more advanced and user-friendly compared to other medications due to its longer lasting time, lowering the frequency of use. </p>
</section>
</div>
<div className="col">
<section id="Cystic Fibrosis" className="section">
<H2 text="Cystic Fibrosis"/>
<div className="row align-items-center">
<div className="col">
<p>Cystic fibrosis (CF) is the most common life-limiting genetic disorder in the Caucasian population. In Europe, CF affecting about 1 in 3,000 newborns<a href="#desc-one"><sup>1</sup></a>.</p>
<p> It is caused by mutations in the CFTR gene, which controls ions and water movement in cells. This leads to thick mucus, clogging airways, and frequent infections. The defective CFTR protein impacts the respiratory and digestive systems, causing chronic lung infections, breathing difficulties, and malnutrition. CF's severity varies, but it reduces life quality and expectancy. There are over 1,700 CFTR mutations; the ΔF508 mutation is most common, present in 70% of cases. It prevents proper protein folding, affecting its function. </p>
</div>
<div className="col-2 ">
<Circle text="1:3000 newborns worldwide"/>
<Circle text="x:y newborns in Germany"/>
<Circle text="kosten"/>
</div>
</div>
<div className="col">
</div>
</section>
</div>
<div className="col">
<section id="Our motivation" className="section">
<H2 text="Our motivation"></H2>
<p>We chose to focus on CF and specifically the ΔF508 mutation due to its prevalence and the severe impact it has on patients' lives. Additionally, our team includes members who have close friends affected by this condition, giving us a personal connection and a strong motivation to find a solution. By targeting the ΔF508 mutation, we aim to develop a therapy that could potentially, not only benefit many CF patients and make a significant improvement in their lives, but also can serve as a template, which research groups can use to target other genetic diseases. </p>
</section>
</div>
<div className="col">
<section id="Approach" className="section">
<H2 text="Approach"></H2>
<img className="img-right img-half" src="https://static.igem.wiki/teams/5247/scientific-figures/complex-abb.png"/>
<div>
<p>However, the Prime Editing complex is relatively large, posing challenges for therapeutic delivery<a href="#desc-three"><sup>3</sup></a>. Additionally, Prime Editing has been shown to be relatively inefficient in terms of gene editing rates, which could limit its therapeutic utility<a href="#desc-four"><sup>4</sup></a>. Our project aims to enhance the Prime Editing approach by miniaturizing its components. Fanzor, a recently discovered eukaryotic endonuclease, performs functions similar to Cas9, a crucial part of the Prime Editing complex, but is significantly smaller. We aim to substitute Cas9 with Fanzor. </p>
<p>Additionally, we plan to replace the reverse transcriptase in the Prime Editing complex with a smaller RT variant. Furthermore, MCP proteins will be added to the Prime Editing complex to increase its stability<a href="#desc-five"><sup>5</sup></a>. </p>
<p>The pegRNA is optimized via an extension by a stem loop, which stabilizes the RNA by protecting it from RNases and serves as a binding site for the MCP, which also supports the secondary RNA structure. Additionally, the pegRNA contains a riboswitch, a sodium ion-controlled regulator that switches off the complex. This represents a major biosafety feature in that the complex is switched off after successful DNA editing and the subsequent increased influx of chloride ions into the cell. The pegRNA is combined with an optimized sgRNA resulting in higher on-target effect. Overall, its optimization leads to a longer shelf life and an increase in the biosafety of the complex. </p>
<p>To correct the mutation, we are utilizing Prime Editing technologies. Prime Editing is a genome editing technique that allows precise DNA modifications without causing double-strand breaks<a href="#desc-two"><sup>2</sup></a>. Structurally, the Prime Editing complex consists of a Cas9 endonuclease fused to a reverse transcriptase (RT) and guided by a pegRNA, which directs the complex to the target site in the genome. </p>
</div>
</section>
</div>
<div className="col">
<section id="Delivery" className="section">
<H2 text="Delivery"></H2>
<p>We chose LNPs as the delivery system of our Next-Generation Prime Editing Technology. Because of their large capacity and less immunogenic side effects compared to other delivery systems like Adeno-associated Viruses (AVV)<a href="#desc-six"><sup>6</sup></a>. Our aim is to optimize the LNP formulation to improve delivery to lung tissue via inhalation. Because of our collaborations, we are able to test and optimize different delivery systems to improve our organ specific therapeutic approach. Therefore, our LNP design focusses on stability and targeting. Stability is achieved by a polyethylene glycol (PEG) coating that protects the LNPs from degradation by the immune system<a href="#desc-seven"><sup>7</sup></a>. Moreover, we use capsaicin in combination with chitosan to improve the uptake of our construct through their mucus-adhesive properties<a href="#desc-eight"><sup>8</sup></a>. </p>
<p>We are furthermore optimising the LNPs for pulmonary therapy and investigating delivery by nebulisation as a non-invasive method compared to systemic approaches to make the therapy more convenient for patients. For specific targeting, we are focussing on marker proteins of basal cells and ionocytes that produce particularly high levels of CFTR protein and which we want to target with appropriate antibodies<a href="#desc-nine"><sup>9</sup></a>. Our workflow includes testing our next generation Prime Editing Technology delivered by our optimized LNPs in cell culture lines but also in primary nasal epithelial cells of CF patients to evaluate our optimizations and further improvements in vitro. We can also provide the outlook on the adaptation of the delivery system enabling systemic applications as well. </p>
</section>
</div>
<div className="col">
<section id="Our vision" className="section">
<H2 text="Our vision"></H2>
<p>We are envisioning a potential integration into a broader therapeutic framework involving customized gene editing tools for various genetic disorders, that present similar problems/difficulties to the F508del mutation, as well as other genetic diseases of different causes. This could include collaborations with pharmaceutical companies to develop new treatment modalities for genetic diseases beyond cystic fibrosis, utilizing advanced delivery systems and personalized medicine approaches. </p>
</section>
</div>
{/* Sources */}
<div className="col">
<section id="References">
<H2 text="References"></H2>
<ol>
{/* <!-- Citation num 1--> */}
<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-one">
<span property="schema:author" typeof="schema:Person">
<span property="schema:Name">Scotet, V.</span>,
<span property="schema:Name">Gutierrez, H.</span>,
<span property="schema:Name">Farrell, P. </span>
</span>
<span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
<i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
<b property="issueNumber" typeof="PublicationIssue">6</b>,
(<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
<a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
</li>
{/* <!-- Citation num 2--> */}
<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-two">
<span property="schema:author" typeof="schema:Person">
<span property="schema:Name">Anzalone, A.V.</span>,
<span property="schema:Name">Randolph, P.B.</span>,
<span property="schema:Name">Davis, J.R.</span>,
<span property="schema:Name">Sousa, A.A.</span>,
<span property="schema:Name">Koblan, L.W.</span>,
<span property="schema:Name">Levy, J.M.</span>,
<span property="schema:Name">Newby, G.A.</span>,
<span property="schema:Name">Raguram, A.</span>,
<span property="schema:Name">Liu, D.R. </span>
</span>
<span property="schema:name">Search-and-replace genome editing without double-strand breaks or donor DNA. </span>
<i property="schema:publisher" typeof="schema:Organization">Nature </i>
<b property="issueNumber" typeof="PublicationIssue">574</b>,
<span property="schema:pageBegin"> 589</span>-<span property="schema:pageEnd">594 </span>
(<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2019">2019</time>).
<a className="doi" href="https://doi.org/10.1038/s41586-019-1711-4"> doi: 10.1038/s41586-019-1711-4</a>
</li>
{/* <!-- Citation num 3--> */}
<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-three">
<span property="schema:author" typeof="schema:Person">
<span property="schema:Name">Broad Institute of MIT and Harvard. </span>
</span>
<span property="schema:name">Researchers engineer in vivo delivery system for prime editing, partially restoring vision in mice. </span>
<i property="schema:publisher" typeof="schema:Organization">Phys.org </i>
(<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2024">2024</time>).
</li>
{/* <!-- Citation num 4--> */}
<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-four">
<span property="schema:author" typeof="schema:Person">
<span property="schema:Name">Gaudelli, N.</span>,
<span property="schema:Name">Komor, A.</span>,
<span property="schema:Name">Rees, H.</span>,
<span property="schema:Name">Packer, M.</span>,
<span property="schema:Name">Badran, A.</span>,
<span property="schema:Name">Bryson, D.</span>,
<span property="schema:Name">Liu, D. </span>
</span>
<span property="schema:name">Programmable editing of a target base in genomic DNA without double-stranded DNA cleavage. </span>
<i property="schema:publisher" typeof="schema:Organization">Nature </i>
<b property="issueNumber" typeof="PublicationIssue">533</b>,
<span property="schema:pageBegin"> 420</span>-<span property="schema:pageEnd">424 </span>
(<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2016">2016</time>).
<a className="doi" href="https://doi.org/10.1038/nature17946"> doi: 10.1038/nature17946</a>
</li>
{/* <!-- Citation num 5--> */}
<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-five">
<span property="schema:author" typeof="schema:Person">
<span property="schema:Name">OpenEd CUNY. </span>
</span>
<span property="schema:name">RNA Stability and the Role of RNA-Binding Proteins. </span>
<i property="schema:publisher" typeof="schema:Organization">OpenEd CUNY </i>
(<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2024">2024</time>).
</li>
{/* <!-- Citation num 6--> */}
<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-six">
<span property="schema:author" typeof="schema:Person">
<span property="schema:Name">Sahay, G.</span>,
<span property="schema:Name">Alakhova, D.Y.</span>,
<span property="schema:Name">Kabanov, A.V. </span>
</span>
<span property="schema:name">Endocytosis of nanomedicines. </span>
<i property="schema:publisher" typeof="schema:Organization">Journal of Controlled Release </i>
<b property="issueNumber" typeof="PublicationIssue">145</b>,
<span property="schema:pageBegin"> 182</span>-<span property="schema:pageEnd">195 </span>
(<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2010">2010</time>).
<a className="doi" href="https://doi.org/10.1016/j.jconrel.2010.01.036"> doi: 10.1016/j.jconrel.2010.01.036</a>
</li>
{/* <!-- Citation num 7--> */}
<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-seven">
<span property="schema:author" typeof="schema:Person">
<span property="schema:Name">Ramachandran, S.</span>,
<span property="schema:Name">Satapathy, S.R.</span>,
<span property="schema:Name">Dutta, T. </span>
</span>
<span property="schema:name">Delivery Strategies for mRNA Vaccines. </span>
<i property="schema:publisher" typeof="schema:Organization">Pharmaceutical Medicine </i>
<b property="issueNumber" typeof="PublicationIssue">36</b>,
<span property="schema:pageBegin"> 11</span>-<span property="schema:pageEnd">20 </span>
(<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2022">2022</time>).
<a className="doi" href="https://doi.org/10.1007/s40290-021-00417-5"> doi: 10.1007/s40290-021-00417-5</a>
</li>
{/* <!-- Citation num 8--> */}
<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-eight">
<span property="schema:author" typeof="schema:Person">
<span property="schema:Name">Bandi, S.P.</span>,
<span property="schema:Name">Bhatnagar, S.</span>,
<span property="schema:Name">Venuganti, V.V.K. </span>
</span>
<span property="schema:name">Advanced materials for drug delivery across mucosal barriers. </span>
<i property="schema:publisher" typeof="schema:Organization">Acta Biomaterialia </i>
<b property="issueNumber" typeof="PublicationIssue">119</b>,
<span property="schema:pageBegin"> 13</span>-<span property="schema:pageEnd">29 </span>
(<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2021">2021</time>).
<a className="doi" href="https://doi.org/10.1016/j.actbio.2020.10.031"> doi: 10.1016/j.actbio.2020.10.031</a>
</li>
</ol>
</section>
</div>
</div>
</div>
);
}
src/contents/experiments.tsx 0 → 100644
+ 34
− 0
View file @ 9426b52d
import { Inspirations, InspirationLink } from "../components";
export function Experiments() {
const links: InspirationLink[] = [
{ year: 2019, teamName: "Nantes", pageName: "Experiments" },
{ year: 2019, teamName: "TU_Eindhoven", pageName: "Experiments" },
{ year: 2019, teamName: "Mingdao", pageName: "Demonstrate" },
{ year: 2020, teamName: "Amsterdam", pageName: "Experiments" },
{ year: 2020, teamName: "NCTU_Formosa", pageName: "Experiments" },
{ year: 2020, teamName: "USAFA", pageName: "Experiments" },
];
return (
<>
<div className="row mt-4">
<div className="col-lg-8">
<h2>What should this page contain?</h2>
<hr />
<p>
Describe the research, experiments, and protocols you used in your
iGEM project. These should be detailed enough for another team to
repeat your experiments.
</p>
<p>
If you made Parts this year, please remember to put all information,
characterization, and measurement data on the Part's Main Page on
the <a href="https://parts.igem.org/Main_Page">Registry</a>.
</p>
</div>
<Inspirations inspirationLinkList={links} />
</div>
</>
);
}
src/contents/human-practices.tsx 0 → 100644
+ 109
− 0
View file @ 9426b52d
import { Inspirations, InspirationLink } from "../components";
export function HumanPractices() {
const links: InspirationLink[] = [
{ year: 2019, teamName: "Thessaly", pageName: "Human_Practices" },
{ year: 2019, teamName: "Linkoping_Sweden", pageName: "Human_Practices" },
{ year: 2019, teamName: "FDR-HB_Peru", pageName: "Human_Practices" },
{ year: 2020, teamName: "William_and_Mary", pageName: "Human_Practices" },
{ year: 2020, teamName: "Rochester", pageName: "Human_Practices" },
{ year: 2020, teamName: "Leiden", pageName: "Human_Practices" },
{ year: 2020, teamName: "Baltimore_BioCrew", pageName: "Human_Practices" },
];
return (
<>
<div className="row mt-4">
<div className="col">
<div className="bd-callout bd-callout-info">
<h4>Silver Medal Criterion #2</h4>
<p>
Explain how you have determined your work is responsible and good
for the world.
</p>
<hr />
<p>
Please see the{" "}
<a href="https://competition.igem.org/judging/medals">
2024 Medals Page
</a>{" "}
for more information.
</p>
</div>
<div className="bd-callout bd-callout-info">
<h4>Best Integrated Human Practices</h4>
<p>
How does your project affect society and how does society
influence the direction of your project? How might ethical
considerations and stakeholder input guide your project purpose
and design and the experiments you conduct in the lab? How does
this feedback enter into the process of your work all through the
iGEM competition? Document a thoughtful and creative approach to
exploring these questions and how your project evolved in the
process to compete for this award!
</p>
<p>
To compete for the Best Integrated Human Practices prize, select
the prize on the{" "}
<a href="https://competition.igem.org/deliverables/judging-form">
judging form
</a>{" "}
and describe your work on this page.
</p>
<hr />
<p>
Please see the{" "}
<a href="https://competition.igem.org/judging/awards">
2024 Awards Page
</a>{" "}
for more information.
</p>
</div>
</div>
</div>
<div className="row mt-4">
<div className="col-lg-8">
<h2>Overview</h2>
<hr />
<p>
At iGEM we believe societal considerations should be upfront and
integrated throughout the design and execution of synthetic biology
projects. “Human Practices” refers to iGEM teams' efforts to
actively consider how the world affects their work and their work
affects the world. Through your Human Practices activities, your
team should demonstrate how you have thought carefully and
creatively about whether your project is responsible and good for
the world. We invite you to explore issues relating (but not
limited) to the ethics, safety, security, and sustainability of your
project, and to show how this exploration feeds back into your
project purpose, design, and execution.
</p>
<p>
Please note you can compete for the Silver Medal criterion #2 and
the Best Integrated Human Practices prize with this page.
</p>
<p>
For more information, please see the{" "}
<a href="https://responsibility.igem.org/human-practices/what-is-human-practices">
Human Practices Hub
</a>
.
</p>
<p>
On this page, your team should document all of your Human Practices
work and activities. You should write about the Human Practices
topics you considered in your project, document any activities you
conducted to explore these topics (such as engaging with experts and
stakeholders), describe why you took a particular approach
(including referencing any work you built upon), and explain if and
how you integrated takeaways from your Human Practices work back
into your project purpose, design and/or execution.
</p>
</div>
<Inspirations inspirationLinkList={links} />
</div>
</>
);
}
src/contents/notebook.tsx 0 → 100644
+ 31
− 0
View file @ 9426b52d
import { Inspirations, InspirationLink } from "../components";
export function Notebook() {
const links: InspirationLink[] = [
{ year: 2018, teamName: "Munich", pageName: "Notebook" },
{ year: 2019, teamName: "Georgia_State", pageName: "Notebook" },
{ year: 2019, teamName: "Newcastle", pageName: "Notebook" },
{ year: 2020, teamName: "IISER-Pune-India", pageName: "Notebook" },
{ year: 2020, teamName: "Lund", pageName: "Notebook" },
{ year: 2020, teamName: "NOVA_LxPortugal", pageName: "Notebook" },
{ year: 2020, teamName: "RDFZ-China", pageName: "NoteBook" },
];
return (
<>
<div className="row mt-4">
<div className="col-lg-8">
<h2>What should this page contain?</h2>
<hr />
<ul>
<li>Chronological notes of what your team is doing.</li>
<li>Brief descriptions of daily important events.</li>
<li>Pictures of your progress.</li>
<li>Mention who participated in what task.</li>
</ul>
</div>
<Inspirations inspirationLinkList={links} />
</div>
</>
);
}
src/contents/results.tsx 0 → 100644
+ 83
− 0
View file @ 9426b52d
import { Inspirations, InspirationLink } from "../components";
export function Results() {
const links: InspirationLink[] = [
{ year: 2019, teamName: "Newcastle", pageName: "Results" },
{ year: 2019, teamName: "Munich", pageName: "Results" },
{ year: 2019, teamName: "Tec-Chihuahua", pageName: "Results" },
{ year: 2020, teamName: "Aalto-Helsinki", pageName: "Results" },
{ year: 2020, teamName: "GreatBay_SCIE", pageName: "Results" },
{ year: 2020, teamName: "Queens_Canada", pageName: "Results" },
];
return (
<>
<div className="row mt-4">
<div className="col-lg-5">
<h2>What should this page contain?</h2>
<hr />
<ul>
<li>Clearly and objectively describe the results of your work.</li>
<li>Future plans for the project.</li>
<li>Considerations for replicating the experiments.</li>
</ul>
</div>
<div className="col-lg-7">
<h2>Describe what your results mean</h2>
<hr />
<ul>
<li>
Interpretation of the results obtained during your project. Don't
just show a plot/figure/graph/other, tell us what you think the
data means. This is an important part of your project that the
judges will look for.
</li>
<li>
Show data, but remember{" "}
<b>
all measurement and characterization data must also be on the
Part's Main Page on the{" "}
<a href="https://parts.igem.org/Main_Page">Registry</a>.
</b>{" "}
Otherwise these data will not be in consideration for any medals
or part awards!
</li>
<li>
Consider including an analysis summary section to discuss what
your results mean. Judges like to read what you think your data
means, beyond all the data you have acquired during your project.
</li>
</ul>
</div>
</div>
<div className="row mt-4">
<div className="col-lg-8">
<h2>Project Achievements</h2>
<hr />
<p>
You can also include a list of bullet points (and links) of the
successes and failures you have had over your summer. It is a quick
reference page for the judges to see what you achieved during your
summer.
</p>
<ul>
<li>
A list of linked bullet points of the successful results during
your project
</li>
<li>
A list of linked bullet points of the unsuccessful results during
your project and what you learned from them. This is about being
scientifically honest. If you worked on an area for a long time
with no success, tell us so we know where you put your effort.
Furthermore, you can still impress the judges by thoughtfully
discussing what went wrong and how you might change things.
</li>
</ul>
</div>
<Inspirations inspirationLinkList={links} />
</div>
</>
);
}
src/contents/safety.tsx 0 → 100644
+ 92
− 0
View file @ 9426b52d
export function Safety() {
return (
<>
<div className="row mt-4">
<div className="col">
<div className="bd-callout bd-callout-info">
<h4>Safety and Security Award</h4>
<p>
Synthetic biology will need to be used safely and securely if
local people are to solve local problems all around the world. The
Safety and Security Committee is challenging teams to apply
biological engineering approaches to manage risks associated with
synthetic biology. Can you take the next step in incremental
progress towards knowledge, understanding, and tools that will
make the use of synthetic biology safer and more secure?
</p>
<p>
To compete for the Safety and Security award, please describe your
work on this page and also fill out the description on the{" "}
<a href="https://competition.igem.org/deliverables/judging-form">
judging form
</a>
.
</p>
<hr />
<p>
Please see the{" "}
<a href="https://competition.igem.org/judging/awards">
2024 Awards Page
</a>{" "}
for more information.
</p>
</div>
</div>
</div>
<div className="row mt-4">
<div className="col">
<h2>What should this page contain?</h2>
<hr />
<p>
On this page of your wiki, you should write about how you are
addressing any safety issues in your project. The wiki is a place
where you can go beyond the questions on the safety forms, and write
about whatever safety topics are most interesting in your project.
(You do not need to copy your safety forms onto this wiki page.)
</p>
<div className="bd-callout bd-callout-info">
<p>
Please visit the{" "}
<a href="https://responsibility.igem.org/safety-policies/introduction">
Safety Policies page
</a>{" "}
to find this year's safety requirements & deadlines, and to learn
about safe & responsible research in iGEM.
</p>
</div>
</div>
</div>
<div className="row mt-4">
<div className="col-lg-8">
<h2>Safe Project Design</h2>
<hr />
<p>
Does your project include any safety features? Have you made certain
decisions about the design to reduce risks? Write about them here!
For example:
</p>
<ul>
<li>Choosing a non-pathogenic chassis</li>
<li>Choosing parts that will not harm humans / animals / plants</li>
<li>
Substituting safer materials for dangerous materials in a
proof-of-concept experiment
</li>
<li>Including an "induced lethality" or "kill-switch" device</li>
</ul>
</div>
<div className="col-lg-4">
<h2>Safe Lab Work</h2>
<hr />
<p>
What safety procedures do you use every day in the lab? Did you
perform any unusual experiments, or face any unusual safety issues?
Write about them here!
</p>
</div>
</div>
</>
);
}
src/contents/team.tsx 0 → 100644
+ 51
− 0
View file @ 9426b52d
import { Inspirations, InspirationLink } from "../components";
export function Team() {
const links: InspirationLink[] = [
{ year: 2019, teamName: "CU", pageName: "Team" },
{ year: 2019, teamName: "UANL", pageName: "Team" },
{ year: 2019, teamName: "William_and_Mary", pageName: "Team" },
{ year: 2020, teamName: "BOKU-Vienna", pageName: "Team" },
{ year: 2020, teamName: "CAU_China", pageName: "Team_Member" },
{ year: 2020, teamName: "Lethbridge", pageName: "Members" },
];
return (
<>
<div className="row">
<div className="col-8">
<h2>What should this page contain?</h2>
<hr />
<ul>
<li>
Include pictures of your teammates, don't forget instructors and
advisors!
</li>
<li>
You can add a small biography or a few words from each team
member, to tell us what you like, and what motivated you to
participate in iGEM.
</li>
<li>
Take team pictures! Show us your school, your lab and little bit
of your city.
</li>
<li>
Remember that image galleries can help you showcase many pictures
while saving space.
</li>
</ul>
<div className="bd-callout bd-callout-info">
<strong>Important:</strong> Your wiki pages will be archived at the
end of the iGEM season and this content will remain online. Please
keep this in mind as you post photos and personal information on
this page.
</div>
</div>
<div className="col-4">
<Inspirations inspirationLinkList={links} />
</div>
</div>
</>
);
}
src/contents/wiki.tsx 0 → 100644
+ 26
− 0
View file @ 9426b52d
import { Link } from "react-router-dom";
export function Wiki () {
return (
<>
<div className="row">
<div className="col">
<h2>Wiki under construction!</h2>
<hr />
<p>See you soon!</p>
</div>
</div>
<div className="row">
<div className="d-flex flex-column justify-content-center align-items-center">
<h2></h2>
<hr />
<Link to="/description" className="btn btn-secondary btn-lg">
Project Description
</Link>
</div>
</div>
</>
);
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment