diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html
index 491e736d40655943e7fdf40658368c2ec742c2f5..193075ab4bfd662ea4078b2d71e31660baebfacd 100644
--- a/wiki/pages/inclusivity.html
+++ b/wiki/pages/inclusivity.html
@@ -1117,9 +1117,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
@@ -1138,6 +1139,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
@@ -1890,14 +1904,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!
@@ -1905,13 +1919,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
@@ -1924,14 +1938,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(() => {
@@ -1939,43 +1953,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
@@ -1988,7 +2002,7 @@
top: getOffsetTop(circle7_header) - 84,
behavior: 'smooth'
})
- },20)
+ }, 20)
};
// texts on sub stars
@@ -2005,19 +2019,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
@@ -2032,19 +2046,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': [
@@ -2058,25 +2072,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': [
@@ -2090,7 +2104,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 }
},
],
@@ -2105,7 +2119,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',
@@ -2146,18 +2160,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);
}
});
@@ -2176,8 +2190,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);
@@ -2204,13 +2218,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);
}
});
@@ -2233,9 +2247,9 @@
el.style.opacity = 0;
sozvezdie_container.style.display = 'block';
sozvezdie_container.style.opacity = 1;
- setTimeout(() => loadSidebar(),1500);
+ setTimeout(() => loadSidebar(), 1500);
setTimeout(() => { el.style.display = 'none'; }
- ,1000);
+ , 1000);
}
@@ -2247,7 +2261,7 @@
closeButton.onclick = () => {
goBack();
}
- document.addEventListener('keyup',goBackOnEscape)
+ document.addEventListener('keyup', goBackOnEscape)
el.appendChild(closeButton);
});
@@ -2255,19 +2269,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/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);
+ });