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/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/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);
+ });