diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html
index 49ffac45067e24f98ff3aa39a9c6149155f40e4b..df6e9a5edf0dda591703960ac57c9d5b337d4c18 100644
--- a/wiki/pages/safety.html
+++ b/wiki/pages/safety.html
@@ -13,45 +13,67 @@
#circle_1 {
aspect-ratio: 1;
- width: 6vw;
- background-color: #8c847c;
+ width: 7vw;
+ background-color: white;
border-radius: 50%;
position: absolute;
- left: calc(50% - 3vw + 9vw);
- top: calc(50% - 3vh);
+ left: calc(50% - 3.5vw + 9vw);
+ top: calc(50% - 3.5vh);
transform-origin: -9vw 0;
translate: 50% 50%;
- /* transform: rotate(80deg); */
- animation: rotate_arround1 3s linear infinite;
+ transform: rotate(80deg);
}
+ #circle_1>img {
+ transform: rotate(-80deg);
+ }
+
+
#circle_2 {
aspect-ratio: 1;
width: 8vw;
- background-color: #5e7e8e;
+ background-color: white;
border-radius: 50%;
position: absolute;
left: calc(50% - 4vw + 19vw);
top: calc(50% - 4vh);
transform-origin: -19vw 0;
translate: 50% 50%;
- animation: rotate_arround2 7s linear infinite;
- /* transform: rotate(-60deg); */
+ transform: rotate(-60deg);
+ }
+
+ #circle_2>img {
+ transform: rotate(60deg);
}
+
#circle_3 {
aspect-ratio: 1;
width: 11vw;
- background-color: #7f5e50;
+ background-color: white;
border-radius: 50%;
position: absolute;
left: calc(50% - 5.5vw + 20vw);
top: calc(50% - 5.5vh);
transform-origin: -20vw 0;
translate: 50% 50%;
- /* transform: rotate(-135deg); */
- animation: rotate_arround3 15s linear infinite;
+ transform: rotate(-135deg);
+ }
+
+ #circle_3>img {
+ transform: rotate(135deg);
+ }
+
+ #central {
+ aspect-ratio: 1;
+ width: 13vw;
+ background-color: white;
+ border-radius: 50%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
}
#circle_1:hover,
@@ -63,56 +85,6 @@
}
-
-
- @keyframes rotate_arround1 {
- 0% {
-
- transform: rotate(80deg);
- }
-
- 50% {
- transform: rotate(260deg);
- }
-
- 100% {
- transform: rotate(440deg);
- }
-
- }
-
- @keyframes rotate_arround2 {
- 0% {
-
- transform: rotate(-60deg);
- }
-
- 50% {
- transform: rotate(120deg);
- }
-
- 100% {
- transform: rotate(300deg);
- }
-
- }
-
- @keyframes rotate_arround3 {
- 0% {
-
- transform: rotate(-135deg);
- }
-
- 50% {
- transform: rotate(45deg);
- }
-
- 100% {
- transform: rotate(225deg);
- }
-
- }
-
#solar_system {
position: relative;
aspect-ratio: 1;
@@ -121,39 +93,45 @@
{% endblock kostilj_style %}
{% block page_content %}
-
-<section class="page_heading mt-5 mb-0">
+<section class="page_heading mt-5 mb-5">
<div class="container">
<div class="d-flex row align-content-center justify-content-center">
<div class="page-header fade_from_top" id="safety_title">
Safety
</div>
- <hr class="hr-divider width-2 fade_from_left">
- <p class="section-text text-center">
- Safety always comes first in our team’s work, especially when working with UV. We also carry over this mentality
- in the
- design of our final product. We specifically chose an inducible promoter that is repressed in normal conditions,
- allowing for specific activation of the melanin production. Thus it has incredibly limited conditions to have
- increased
- radiation resistance, allowing for a controlled toggled modification.
+ <hr class="hr-divider width-2 fade_from_right">
+ <p class="section-text text-center fade_from_left">
+ Design of melanin-shielded yeast was taken step-by-step, supported by research articles, modeling, and data from
+ our
+ experiments. In this part of the wiki, we reason our choices, ideas, and solutions used to create yeast strains
+ that are
+ capable of sustaining the most strenuous space danger of solar and cosmic radiation.
</p>
<div class="arc-divider">
- <img src="https://static.igem.wiki/teams/4440/wiki/wiki/half-arc-divider.svg" class="img-fluid">
+ <img src="https://static.igem.wiki/teams/4440/wiki/wiki/half-arc-divider.svg"
+ class="img-fluid fade_from_bottom">
</div>
</div>
</div>
</section>
-<section class="text-section reference-before-section">
+<section class="text-section">
<div class="container">
<div class="flex width-12 justify-content-evenly">
<div id="solar_system" class="width-9">
<div id="circle_1" data-id="1">
+ <img src="https://static.igem.wiki/teams/4440/wiki/safety/flask-1.png" class="img-fluid">
</div>
<div id="circle_2" data-id="2">
+ <img src="https://static.igem.wiki/teams/4440/wiki/safety/protection.png" class="img-fluid">
</div>
<div id="circle_3" data-id="3">
+ <img src="https://static.igem.wiki/teams/4440/wiki/safety/biohazard.png" class="img-fluid">
+ </div>
+
+ <div id="central">
+ <img src="https://static.igem.wiki/teams/4440/wiki/safety/safety-main-central.png" class="img-fluid">
</div>
<img src="https://static.igem.wiki/teams/4440/wiki/safety/solar-system-wo-planets.svg" class="img-fluid">
@@ -162,24 +140,182 @@
</div>
</section>
+<section class="text-section width-12 flex justify-content-center">
+ <div class="width-10">
+ <div class="flex row align-items-center justify-content-center">
+ <h1 class="section-header fade_from_top scrollable_header" id="safety_header">
+ Lab safety:
+ </h1>
+ <p class="section-text fade_from_left">
+ Before starting the experimental work of the new iGEM season, all of our
+ team members must pass the safety and security
+ training that is carried out by senior supervisors who have significant lab work experience. In our laboratory,
+ students
+ are working under constant supervision by our instructors while following the regulations and norms of
+ experimental work
+ provided by the Institute of Technology in University of Tartu. The experimental work is carried out in a Level
+ 1
+ Biosafety laboratory. Our team works only with non-pathogenic organisms belonging to the White List.
+ </p>
-<script>
+ </div>
+ </div>
+</section>
+
+<section class="text-section width-12 flex justify-content-center">
+ <div class="width-10">
+ <div class="flex row align-items-center justify-content-center">
+ <h1 class="section-header fade_from_top scrollable_header">
+ Lab safety
+ </h1>
+ <p class="section-text fade_from_left">
+ Before starting the experimental work of the new iGEM season, all of our
+ team members must pass the safety and security
+ training that is carried out by senior supervisors who have significant lab work experience. In our laboratory,
+ students
+ are working under constant supervision by our instructors while following the regulations and norms of
+ experimental work
+ provided by the Institute of Technology in University of Tartu. The experimental work is carried out in a Level
+ 1
+ Biosafety laboratory. Our team works only with non-pathogenic organisms belonging to the White List.
+ </p>
+
+ </div>
+ </div>
+</section>
+<section class="text-section width-12 flex justify-content-center">
+ <div class="width-10">
+ <div class="flex row align-items-center justify-content-center">
+ <h1 class="section-header fade_from_top scrollable_header">
+ Project safety
+ </h1>
+ <p class="section-text fade_from_right">
+ In our project “Space Yeast†we are working with genetically modified baker’s yeast <i>Saccharomyces
+ cerevisiae</i> and
+ bacteria cloning-compatible strains of <i>Escherichia coli</i>. Both of these belong to the iGEM White List in
+ order to
+ make the experimental work and subsequent implementation safer. We are also using the tyrosinase gene from
+ <i>Bacillus
+ megaterium</i>, which is also considered not harmful to humans or the environment. We follow biohazard waste
+ disposal
+ rules to ensure that no genetically modified cells are released from the lab.
+ </p>
+ <p class="section-text fade_from_left">
+ Our project consists of three different approaches to create three yeast strains. Each of them poses a very low
+ risk of
+ spreading the final product into the environment. The first approach is based on producing melanin in yeast cell
+ cytoplasm by overexpression of a bacterial tyrosinase. For this we use the pRS306 plasmid vector as a backbone
+ for the
+ final construct. As a shuttle vector that can be used in both yeast and bacteria, pRS306 contains both <i>E.
+ coli</i>
+ origin of replication and an antibiotic resistance gene. Therefore, this poses a possible risk of spreading
+ antibiotic
+ resistance genes in case either yeast strains or bacteria used to clone the construct are released into the
+ environment.
+ To mitigate this risk, we use a different vector backbone in the other two approaches, where bacterial origin
+ and the
+ antibiotic resistance gene are removed from the plasmid before yeast transformation.
+ </p>
+ <p class="section-text fade_from_right">
+ Although not in the scope of our this year’s iGEM project, there is a risk of the engineered yeast cells being
+ released
+ within the spacecraft. This may affect astronauts’ health. In order to minimize this risk, we propose to use
+ special
+ containers with a double lock system.
+ </p>
+ </div>
+ </div>
+</section>
+
+
+<section class="text-section width-12 flex justify-content-center">
+ <div class="width-10">
+ <div class="flex row align-items-center justify-content-center">
+ <h1 class="section-header fade_from_top scrollable_header">
+ Dual use
+ </h1>
+ <p class="section-text fade_from_left">
+ Our project does not produce any new virulence factors. We aimed to engineer yeast strains that produce melanin,
+ which
+ is non-toxic and not harmful to the environment. While melanin in yeast is aimed to provide protection against
+ UV and
+ ionizing radiation, its synthesis in the engineered yeast is controlled by galactose-inducible promoters. For
+ this
+ reason, our yeast strains maintain the radiation resistance only in highly specific conditions, limiting their
+ use in
+ other environments for other purposes.
+ Production of melanin includes synthesis of compounds that are toxic to the yeast cells. Our project attempts to
+ limit
+ the cytotoxic effect by introducing nanoparticle scaffolding. This allows to create a physical barrier and to
+ control
+ the localization of the malignant metabolites. Successful solutions on how to overcome the toxicity of certain
+ biosynthesis pathways could, in principle, be used in other cell factories and this could open new possibilities
+ to
+ produce harmful compounds using synthetic biology. However, this risk at the moment is only hypothetical.
+ </p>
+ </div>
+ </div>
+</section>
+
+
+<script>
const safety_texts = [
{
"id": "circle_1",
"title": "Lab safety",
- "text": "Before starting the experimental work of the new iGEM season, all of our team members must pass the safety and security training that is carried out by senior supervisors who have significant lab work experience. In our laboratory, students are working under constant supervision by our instructors while following the regulations and norms of experimental work provided by the Institute of Technology in University of Tartu. The experimental work is carried out in a Level 1 Biosafety laboratory. Our team works only with non-pathogenic organisms belonging to the White List. "
+ "text": `Before starting the experimental work of the new iGEM season,
+ all of our team members must pass the safety and security training that
+ is carried out by senior supervisors who have significant lab work experience.
+ In our laboratory, students are working under constant supervision by our instructors
+ while following the regulations and norms of experimental work provided by the Institute
+ of Technology in University of Tartu. The experimental work is carried out in a Level 1
+ Biosafety laboratory. Our team works only with non-pathogenic organisms belonging to the
+ White List. `
},
{
"id": "circle_2",
"title": "Project safety",
- "text": "In our project “Space Yeast†we are working with genetically modified baker’s yeast Saccharomyces cerevisiae and bacteria cloning-compatible strains of Escherichia coli. Both of these belong to the iGEM White List in order to make the experimental work and subsequent implementation safer. We are also using the tyrosinase gene from Bacillus megaterium, which is also considered not harmful to humans or the environment. We follow biohazard waste disposal rules to ensure that no genetically modified cells are released from the lab. Our project consists of three different approaches to create three yeast strains.Each of them poses a very low risk of spreading the final product into the environment.The first approach is based on producing melanin in yeast cell cytoplasm by overexpression of a bacterial tyrosinase.For this we use the pRS306 plasmid vector as a backbone for the final construct.As a shuttle vector that can be used in both yeast and bacteria, pRS306 contains both E.coli origin of replication and an antibiotic resistance gene.Therefore, this poses a possible risk of spreading antibiotic resistance genes in case either yeast strains or bacteria used to clone the construct are released into the environment.To mitigate this risk, we use a different vector backbone in the other two approaches, where bacterial origin and the antibiotic resistance gene are removed from the plasmid before yeast transformation. Although not in the scope of our this year’s iGEM project, there is a risk of the engineered yeast cells being released within the spacecraft.This may affect astronauts’ health.In order to minimize this risk, we propose to use special containers with a double lock system."
+ "text": `
+ <p class="section-text">
+ In our project “Space Yeast†we are working with genetically modified baker’s yeast
+ <i>Saccharomyces cerevisiae</i> and bacteria cloning-compatible strains of <i>Escherichia
+ coli</i>. Both of these belong to the iGEM White List in order to make the experimental work and
+ subsequent implementation safer. We are also using the tyrosinase gene from <i>Bacillus megaterium</i>,
+ which is also considered not harmful to humans or the environment. We follow biohazard waste disposal rules
+ to ensure that no genetically modified cells are released from the lab.
+ </p>
+ <p class="section-text">
+ Our project consists of three different approaches to create three yeast strains.
+ Each of them poses a very low risk of spreading the final product into the environment. The first
+ approach is based on producing melanin in yeast cell cytoplasm by overexpression of a bacterial tyrosinase. For this we use the
+ pRS306 plasmid vector as a backbone for the final construct. As a shuttle vector that can be used in both yeast and bacteria,
+ pRS306 contains both <i>E. coli</i> origin of replication and an antibiotic resistance gene. Therefore, this poses a possible
+ risk of spreading antibiotic resistance genes in case either yeast strains or bacteria used to clone the construct are released
+ into the environment. To mitigate this risk, we use a different vector backbone in the other two approaches, where bacterial origin
+ and the antibiotic resistance gene are removed from the plasmid before yeast transformation.
+ </p>
+ <p class="section-text">
+ Although not in the scope of our this year’s iGEM project, there is a risk of the engineered yeast cells being released within the
+ spacecraft. This may affect astronauts’ health. In order to minimize this risk, we propose to use special containers with a double lock system.
+ </p>
+ `
},
{
"id": "circle_3",
"title": "Dual use:",
- "text": "Our project does not produce any new virulence factors. We aimed to engineer yeast strains that produce melanin, which is non-toxic and not harmful to the environment. While melanin in yeast is aimed to provide protection against UV ja ionizing radiation, its synthesis in the engineered yeast is controlled by galactose-inducible promoters. For this reason, our yeast strains maintain the radiation resistance only in highly specific conditions, limiting their use in other environments for other purposes. Production of melanin includes synthesis of compounds that are toxic to the yeast cells.Our project attempts to limit the cytotoxic effect by introducing nanoparticle scaffolding.This allows to create a physical barrier and to control the localization of the malignant metabolites.Successful solutions on how to overcome the toxicity of certain biosynthesis pathways could, in principle, be used in other cell factories and this could open new possibilities to produce harmful compounds using synthetic biology.However, this risk at the moment is only hypothetical."
+ "text": `
+ <p class="section-text">
+ Our project does not produce any new virulence factors. We aimed to engineer yeast strains that produce melanin,
+ which is non-toxic and not harmful to the environment. While melanin in yeast is aimed to provide protection against UV
+ and ionizing radiation, its synthesis in the engineered yeast is controlled by galactose-inducible promoters. For this reason,
+ our yeast strains maintain the radiation resistance only in highly specific conditions, limiting their use in other environments for other purposes.
+ Production of melanin includes synthesis of compounds that are toxic to the yeast cells. Our project attempts to limit the cytotoxic effect
+ by introducing nanoparticle scaffolding. This allows to create a physical barrier and to control the localization of the malignant metabolites.
+ Successful solutions on how to overcome the toxicity of certain biosynthesis pathways could, in principle, be used in other cell factories
+ and this could open new possibilities to produce harmful compounds using synthetic biology. However, this risk at the moment is only hypothetical.
+ </p>
+ `
}
];
@@ -199,6 +335,17 @@
setModalsForCircles(safety_texts);
+
+ const central_hujnya = document.getElementById('central');
+ central_hujnya.addEventListener('click', () => {
+ const header = document.getElementById('safety_header');
+ window.scrollTo({
+ top: getOffsetTop(header) - 84,
+ behavior: 'smooth'
+ })
+ });
+
+
// fetch("../../static/jsons/safety.json")
// .then((response) => response.json())
// .then(setModalsForCircles);