diff --git a/static/jsons/translations.js b/static/jsons/translations.js index 6f620c4bbe548123bb37096e4dfab71c11d57fd1..f15602603f21728f67d74474373b4fed3cf84211 100644 --- a/static/jsons/translations.js +++ b/static/jsons/translations.js @@ -42,6 +42,7 @@ const translations = { `Buna nail olmaq üçün`, `biz <b><i>Bacillus megaterium</i></b>-dan ekzogen tirozinazı ifadÉ™ edirik. Melanin prekursorlarının potensial sitotoksik tÉ™sirlÉ™rini azaltmaq üçün biz hÉ™mçinin tirozinazanı viral nano bölmÉ™lÉ™rdÉ™ tÉ™crid etmÉ™yi vÉ™ alternativ olaraq tirozinazanı xarici hüceyrÉ™ divarına yapışdırmağı hÉ™dÉ™flÉ™yirik. Sonuncu strategiya mayanı melaninlÉ™ örtür.`, `Bu mayalar kosmik gÉ™milÉ™rindÉ™ vÉ™ hÉ™tta digÉ™r planetlÉ™rdÉ™ insanlar üçün dÉ™yÉ™rli birləşmÉ™lÉ™r istehsal etmÉ™k üçün istifadÉ™ edilÉ™ bilÉ™r. + ` ], @@ -97,14 +98,14 @@ const translations = { rus: [ `Открытый коÑÐ¼Ð¾Ñ â€” Ð²Ñ€Ð°Ð¶Ð´ÐµÐ±Ð½Ð°Ñ Ñреда, где одной из угроз Ð´Ð»Ñ Ð¶Ð¸Ð²Ñ‹Ñ… организмов ÑвлÑетÑÑ`, `Ð’Ñ€ÐµÐ´Ð½Ð°Ñ Ð Ð°Ð´Ð¸Ð°Ñ†Ð¸Ñ`, - `ЕÑли мы мечтаем о терраформировании других планет, ам Ñледует найти Ñффективный метод Ð¿Ñ€ÐµÐ¾Ð´Ð¾Ð»ÐµÐ½Ð¸Ñ Ñтих опаÑноÑтейю Ðаше благополучие завиÑит от других живых организмов, поÑтому мы должны найти ÑпоÑобы адаптировать Ñти организмы к коÑмичеÑкой Ñреде.`, + `ЕÑли мы мечтаем о терраформировании других планет, нам Ñледует найти Ñффективный метод Ð¿Ñ€ÐµÐ¾Ð´Ð¾Ð»ÐµÐ½Ð¸Ñ Ñтих опаÑноÑтей. Ðаше благополучие завиÑит от других живых организмов, поÑтому мы должны найти ÑпоÑобы адаптировать Ñти организмы к коÑмичеÑкой Ñреде.`, `Ðаша команда ÑоÑредоточена на том, чтобы Ñделать`, `Дрожжи уÑтойчивые`, `к коÑмичеÑкой радиации`, `Мы Ñоздаем дрожжи, производÑщие <b>меланин</b>, молекулу извеÑтную Ñвоим ÑвойÑтвом защищать клетки от ультрафиолета и ионизирующего излучениÑ.`, `Ð”Ð»Ñ Ñтого`, `Мы ÑкÑпреÑÑируем Ñкзогенную тирозиназу из <b><i>Bacillus megaterium</i></b>. Ð”Ð»Ñ ÑÐ½Ð¸Ð¶ÐµÐ½Ð¸Ñ Ð¿Ð¾Ñ‚ÐµÐ½Ñ†Ð¸Ð°Ð»ÑŒÐ½Ð¾Ð³Ð¾ цитотокÑичеÑкого Ñффекта меланиновых метаболитов мы также нацелены изолировать тирозиназу в вируÑоподобных нанокомпартментах и, в качеÑтве альтернативы, прикрепить тирозиназу к внешней клеточной Ñтенке. ПоÑледнÑÑ ÑÑ‚Ñ€Ð°Ñ‚ÐµÐ³Ð¸Ñ Ð¿Ð¾ÐºÑ€Ð¾ÐµÑ‚ дрожжи меланином.`, - `Ðти дрожжи могут быть иÑпользовать на коÑмичеÑких кораблÑÑ… и даже на других планетах Ð´Ð»Ñ Ð¿Ñ€Ð¾Ð¸Ð·Ð²Ð¾Ð´Ñтва ценных Ñоединений Ð´Ð»Ñ Ñ‡ÐµÐ»Ð¾Ð²ÐµÐºÐ°. + `Ðти дрожжи могут быть иÑпользованы на коÑмичеÑких кораблÑÑ… и даже на других планетах Ð´Ð»Ñ Ð¿Ñ€Ð¾Ð¸Ð·Ð²Ð¾Ð´Ñтва ценных Ñоединений Ð´Ð»Ñ Ñ‡ÐµÐ»Ð¾Ð²ÐµÐºÐ°. ` @@ -163,7 +164,7 @@ const translations = { `კáƒáƒ¡áƒ›áƒáƒ¡áƒ£áƒ რáƒáƒ“იáƒáƒªáƒ˜áƒ-გáƒáƒ›áƒ«áƒšáƒ”áƒáƒ‘áƒáƒ–ე`, `ჩვენ შევქმენით სáƒáƒ¤áƒ£áƒáƒ ი, რáƒáƒ›áƒ”ლიც áƒáƒ¬áƒáƒ მáƒáƒ”ბს მელáƒáƒœáƒ˜áƒœáƒ¡ დრიცáƒáƒ•ს სáƒáƒ™áƒ£áƒ—áƒáƒ თáƒáƒ•ს ულტრáƒáƒ˜áƒ˜áƒ¡áƒ¤áƒ”რი დრიáƒáƒœáƒ˜áƒ–ირებáƒáƒ“ი რáƒáƒ“იáƒáƒªáƒ˜áƒ˜áƒ¡áƒ’áƒáƒœ.`, `იმისáƒáƒ—ვის რáƒáƒ› მივáƒáƒ¦áƒ¬áƒ˜áƒáƒ— მიზáƒáƒœáƒ¡,`, - `ჩვენ ხელი შევუწყვეთ ბáƒáƒªáƒ˜áƒšáƒ£áƒ¡ მეგáƒáƒ¢áƒ”რიუმის (Bacillus megaterium) ეგზáƒáƒ’ენური თირáƒáƒ–ინáƒáƒ–ის გáƒáƒ›áƒáƒ§áƒáƒ¤áƒáƒ¡. მელáƒáƒœáƒ˜áƒœáƒ˜áƒ¡ პრეკურსáƒáƒ ების პáƒáƒ¢áƒ”ნციური ციტáƒáƒ¢áƒáƒ¥áƒ¡áƒ˜áƒ™áƒ£áƒ ი სáƒáƒ–იáƒáƒœáƒ ეფექტების შემცირების მიზნით, ჩვენ áƒáƒ¡áƒ”ვე მიზნáƒáƒ“ ვისáƒáƒ®áƒáƒ•თ თირáƒáƒ–ინáƒáƒ–ის იზáƒáƒšáƒ˜áƒ ებáƒáƒ¡ ვირუსის მსგáƒáƒ•ს ნáƒáƒœáƒ გáƒáƒœáƒ§áƒáƒ¤áƒ˜áƒšáƒ”ბებში, დრáƒáƒšáƒ¢áƒ”რნáƒáƒ¢áƒ˜áƒ£áƒšáƒáƒ“ თირáƒáƒ–ინáƒáƒ–ის მიმáƒáƒ’რებáƒáƒ¡ უჯრედის კედელზე. ბáƒáƒšáƒ ხსენებული სტრáƒáƒ¢áƒ”გირსáƒáƒ¤áƒ£áƒáƒ ს შენიღბáƒáƒ•ს მელáƒáƒœáƒ˜áƒœáƒ˜áƒ—.`, + `ჩვენ ხელი შევუწყვეთ ბáƒáƒªáƒ˜áƒšáƒ£áƒ¡ მეგáƒáƒ¢áƒ”რიუმის (Bacillus megaterium) ეგზáƒáƒ’ენური თირáƒáƒ–ინáƒáƒ–ის გáƒáƒ›áƒáƒ§áƒáƒ¤áƒáƒ¡. რáƒáƒ—რშევáƒáƒ›áƒªáƒ˜áƒ áƒáƒ— მელáƒáƒœáƒ˜áƒœáƒ˜áƒ¡ პრეკურსáƒáƒ ების პáƒáƒ¢áƒ”ნციური ციტáƒáƒ¢áƒáƒ¥áƒ¡áƒ˜áƒ™áƒ£áƒ ი ეფექტები, მიზნáƒáƒ“ ვისáƒáƒ®áƒáƒ•თ თირáƒáƒ–ინáƒáƒ–ის იზáƒáƒšáƒ˜áƒ ებáƒáƒ¡ ვირუსის მსგáƒáƒ•ს ნáƒáƒœáƒ გáƒáƒœáƒ§áƒáƒ¤áƒ˜áƒšáƒ”ბებში, დრáƒáƒ¡áƒ”ვე თირáƒáƒ–ინáƒáƒ–ის მიმáƒáƒ’რებáƒáƒ¡ უჯრედის კედელზე. ბáƒáƒšáƒ ხსენებული სტრáƒáƒ¢áƒ”გირსáƒáƒ¤áƒ£áƒáƒ ს შენიღბáƒáƒ•ს მელáƒáƒœáƒ˜áƒœáƒ˜áƒ—.`, `ეს სáƒáƒ¤áƒ£áƒáƒ ის უჯრედები შესáƒáƒ«áƒšáƒ”ბელირგáƒáƒ›áƒáƒ§áƒ”ნებული იქნეს კáƒáƒ¡áƒ›áƒáƒ¡áƒ£áƒ ხáƒáƒ›áƒáƒšáƒ“ებზე დრსხვრპლáƒáƒœáƒ”ტებზეც კი, რáƒáƒ—რáƒáƒ¬áƒáƒ მáƒáƒáƒœ ღირებული ნივთიერებები áƒáƒ“áƒáƒ›áƒ˜áƒáƒœáƒ”ბისთვის.` ], diff --git a/wiki/menu.html b/wiki/menu.html index 9957270c5682fa4865f49bb17cf238e08ed24a8a..4e5b89fc90a5535477fb0e2fefbd6cbce15ecb80 100644 --- a/wiki/menu.html +++ b/wiki/menu.html @@ -73,12 +73,6 @@ </a> <span class="underline"></span> </li> - <li> - <a class="dropdown-item" href="{{ url_for('pages', page='education_communication') }}"> - Education & Communication - </a> - <span class="underline"></span> - </li> <li> <a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a> <span class="underline"></span> @@ -91,9 +85,23 @@ <!---- EDUCATION ----> <li class="nav-item dropdown"> - <a class="nav-link dropdown" href="{{ url_for('pages', page='education') }}" role="button"> + <a class="nav-link dropdown" href="#" id="navbarDropdown12" role="button" data-bs-toggle="dropdown" + aria-expanded="false"> <span>EDUCATION</span> </a> + <ul class="dropdown-menu" aria-labelledby="navbarDropdown12"> + <li> + <a class="dropdown-item" href="{{ url_for('pages', page='education') }}"> + Education + </a> + <span class="underline"></span> + </li> + <li> + <a class="dropdown-item" href="{{ url_for('pages', page='communication') }}"> + Education & Communication + </a> + </li> + </ul> </li> <!---- INCLUSIVITY ----> diff --git a/wiki/pages/communication.html b/wiki/pages/communication.html index 435babb6ff7fe063f71cfffc6f930b18f71aa178..76445cbeada3b8199cf76d25fc13b1d6af7be56b 100644 --- a/wiki/pages/communication.html +++ b/wiki/pages/communication.html @@ -1,20 +1,128 @@ {% extends "layout.html" %} - -{% block title %}Communication{% endblock %} -{% block lead %}Develop and implement education, science communication, and/or outreach materials related to synthetic biology.{% endblock %} + +{% block title %}Education and Communcation{% endblock %} +{% block lead %}Innovative educational tools and outreach activities have the ability to establish a two-way dialogue +with new communities by discussing public values and the science behind synthetic biology.{% endblock %} {% block page_content %} +<script src=" {{ url_for('static', filename='jsons/educom.js') }}"></script> +<link href="{{ url_for('static', filename = 'css/boring_pages.css') }}" rel="stylesheet"> +<link href="{{ url_for('static', filename = 'css/educom.css') }}" rel="stylesheet"> -<div class="row mt-4"> - <div class="col"> - <div class="bd-callout bd-callout-info"> - <h4>Gold Medal Criterion #6: Education & Communication</h4> - <p>Develop and implement education, science communication, and/or outreach materials related to synthetic biology.<p> - <p>All activities must follow Safety policies for <a href="https://responsibility.igem.org/safety-policies/human-subjects">Human Subjects Research</a>.</p> - <hr> - <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p> +<section class="page_heading mt-5 mb-5"> + <div class="container"> + <div class="row d-flex align-content-center justify-content-center"> + <div class=" ts-20 page-header fade_from_top" id="distribution_title" style="font-size: 4vw;"> + Education and Communication + </div> + <hr class="hr-divider width-2 fade_from_static"> + <p class="section-text mb-0 text-center fade_from_left"> + One of the goals of our Estonia_TUIT team is to bridge the knowledge and fill the communication gap + between the field of + science and the general public. Each year we aim to find new approaches in education and communication + that would be not + only academically informative but also easily accessible and entertaining for everyone, including people + of different + educational and cultural backgrounds and from all age groups. When reaching out to the public, we not + only spread the + knowledge about science and synthetic biology but also introduce people to iGEM and our project and then + take into + account different perspectives regarding our project. To facilitate science education and open dialogue + between + scientists and the public, this year, our team organized various workshops, educational lectures and + courses, info + sessions, and public events, as well as participated in a number of education fairs, festivals, and + multiple other + events. Additionally, our team was actively taking part in different meetups with other iGEM teams with + the goal of + facilitating communication and information exchange within the scientific community. + </p> + <div class="arc-divider"> + <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 width-12 flex justify-content-center"> + <div class="width-10"> + <div class=" flex row"> + <p class="section-text mb-0 text-center"> + One of the goals of our Estonia_TUIT team is to bridge the knowledge and fill the communication gap + between the field of + science and the general public. Each year we aim to find new approaches in education and communication + that would be not + only academically informative but also easily accessible and entertaining for everyone, including people + of different + educational and cultural backgrounds and from all age groups. When reaching out to the public, we not + only spread the + knowledge about science and synthetic biology but also introduce people to iGEM and our project and then + take into + account different perspectives regarding our project. To facilitate science education and open dialogue + between + scientists and the public, this year, our team organized various workshops, educational lectures and + courses, info + sessions, and public events, as well as participated in a number of education fairs, festivals, and + multiple other + events. Additionally, our team was actively taking part in different meetups with other iGEM teams with + the goal of + facilitating communication and information exchange within the scientific community. + + </p> + </div> + </div> +</section> --> + +<section class="text-section width-12 flex justify-content-center"> + + {% include 'custom-svgs/educom.html' %} + +</section> + + + + + + </div> + +<script> + rotateGradient('distribution_title', '#9071f1', '#e2b025'); + + const boxes = Array.from(document.getElementsByClassName('educom-hover')); + // console.log(boxes); + boxes.forEach(box => { + const boxId = box.id; + console.log(boxId); + const info = educomJson[boxId]; + box.onclick = () => { + createSimpleHTMLModal(info.title, info.content); + + const wlbtns = Array.from(document.getElementsByClassName('workshop-btn')); + const texts = Array.from(document.getElementsByClassName('workshop-text')); + + wlbtns.forEach(btn => { + + const textId = btn.id + '-text'; + const textElement = document.getElementById(textId); + + btn.onclick = () => { + texts.forEach(a => { + a.style.display = 'none'; + }); + + textElement.style.display = 'flex'; + } + + + + }) + } + }) +</script> + + + {% endblock %} \ No newline at end of file diff --git a/wiki/pages/contribution.html b/wiki/pages/contribution.html index 5190f8904e7410cff6f4c854198dd7b033d3209e..0b01d25c33066c24f6a635a10df97b11d56c7b52 100644 --- a/wiki/pages/contribution.html +++ b/wiki/pages/contribution.html @@ -60,16 +60,16 @@ Driven by the central importance of promoters in regulating gene expression, this year, we continue the characterization of yeast promoters. After careful examination of the iGEM part registry, we chose two constitutive promoters - <i>pREV1</i> and <i>pPAB1</i>, and one inducible promoter <i>pFUS1</i> (Table 1). Constitutive <i>pREV1<i> and - <i>pPAB1</i> promoters were characterized using Venus fluorescent protein as a reporter, while EGFP was used - in the - experiments with the inducible <i>pFUS1</i>. Integration vectors carrying the coding sequences of these - fluorescent - proteins under the control of target promoters were transformed into yeast cells. The resultant yeast - strains were - analyzed by quantitative fluorescence microscopy, and the fluorescence intensity of the reporter protein was - used as - a measure of promoter activity. + <i>pREV1</i> and <i>pPAB1</i>, and one inducible promoter <i>pFUS1</i> (Table 1). Constitutive <i>pREV1</i> and + <i>pPAB1</i> promoters were characterized using Venus fluorescent protein as a reporter, while EGFP was used + in the + experiments with the inducible <i>pFUS1</i>. Integration vectors carrying the coding sequences of these + fluorescent + proteins under the control of target promoters were transformed into yeast cells. The resultant yeast + strains were + analyzed by quantitative fluorescence microscopy, and the fluorescence intensity of the reporter protein was + used as + a measure of promoter activity. </p> <div class="table-wrapper fade_from_right width-8"> <p class="table-desc"> diff --git a/wiki/pages/education.html b/wiki/pages/education.html index 7ba74d9c971f3059f8ec311f4a5b8debd461b5a4..8a58ea863d127c0cdb779950659816e7be392f9d 100644 --- a/wiki/pages/education.html +++ b/wiki/pages/education.html @@ -153,7 +153,7 @@ with new communities by discussing public values and the science behind syntheti </p> - <p class="section-text text-start ts-20 bold fade_from_right"> + <p class="section-text text-start ts-20 bold fade_from_right mt-5" style="color:#5E91F7;"> Senses </p> @@ -164,7 +164,7 @@ with new communities by discussing public values and the science behind syntheti </p> - <p class="section-text text-start ts-20 bold fade_from_right"> + <p class="section-text text-start ts-20 bold fade_from_right mt-5" style="color:#5E91F7;"> Emotions </p> <p class="section-text text-justify fade_from_left"> @@ -177,17 +177,17 @@ with new communities by discussing public values and the science behind syntheti </p> - <p class="section-text text-start ts-20 bold fade_from_left"> + <p class="section-text text-start ts-20 bold fade_from_left mt-5" style="color:#5E91F7;"> Inspiration/Motivation </p> - <p class="section-text text-justify"> + <p class=" section-text text-justify"> <b>Inspiration and motivation</b> If students <b>are inspired</b>by the topic they study, and by the teacher they study from, it leads to increased level of performance and encourages student’s independent learning. </p> - <p class="section-text text-start ts-20 bold fade_from_right"> + <p class="section-text text-start ts-20 bold fade_from_right mt-5" style="color:#5E91F7;"> Study environment (Feeling of community) </p> <p class="section-text text-justify"> @@ -206,40 +206,33 @@ with new communities by discussing public values and the science behind syntheti </p> - <p class="section-text text-start bold mb-2 fade_from_right"> + <p class="section-text text-start bold mb-2 fade_from_right mt-5 ts-20" style="color:#5E91F7;"> Estonia_TUIT Teaching Philosophy Statement </p> <div class="width-10"> - <img src="https://static.igem.wiki/teams/4440/wiki/wiki/half-arc-divider.svg" + <img src="https://static.igem.wiki/teams/4440/wiki/education/education-points.svg" class="img-fluid fade_from_bottom"> </div> - <p class="section-text text-start ts-20 bold mb-3 text-decoration-underline fade_from_left"> + <p class="section-text text-start ts-20 bold mb-3 fade_from_left mt-5 "> Estonia TUIT follows the evidence-based learning principle when designing educational events and materials. </p> - <p class="section-text text-start ts-20 bold"> - Physical interaction + <p class="section-text text-start ts-20 bold fade_from_right mt-5" style="color:#5E91F7;"> + Target different senses </p> <p class="section-text text-justify fade_from_left"> - <b>We encourage physical interaction of participants with the subject of the study</b>, like during DNA - extraction - workshop you need to first crush the kiwi to release cells, then mix it with soap and salt to break the member, - filter, - precipitate and look at the DNA. And even though this process reminds you of cooking, <b>it teaches you a - lot</b>: the - composition of the cell membrane and how soap breaks it, why we need to add salt to the solution and what - happens if we - forget, or why addition of ethanol precipitates DNA. - - + We design <b>our educational activities to target different senses of participants</b>. While traditional + teaching + methods focus mostly on seeing and listening, we aim to include as many senses as possible. Incorporating + different + senses into the studying process enables us to research the topic from a different perspective and <b>allows us + to use + all the sensory tools</b> that were evolutionarily developed to help humans learn and survive. </p> - - - <p class="section-text text-start ts-20 bold fade_from_right"> + <p class="section-text text-start ts-20 bold fade_from_right mt-5" style="color:#5E91F7;"> Physical interaction - </p> <p class="section-text text-justify fade_from_left"> <b>We encourage physical interaction of participants with the subject of the study</b>, like during DNA @@ -256,7 +249,7 @@ with new communities by discussing public values and the science behind syntheti </p> - <p class="section-text text-start ts-20 bold fade_from_right"> + <p class="section-text text-start ts-20 bold fade_from_right mt-5" style="color:#5E91F7;"> Emotions and Excitement </p> @@ -271,7 +264,7 @@ with new communities by discussing public values and the science behind syntheti </p> - <p class="section-text text-start ts-20 bold fade_from_right"> + <p class="section-text text-start ts-20 bold fade_from_right mt-5" style="color:#5E91F7;"> Accessible at home </p> @@ -288,7 +281,7 @@ with new communities by discussing public values and the science behind syntheti </p> - <p class="section-text text-start ts-20 bold fade_from_right"> + <p class="section-text text-start ts-20 bold fade_from_right mt-5" style="color:#5E91F7;"> Target different ages @@ -309,11 +302,11 @@ with new communities by discussing public values and the science behind syntheti </p> - <p class="section-text text-start ts-20 bold mt-5 text-decoration-underline fade_from_right"> + <p class="section-text text-start ts-20 bold mt-5 fade_from_right mt-5" style="color:#5E91F7;"> Implementation of our teaching philosophy on ourselves </p> - <p class="section-text text-start ts-20 bold fade_from_left"> + <p class="section-text text-start ts-15 bold fade_from_left"> Our Team as an Example of Our Teaching Philosophy </p> diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html index 8a4f25071ae6661d9aacedc99d6f9d0350b0997f..479b9c0036d859ad0cb7756c96aea910575af55e 100644 --- a/wiki/pages/human-practices.html +++ b/wiki/pages/human-practices.html @@ -69,7 +69,7 @@ the world. Consider how the world affects your work and how your work affects th </button> </a> - <a href="{{ url_for('pages', page='education_communication') }}"> + <a href="{{ url_for('pages', page='communication') }}"> <button id="ed-btn-2"> Education & Communication </button> diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html index 4ae4fc82417c5a214074cb87d9f12f3f6a31fa9f..9e2fbd7f55a92faf8cfc99fa1c1f06d6a3202c72 100644 --- a/wiki/pages/inclusivity.html +++ b/wiki/pages/inclusivity.html @@ -26,6 +26,12 @@ /* width: fit-content; */ overflow-y: hidden; } + + #anime_zalupa { + /* padding-top: 5vh; */ + width: 80vw; + position: relative; + } </style> {% endblock kostilj_style %} @@ -33,7 +39,13 @@ {% block page_content %} <link href="{{ url_for('static', filename = 'css/inclusivity.css') }}" rel="stylesheet"> +<div class=" flex row align-items-center justify-content-center"> + <div id="anime_zalupa"> + <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/incl.gif" class="fade_from_top" id="intro_gif"> + </div> +</div> <section class="text-section width-12 flex justify-content-center" id="hiding-top-section"> + <div class="width-10"> <div class="flex row align-items-center justify-content-center"> <h1 class="page-header fade_from_top" id="inclusivity_section-header" style="margin-top: 4vw;"> @@ -654,48 +666,28 @@ </div> </div> - </div> - - <!-- <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/chromatography-flowers-azer.svg" - class="img-fluid fade_from_left"> --> - - <div class="fig-wrapper fade_from_top width-10"> - - <div class="fig-wrapper fade_from_top width-3"> - <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-language-workshops-1.jpg" - class="img-fluid"> + <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/collage-inclusivity-language.png" + class="img-fluid width-8 "> + <div class="fig-wrapper fade_from_top width-10"> <p class="fig-desc width-10"> - <i>Protocols of experiment “Traffic Light†translated to different languages.</i> + <i>Posters for the Scientific Art Exhibition and Escape Room event in three languages:</i> </p> - </div> - <div class="text-image-row width-10"> - <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-language-workshops-2.jpg" - class="img-fluid fade_from_left width-5"> - <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-language-workshops-3.jpg" - class="img-fluid fade_from_right width-5"> - </div> - - </div> - <div class="fig-wrapper fade_from_top width-10"> - <p class="fig-desc width-10"> - <i>Posters for the Scientific Art Exhibition and Escape Room event in three languages:</i> - </p> - <div class="text-image-row"> - <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-language-poster-eng.png" - class="img-fluid fade_from_left width-4"> - <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-language-poster-est.png" - class="img-fluid fade_from_top width-4"> - <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-language-poster-rus.png" - class="img-fluid fade_from_right width-4"> + <div class="text-image-row"> + <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-language-poster-eng.png" + class="img-fluid fade_from_left width-4"> + <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-language-poster-est.png" + class="img-fluid fade_from_top width-4"> + <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-language-poster-rus.png" + class="img-fluid fade_from_right width-4"> + </div> </div> </div> - </div> </section> @@ -1041,6 +1033,8 @@ signs for them in Estonian Sign Language (EVK). We’re planning to continue this work in future iGEM seasons. </p> + <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/list-no-signs.png" + class="img-fluid img_style width-5 fade_from_left mb-5" style="background-color: #FCF8E6;"> <div class="flex width-12 flex-row align-items-center"> @@ -1923,12 +1917,8 @@ Mexico. </p> <div class="text-image-row"> - <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-ukrainian-refugees-1.png" - class="img-fluid width-4"> - <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-ukrainian-refugees-2.png" - class="img-fluid width-4"> - <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/inclusivity-ukrainian-refugees-3.png" - class=" img-fluid width-4"> + <img src="https://static.igem.wiki/teams/4440/wiki/inclusivity/collage-inclusivity-ukrainian-refugees.png" + class="img-fluid"> </div> </div> </div> @@ -2019,6 +2009,17 @@ {% include 'sidebar.html' %} <script> + + // GIF + const gif_wrapper = document.getElementById('anime_zalupa') + const gif = document.getElementById('intro_gif') + setTimeout(() => { + gif_wrapper.innerHTML = ''; + const img_gif = document.createElement('img'); + img_gif.src = "https://static.igem.wiki/teams/4440/wiki/inclusivity/incl.png"; + gif_wrapper.appendChild(img_gif); + }, 2000); + rotateGradient('inclusivity_section-header', '#9071f1', '#e2b025'); rotateGradient('language_inclusivity_title', '#9071f1', '#e2b025'); rotateGradient('ages_title', '#9071f1', '#e2b025'); @@ -2363,13 +2364,13 @@ 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'; - window.scrollTo(0,0); + window.scrollTo(0, 0); } - ,500); + , 500); } diff --git a/wiki/pages/index.html b/wiki/pages/index.html index 47757b430062318bc4a4852879304c7798c6f077..1ad676de25c77e7539816f83525ee1c7fc278394 100644 --- a/wiki/pages/index.html +++ b/wiki/pages/index.html @@ -159,20 +159,20 @@ endblock %} </div> <script> - animateWithScroll('#main-lines-animation',0.6,0); - animateWithScroll('#flyout-sun-animation',0.4,-0.1); - animateWithScroll('#yellow_dots_anim',0.6,0.15); + animateWithScroll('#main-lines-animation', 0.6, 0); + animateWithScroll('#flyout-sun-animation', 0.4, -0.1); + animateWithScroll('#yellow_dots_anim', 0.6, 0.15); - rotateGradient('harmful_radiation','#9071f1','#e2b025',2); - rotateGradient('budding_yeast_resistant','#e2b025','#f0409f'); - rotateGradient('to_space_radiation','#f0409f','#e2b025'); + rotateGradient('harmful_radiation', '#9071f1', '#e2b025', 2); + rotateGradient('budding_yeast_resistant', '#e2b025', '#f0409f'); + rotateGradient('to_space_radiation', '#f0409f', '#e2b025'); const langIcon = document.getElementById('language-icon-dropdown'); langIcon.style.display = 'block'; //name, lang map - const addLanguage = (name,m) => { + const addLanguage = (name, m) => { @@ -207,19 +207,25 @@ endblock %} } - addLanguage('ENG',translations.eng); - addLanguage('TUR',translations.tur); - addLanguage('AZE',translations.aze); - addLanguage('BLR',translations.blr); - addLanguage('SVK',translations.svk); - addLanguage('LV',translations.lv); - addLanguage('UKR',translations.ukr); - addLanguage('RUS',translations.rus); - addLanguage('EST',translations.est); - addLanguage('POL',translations.pol); - addLanguage('GEO',translations.geo); - addLanguage('ESP',translations.esp); - addLanguage('FRA',translations.fra); + addLanguage('ENG', translations.eng); + addLanguage('AZE', translations.aze); + addLanguage('BLR', translations.blr); + addLanguage('ESP', translations.esp); + addLanguage('EST', translations.est); + addLanguage('FRA', translations.fra); + addLanguage('GEO', translations.geo); + addLanguage('LV', translations.lv); + addLanguage('POL', translations.pol); + addLanguage('RUS', translations.rus); + addLanguage('SVK', translations.svk); + addLanguage('TUR', translations.tur); + addLanguage('UKR', translations.ukr); + + + + + + </script> diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html index df6e9a5edf0dda591703960ac57c9d5b337d4c18..d302f5fdaf6acb860fb97604e4ec9e9d9ef21425 100644 --- a/wiki/pages/safety.html +++ b/wiki/pages/safety.html @@ -162,27 +162,6 @@ </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">