diff --git a/static/jsons/collaborations.js b/static/jsons/collaborations.js
index 2c94bb6d0018b51060a9bba4f998f31718ff38a0..916a1e3e9390de862d9e7273516b6b5ee88cf7ed 100644
--- a/static/jsons/collaborations.js
+++ b/static/jsons/collaborations.js
@@ -15,7 +15,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/inclusivity-webinar.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/inclusivity-webinar/inclusivity-webinar-1.jpg"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/inclusivity-webinar.png"
]
},
{
@@ -24,7 +24,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/baltic-jamboree.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/baltic-jamboree/baltic-jamboree-2.jpg"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/baltic-jamboree-min.png"
]
},
{
@@ -33,7 +33,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/igem-s-den.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/igem-den-conference/den-collab.jpg"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/igem-s-den.png"
]
},
{
@@ -42,7 +42,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/sdg-networking-conference.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/sdg-networking-conference/photo-2022-10-10-18-07-40.jpg"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/sdg-networking-conference.png"
]
},
{
@@ -51,7 +51,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/eastern-european-teams-conference.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/eastern-european-teams-conference.jpg"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/eastern-european-conference-old-link-and-pic.jpg"
]
}
]
@@ -65,7 +65,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/instagram-post-story-about-accomplished-scientists-from-estonia.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/story-on-9th-august-about-scientists/screenshot-77.png"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/instagram-post-and-story-about-estonian-scientist.png"
]
},
{
@@ -74,7 +74,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/synbiootd-social-media-collaboration.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/synbiootd-social-media/synbiootd-social-media-collab-1.png"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/synbiootd.png"
]
}
]
@@ -88,7 +88,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/comic-book.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/comic-book/comics-2.jpg"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/comic-book.png"
]
},
{
@@ -97,7 +97,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/card-game.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/card-game-with-igem-projects-2022.png"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/card-game-old-link-and-pic.png"
]
},
{
@@ -106,14 +106,17 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/beautiful-mistakes-they-help-us-learn.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/beautiful-mistakes/beautiful-mistakes-collab-1.jpg"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/beautiful-mistakes.png"
]
},
{
"name": "Postcard",
"text": "Our Estonia_TUIT team took part in a postcard collaboration for the 6th year in a row, which was organized by the Dusseldorf iGEM team from Germany. The goal in this collaboration was to create a postcard that contained a short project abstract in a thematic design. We designed a space-related postcard with our radiation-resistant yeast cells.",
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/postcard.png",
- "vert_text": ""
+ "vert_text": "",
+ "img2": [
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/collab-postcard.png"
+ ]
},
{
"name": "Puzzle book",
@@ -172,13 +175,15 @@ const allCollaborations =
"name": "1-minute video",
"text": "This August the Estonia_TUIT team participated in a collaboration launched by the iGEM Meta Thess team from Greece. Every team participating in collaboration had to record a 1-minute video about their iGEM project, and later videos from different iGEM teams all over the world were collected and united in one. The rules were to make the video in front of a characteristic monument of the city where the team is located. For this reason, we presented our project near the main building of the University of Tartu and 'The Kissing Students' sculpture and fountain - two of the most recognised symbols of Tartu. In the video, we shortly introduced our Space Yeast project and sent greetings to other teams in Estonian! These videos help to promote the contribution that iGEM teams are making to solve world problems.",
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/1-minute-video.png",
- "vert_text": ""
+ "vert_text": "",
+ "video": "https://video.igem.org/videos/embed/6c01c404-8746-4e08-8c14-977419e311ab"
},
{
"name": "1-2-minute video about lab safety",
"text": "We have filmed a short video about lab safety for a collaboration organized by Indian iGEM team IISER_Mohali. In our video we introduced the common safety rules and informed about prohibitions such as restrictions on eating and drinking in the lab, the necessity of wearing protective clothes and cleaning up after yourself. Furthermore, the purpose of our video was to emphasize that lab safety rules are obligatory, they are not dependent on the worker’s mood and preferences and that not following these rules can cost one not only the success of experiments but also ones well-being.",
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/1-2-minute-video-about-lab-safety.png",
- "vert_text": ""
+ "vert_text": "",
+ "video":"https://video.igem.org/videos/embed/2f7ef2e7-a330-4fb3-9195-58ffd75920b9"
},
{
"name": "Streamlining the iGEM process: A Discussion",
@@ -186,7 +191,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/streamlining-the-igem-process-a-discussion.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/advice-igem.png"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/streamlining-the-igem-process-a-discussion-old-link-and-pic.png"
]
}
]
@@ -200,7 +205,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/spell-your-team-s-name.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/spell-name.png"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/spell-name-old-link-and-pic.png"
]
},
{
@@ -209,7 +214,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/digital-poster-future-of-space-exploration-with-igem-2022-projects.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/poster-future-of-space-exploration-with-igem-2022-projects.png"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/poster-future-of-space-old-link-and-pic.png"
]
},
{
@@ -218,7 +223,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/online-meetup-igemers-in-space.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/online-meetup-igemers-in-space-02-10/online-meetup-igemers-in-space-2.png"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/online-meetup-igemers-in-space.png"
]
},
{
@@ -227,7 +232,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/team-mascot.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/team-mascot/super-yeast.png"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/team-mascot.png"
]
},
{
@@ -236,7 +241,7 @@ const allCollaborations =
"img": "https://static.igem.wiki/teams/4440/wiki/collaborations/digital-art-pieces.png",
"vert_text": "",
"img2": [
- "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/digital-art-pieces/day-2a.jpg"
+ "https://static.igem.wiki/teams/4440/wiki/collaborations/final-media/digital-art-pieces-min.png"
]
}
]
diff --git a/static/jsons/educom.js b/static/jsons/educom.js
index 90b489ed29538dbe14aa0213ed1380c79ef3afb2..f9931f492bb9c7783af712e47cd93d22b0b8445c 100644
--- a/static/jsons/educom.js
+++ b/static/jsons/educom.js
@@ -267,8 +267,6 @@ const educomJson = {
with various laboratory equipment, such as PCR machines, centrifuges, vortexes, and thermostats. <br>
More information about the summer school can be found by the link:</p></div>
<a href="https://ut.ee/en/content/synthetic-biology-and-its-applications"> Synthetic Biology and its Applications | University of Tartu (ut.ee)</a>
- <img src='https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-summer-school-1.jpg'/>
- <img src='https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-summer-school-2.png'/>
<img src='https://static.igem.wiki/teams/4440/wiki/wiki/edu-comm/summer-school/da1a0031.jpg'/>
<img src='https://static.igem.wiki/teams/4440/wiki/wiki/edu-comm/summer-school/da1a9850.jpg'/>
<img src='https://static.igem.wiki/teams/4440/wiki/wiki/edu-comm/summer-school/da1a9883.jpg'/>
@@ -302,7 +300,7 @@ const educomJson = {
<div class = 'width-12 text-center'><p>Info sessions that our Estonia_TUIT team holds in various events and
educational fairs are one of our approaches for educating the public about synthetic biology, iGEM competition,
and our projects. We organize info sessions and lectures in Estonia and other countries. This iGEM season,
- we went to educational fairs in Latvia, Azerbaijan, and Georgia. Also, our team took part in multiple online info sessions.</p></div>
+ we went to educational fairs in Estonia, Latvia, Azerbaijan, and Georgia. Also, our team took part in multiple online info sessions.</p></div>
`
},
"educom-international": {
@@ -376,7 +374,7 @@ const educomJson = {
,
"educom-kahoot": {
- "title": "Kahoot",
+ "title": "Kahoot!",
"content": `
<div class = 'width-12 text-center'><p>Participation in Kahoot! quizzes is a great opportunity for everyone
to test their scientific knowledge and learn something new in an interactive and fun way. This iGEM season,
diff --git a/wiki/pages/collaborations.html b/wiki/pages/collaborations.html
index 48eead91cf817d67b555920dac5ec6d42db55e99..ae70feac6643177da42c0344dc3e137363f72220 100644
--- a/wiki/pages/collaborations.html
+++ b/wiki/pages/collaborations.html
@@ -380,19 +380,24 @@
}
- if (section.pdf) {
+ else if (section.pdf) {
const pdf = document.createElement('object');
- pdf.data = "https://static.igem.wiki/teams/4440/wiki/wiki/collaborations/puzzle-book-estonia.pdf";
+ pdf.data = section.pdf;
pdf.style.width = "80%";
pdf.style.height = "100%";
pdf.style.position = "relative";
colabImagesContainer.appendChild(pdf);
}
- // <object id="notebookpdf"
- // data="https://static.igem.wiki/teams/4440/wiki/lab-journal/lab-journal-estonia-tuit-2022.pdf"
- // type="application/pdf" width="80%" height="800wb" class="fade_from_top"
- // style="position: relative; opacity: 1; left: 0px;">
- // </object>
+ else if (section.video) {
+ const video = document.createElement('iframe');
+ video.src = section.video
+ video.style.width = "100%";
+ video.style.height = "60vh";
+ colabImagesContainer.appendChild(video);
+ }
+ // <iframe title="hardware_video" width="560" height="315"
+ // src="https://video.igem.org/videos/embed/6c9de7db-43fc-4214-822f-95209c19d87e" frameborder="0"
+ // allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
}
diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html
index 26293e01caaa727c4f656334da82a3f5e3557844..4ae4fc82417c5a214074cb87d9f12f3f6a31fa9f 100644
--- a/wiki/pages/inclusivity.html
+++ b/wiki/pages/inclusivity.html
@@ -1219,9 +1219,10 @@
accessibility of the STEM field for SEN students.
</p>
<p class="section-text fade_from_right">
- Our team summarized suggestions that we got from respondents and we invite everyone to work together to
- facilitate
- inclusivity driven by these aspects.
+ Our team summarized suggestions that we got from respondents as well as the ones we came up with after our
+ interview
+ with Meelis Joost. We invite everyone to work together to facilitate inclusivity driven by these aspects.
+
</p>
<p class="section-text width-10 fade_from_left">
• It is incredibly important to create an atmosphere of acceptance in every inclusive educational
@@ -1240,6 +1241,19 @@
teachers
and your peers.<br><br>
+ • We invite speakers to provide a text version of their speeches and presentations they have during
+ events,
+ conferences,
+ meetups, etc. for people with hearing and vision impairment.<br><br>
+
+ • If you are a lecturer, make sure you describe with words the graphs, figures and drawings you include
+ on your
+ slides for
+ students with visual impairment. Such students often struggle to fully understand the information conveyed if
+ some
+ important part of your narrative is on some hard-to-see visual material and you don’t explain it
+ properly.<br><br>
+
• For educational institutions it is important to educate both staff and students about various
disabilities. It
can be
@@ -2005,14 +2019,14 @@
{% include 'sidebar.html' %}
<script>
- rotateGradient('inclusivity_section-header','#9071f1','#e2b025');
- rotateGradient('language_inclusivity_title','#9071f1','#e2b025');
- rotateGradient('ages_title','#9071f1','#e2b025');
- rotateGradient('ukraine_title','#9071f1','#e2b025');
- rotateGradient('summer_schools_lol_title','#9071f1','#e2b025');
- rotateGradient('info_sessions_title','#9071f1','#e2b025');
- rotateGradient('disabilities_title','#9071f1','#e2b025');
- rotateGradient('others_title','#9071f1','#e2b025');
+ rotateGradient('inclusivity_section-header', '#9071f1', '#e2b025');
+ rotateGradient('language_inclusivity_title', '#9071f1', '#e2b025');
+ rotateGradient('ages_title', '#9071f1', '#e2b025');
+ rotateGradient('ukraine_title', '#9071f1', '#e2b025');
+ rotateGradient('summer_schools_lol_title', '#9071f1', '#e2b025');
+ rotateGradient('info_sessions_title', '#9071f1', '#e2b025');
+ rotateGradient('disabilities_title', '#9071f1', '#e2b025');
+ rotateGradient('others_title', '#9071f1', '#e2b025');
// Main circles scroll to header
// ETO PLOHOJ KOD, NO DAVIT TUT 4 CHASA, NE TROGAJ NAHUJ!
@@ -2020,13 +2034,13 @@
const circle1_main = document.getElementById('system-1-star-main');
const circle1_header = document.getElementById('language_inclusivity_title');
- circle1_main.addEventListener('click',() => {
+ circle1_main.addEventListener('click', () => {
setTimeout(() => {
window.scrollTo({
top: getOffsetTop(circle1_header) - 84,
behavior: 'smooth'
})
- },20)
+ }, 20)
});
// DISABILITITES
@@ -2039,14 +2053,14 @@
top: getOffsetTop(circle2_header) - 84,
behavior: 'smooth'
})
- },20)
+ }, 20)
};
// AGES
const circle3_main = document.getElementById('system-3-star-main');
- circle3_main.addEventListener('click',() => {
+ circle3_main.addEventListener('click', () => {
const circle3_header = document.getElementById('ages_title');
setTimeout(() => {
@@ -2054,43 +2068,43 @@
top: getOffsetTop(circle3_header) - 84,
behavior: 'smooth'
})
- },20)
+ }, 20)
});
// INFO SESSIONS
const circle4_main = document.getElementById('system-4-star-main');
const circle4_header = document.getElementById('info_sessions_title');
- circle4_main.addEventListener('click',() => {
+ circle4_main.addEventListener('click', () => {
setTimeout(() => {
window.scrollTo({
top: getOffsetTop(circle4_header) - 84,
behavior: 'smooth'
})
- },20)
+ }, 20)
});
// INFO SESSIONS
const circle5_main = document.getElementById('system-5-star-main');
const circle5_header = document.getElementById('summer_schools_lol_title');
- circle5_main.addEventListener('click',() => {
+ circle5_main.addEventListener('click', () => {
setTimeout(() => {
window.scrollTo({
top: getOffsetTop(circle5_header) - 84,
behavior: 'smooth'
})
- },20)
+ }, 20)
});
// OTHERS
const circle6_main = document.getElementById('system-6-star-main');
const circle6_header = document.getElementById('others_title');
- circle6_main.addEventListener('click',() => {
+ circle6_main.addEventListener('click', () => {
setTimeout(() => {
window.scrollTo({
top: getOffsetTop(circle6_header) - 84,
behavior: 'smooth'
})
- },20)
+ }, 20)
});
// OTHERS
@@ -2103,7 +2117,7 @@
top: getOffsetTop(circle7_header) - 84,
behavior: 'smooth'
})
- },20)
+ }, 20)
};
// texts on sub stars
@@ -2120,19 +2134,19 @@
'id': 'system-1-star-1',
'label': 'Workshops and events in different languages',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60 - window.innerWidth / 20,y: -1 * window.innerWidth / 60 }
+ 'params': { x: window.innerWidth / 60 - window.innerWidth / 20, y: -1 * window.innerWidth / 60 }
},
{
'id': 'system-1-star-2',
'label': 'Video subtitles in different languages',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60,y: window.innerWidth / 10 }
+ 'params': { x: window.innerWidth / 60, y: window.innerWidth / 10 }
},
{
'id': 'system-1-star-3',
'label': 'Wiki homepage in different languages',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60 + window.innerWidth / 20,y: -1 * window.innerWidth / 60 }
+ 'params': { x: window.innerWidth / 60 + window.innerWidth / 20, y: -1 * window.innerWidth / 60 }
},
],
//DISABILITIES
@@ -2147,19 +2161,19 @@
'id': 'system-2-star-1',
'label': 'Web Content Accessibility Guidelines ',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60,y: -1 * window.innerWidth / 60 }
+ 'params': { x: window.innerWidth / 60, y: -1 * window.innerWidth / 60 }
},
{
'id': 'system-2-star-2',
'label': 'Accessibility toolbar instructions',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60,y: window.innerWidth / 10 }
+ 'params': { x: window.innerWidth / 60, y: window.innerWidth / 10 }
},
{
'id': 'system-2-star-3',
'label': 'Inclusivity survey “SEN students in STEM†',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60 + 150,y: -1 * window.innerWidth / 60 }
+ 'params': { x: window.innerWidth / 60 + 150, y: -1 * window.innerWidth / 60 }
},
],
'medveditsa-ages': [
@@ -2173,25 +2187,25 @@
'id': 'system-3-star-1',
'label': 'Age inclusion in our workshops',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60 - window.innerWidth / 15,y: -1 * window.innerWidth / 40 }
+ 'params': { x: window.innerWidth / 60 - window.innerWidth / 15, y: -1 * window.innerWidth / 40 }
},
{
'id': 'system-3-star-2',
'label': 'Comic book for children',
'parent': 'all_constalations',
- 'params': { x: -window.innerWidth / 12,y: window.innerWidth / 12 }
+ 'params': { x: -window.innerWidth / 12, y: window.innerWidth / 12 }
},
{
'id': 'system-3-star-3',
'label': 'Lectures and info sessions',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60 + window.innerWidth / 19,y: window.innerWidth / 12 }
+ 'params': { x: window.innerWidth / 60 + window.innerWidth / 19, y: window.innerWidth / 12 }
},
{
'id': 'system-3-star-4',
'label': 'Art exhibition and Escape room event',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60 + window.innerWidth / 13,y: -1 * window.innerWidth / 40 }
+ 'params': { x: window.innerWidth / 60 + window.innerWidth / 13, y: -1 * window.innerWidth / 40 }
},
],
'medveditsa-info-sessions': [
@@ -2205,7 +2219,7 @@
'id': 'system-4-star-1',
'label': 'Info sessions in Estonia and other countries',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60,y: -1 * window.innerWidth / 60 }
+ 'params': { x: window.innerWidth / 60, y: -1 * window.innerWidth / 60 }
},
],
@@ -2220,7 +2234,7 @@
'id': 'system-5-star-1',
'label': `Summer school "Synthetic Biology and its Applications" `,
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60 - window.innerWidth / 30,y: -1 * window.innerWidth / 20 }
+ 'params': { x: window.innerWidth / 60 - window.innerWidth / 30, y: -1 * window.innerWidth / 20 }
},
{
'id': 'system-5-star-2',
@@ -2261,18 +2275,18 @@
'id': 'system-7-star-1',
'label': 'Science day event for refugee children from Ukraine ',
'parent': 'all_constalations',
- 'params': { x: window.innerWidth / 60,y: window.innerWidth / 10 }
+ 'params': { x: window.innerWidth / 60, y: window.innerWidth / 10 }
},
],
}
let didStart = false;
- window.addEventListener('scroll',() => {
+ window.addEventListener('scroll', () => {
if (!didStart) {
didStart = true;
- scrollFromTop('big_medveditsa_nodes',1,1000);
- scrollFromTop('connections-to-people',1,2000);
+ scrollFromTop('big_medveditsa_nodes', 1, 1000);
+ scrollFromTop('connections-to-people', 1, 2000);
}
});
@@ -2291,8 +2305,8 @@
singleGroup.style.display = 'block';
sozvezdie_container.style.opacity = 0;
mainDescriptionContainer.style.display = 'none';
- setTimeout(() => singleGroup.classList.add(el.id + '-constalation-position'),100);
- setTimeout(() => { sozvezdie_container.style.display = 'none'; },1000);
+ setTimeout(() => singleGroup.classList.add(el.id + '-constalation-position'), 100);
+ setTimeout(() => { sozvezdie_container.style.display = 'none'; }, 1000);
const pageId = el.id + '-page-content';
const pageElement = document.getElementById(pageId);
@@ -2319,13 +2333,13 @@
}
}
- const elemReference = addTextOnTop(star.label,star.id,star.parent,star.params);
+ const elemReference = addTextOnTop(star.label, star.id, star.parent, star.params);
elemReference.classList.add('remove_tooltip');
elemReference.classList.add('star-above-text-width');
});
- },1500);
- setTimeout(() => loadSidebar(),1500);
+ }, 1500);
+ setTimeout(() => loadSidebar(), 1500);
}
});
@@ -2371,7 +2385,7 @@
closeButton.onclick = () => {
goBack();
}
- document.addEventListener('keyup',goBackOnEscape)
+ document.addEventListener('keyup', goBackOnEscape)
el.appendChild(closeButton);
});
@@ -2379,19 +2393,19 @@
setTimeout(() => {
- addTextOnTop('Language','medveditsa-language-circle','sozvezdie-container');
- addTextOnTop('Disabilities','medveditsa-disabilities','sozvezdie-container');
- addTextOnTop('Ages','medveditsa-ages','sozvezdie-container');
- addTextOnTop('Info sessions','medveditsa-info-sessions','sozvezdie-container',{ y: window.innerWidth / 100 });
- addTextOnTop('Summer schools','medveditsa-summer-schools','sozvezdie-container');
+ addTextOnTop('Language', 'medveditsa-language-circle', 'sozvezdie-container');
+ addTextOnTop('Disabilities', 'medveditsa-disabilities', 'sozvezdie-container');
+ addTextOnTop('Ages', 'medveditsa-ages', 'sozvezdie-container');
+ addTextOnTop('Info sessions', 'medveditsa-info-sessions', 'sozvezdie-container', { y: window.innerWidth / 100 });
+ addTextOnTop('Summer schools', 'medveditsa-summer-schools', 'sozvezdie-container');
//TODO
- addTextOnTop('Others','medvedista-huinya','sozvezdie-container');
+ addTextOnTop('Others', 'medvedista-huinya', 'sozvezdie-container');
- addTextOnTop('Ukrainian refugees','medvetisa-ukrainian-refugees','sozvezdie-container');
+ addTextOnTop('Ukrainian refugees', 'medvetisa-ukrainian-refugees', 'sozvezdie-container');
- },2000);
+ }, 2000);
diff --git a/wiki/pages/model.html b/wiki/pages/model.html
index 33be847db58287c4b094fa40f51546641dd63eba..9b2cc4bc9d554580f2320bf58363bbd09e59d445 100644
--- a/wiki/pages/model.html
+++ b/wiki/pages/model.html
@@ -150,7 +150,7 @@
value is set up according to the estimated parameters (from 0 to 1 mmol dm<sup>–3</sup>) (Tišma et al., 2008).
</p>
- <div class="table-wrapper fade_from_right width-6">
+ <div class="table-wrapper fade_from_right width-8">
<img src="https://static.igem.wiki/teams/4440/wiki/modelling/modeling-figure2.png" class="img-fluid img_style"
style="background-color: #fcf8e6;">
<p class="table-desc">
@@ -216,7 +216,7 @@
<p class="section-text fade_from_right width-8">
<b>1)</b> Tyrosine conversion into L-DOPA, driven enzymatically by tyrosinase. MassAction kinetic law and
reaction rate constants
- k1 (k<sup>on</sup>) and k1r (k<sup>off</sup>) expressed in (mole*second)<sup>–1</sup> and s<sup>–1</sup>
+ k1 (k<sup>on</sup>) and k1r (k<sup>off</sup>) expressed in (mole×second)<sup>–1</sup> and s<sup>–1</sup>
respectively.
K1r value was not required, since it was automatically calculated by the toolkit. <br>
<b>2) </b>Doapquinone synthesis from tyrosine, catalyzed by tyrosinase. MassAction kinetic law and reaction rate
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);
diff --git a/wiki/pages/videos.html b/wiki/pages/videos.html
index 2e6803c87f90044848f6b25c4f5849ab101303f7..c6f6eb38f6c943d566ee36fe0be12a50f4b06e8b 100644
--- a/wiki/pages/videos.html
+++ b/wiki/pages/videos.html
@@ -160,6 +160,15 @@
.video_name:hover {
background-color: #000000;
}
+
+ #video-container {
+ width: 75%;
+ position: relative;
+ /* height: 100%; */
+ padding-top: 5vw;
+ margin-left: 5%;
+ margin-right: 5%;
+ }
</style>
{% endblock kostilj_style %}
@@ -180,46 +189,74 @@
<div id="attribution-container">
<div id="attribution-info">
<div id="video_list">
- <div class="video_thumbnail">
- <a href="https://video.igem.org/w/nnideMo1ZjvvABmH67vNhR" target="_blank">
- <div class="video_name">
- Promotion video
- </div>
- </a>
- </div>
- <div class="video_thumbnail">
- <a href="https://video.igem.org/w/dBuHtWydojSeLp75KTgK6Y" target="_blank">
- <div class="video_name">
- Video about Scientific Art Exhibition and Escape Room event
- </div>
- </a>
- </div>
- <div class="video_thumbnail">
- <a href="https://video.igem.org/w/a1Y6JstXDpbsZoYVcnncJ5" target="_blank">
- <div class="video_name">
- 1 min video collaboration from MetaThess iGEM team, Greece
- </div>
- </a>
- </div>
-
- <div class="video_thumbnail">
- <a href="https://video.igem.org/w/jEPgWxmkdvb5PuzPBqjoM4
-" target="_blank">
- <div class="video_name">
- Lab safety collaboration with IISER_Mohali iGEM team
- </div>
- </a>
- </div>
- </div>
-
+ <!-- <div class="video_thumbnail">
+ <div class="video_name">
+ </div>
+ </div> -->
+ </div>
+ <div id="video-container">
+ </div>
</div>
</div>
</div>
<script>
- rotateGradient('contribution_title','#9071f1','#e2b025');
+ rotateGradient('contribution_title', '#9071f1', '#e2b025');
+
+ const videos = [
+ {
+ "title": "Promotion video",
+ "src": "https://video.igem.org/videos/embed/ad09233f-1703-4643-a583-0c95ec655691"
+ },
+ {
+ "title": "Video about Scientific Art Exhibition and Escape Room event",
+ "src": "https://video.igem.org/videos/embed/afe7858c-283b-4e71-a64a-439c309594e2"
+ },
+ {
+ "title": "1 min video collaboration from MetaThess iGEM team, Greece",
+ "src": "https://video.igem.org/videos/embed/6c01c404-8746-4e08-8c14-977419e311ab"
+ },
+ {
+ "title": "Lab safety collaboration with IISER_Mohali iGEM team",
+ "src": "https://video.igem.org/videos/embed/2f7ef2e7-a330-4fb3-9195-58ffd75920b9"
+ },
+ {
+ "title": "Hardware video",
+ "src": "https://video.igem.org/videos/embed/6c9de7db-43fc-4214-822f-95209c19d87e"
+ }
+ ]
+
+
+ const video_list = document.getElementById('video_list');
+
+ const showVideo = (src) => {
+ const vid_container = document.getElementById('video-container');
+ vid_container.innerHTML = '';
+ const video_iframe = document.createElement('iframe');
+ video_iframe.src = src;
+ video_iframe.style.width = "100%";
+ video_iframe.style.height = "60vh";
+ vid_container.append(video_iframe);
+ }
+
+ videos.forEach((video) => {
+ const vid_tumnb = document.createElement('div');
+ vid_tumnb.classList.add('video_thumbnail');
+ const name = document.createElement('div');
+ name.classList.add('video_name');
+ name.innerText = video.title;
+ vid_tumnb.appendChild(name);
+ vid_tumnb.setAttribute('data-link', video.src);
+ vid_tumnb.addEventListener('click', () => {
+ const link = vid_tumnb.getAttribute('data-link');
+ showVideo(link);
+ });
+ // video.addEventListener
+ video_list.appendChild(vid_tumnb);
+ // console.log(video.title, video.src);
+ });