Difference between revisions of "Team:Greece/human practices"

Latest revision as of 01:06, 17 December 2017

Optimized Societal Impact & Risk Integration System

Developed by our team and based on the work by Cummings & Kuzma et al., 2017 [1], OSIRIS is a robust screening tool to identify issues of increased concern and limited uncertainty in order to quantitatively demonstrate the dynamic relationship between a Synthetic Biology project and its impact on the world. It is characterized by high interoperability in different case-studies and its multi-faceted methodology of information collection as received from a multidisciplinary panel of experts. A proof-of-principle analysis can be found here. A complete step-by-step guide follows:

Methodlogy

I. Pre-analysis

1. Carry out an eSWOT Analysis. eSWOT is an enhanced Strengths, Weaknesses, Opportunities, and Threats analysis (eSWOT) of the proposed project. Add a pre-processing step before the SWOT analysis by employing a PCR (Parameter Chain Reduction) brainstorming method in order to feed validated-only SWOTs in the final analysis. The PCR “program” is the following:

(i) Possible SWOTs are proposed through team discussions.

(ii) SWOT candidates are decomposed into simplified complementary statements.

(iii) Socratic method (also known as maieutics, method of elenchus) is utilized as a way to thoroughly investigate possible strengths, weaknesses, opportunities and threats. The team is divided into groups of two interlocutors, one that asserts the proposed SWOT statement and one that targets for refutation.

(iv) Only SWOT candidates that survive the in-depth debating (during multiple rounds) are tampulated in the final eSWOT analysis.

2. Create a Stakeholder/Value Matrix to identify all stakeholders that might have interests or concerns regarding the proposed project. This constitutes the first filter of the sample of multidisciplinary experts who can provide greater insight into detected or emerging project issues.

3. Map out the stakeholders (Experts) according to power and interests on a Stakeholder (Expert) Map in order to gain further insight on their position relative to your project.

4. Create a Risk Map to better understand the risks of your project in order to aid in downstream analysis.

These 4 steps allow team members to have a clear picture of the stakeholders/experts and complete an initial risk assessment.

II. Analysis

*Key things to consider*

A. Selection of panel of experts:

-Identified by team members (Steps 1-4 of the pre-analysis).
-Found by Muses; collegiate ambassadors collaborating with the members to establish a line of communication with experts on an international level.

B. OSIRIS consists of a tweaked 3-round Policy Delphi method. Named after the Oracle of Delphi, it is a forecasting, decision support method that uses the panel of experts to distil responses and build toward group consensus regarding the risk prediction of the proposed project. The method is conducted sequentially in 3 Rounds:

-Open-ended interviews in the form of Q&A for qualitative data collection regarding general issues of the proposed project (via email, Skype, in-person interview).
-Formation of a quantitative online survey after evaluating the answers of the 1st Round. This Round is comprised of 8 sets of questions (each set has 2 categories: Risk/Benefit, Uncertainty).
-During Round 3, after analyzing the concerns that have arised from Rounds 1 & 2, perform a short-round of questioning, internally between team members and externally with the advisors and synthetic biology experts. This round was designed in order to simulate the challenge of iGEM teams to come-up with radical redesigns for their project according to the received feedback.

1. Perform all 3 rounds of the Policy-Delphi study.

2. Calculate an additive risk/benefit and certainty index and ultimately a mean risk/benefit and certainty score for each factor:

3. Visualize the results in octagonal plots that allow for granular assessment of each factor of the OSIRIS protocol in terms of both its risk or benefit profile as well as expert uncertainty of current understanding of that given criterion and its potential management.

4. Follow an exhaustive analysis by comparing the octagonal plots with the Risk Map (Step 4) and the finalized graphs and qualitative answers/data derived from the first two rounds of the Policy-Delphi method. Draw conclusions on the most important risks, benefits and areas of the proposed project.

Work collaboratively with other teams or research groups in order to reshape your initial approach by integrating several of the aforementioned criteria into decision making and experimental planning.

References

[1]Cummings, C. L., & Kuzma, J. (2017). Societal Risk Evaluation Scheme (SRES): scenario-based multi-criteria evaluation of synthetic biology applications. PloS one, 12(1), e0168564.

Any goal can be efficiently and quickly realized, only if the procedure of achieving it, follows a meticulously tested, standardized protocol. After an extensive research on the how-tos and methods to investigate issues regarding our project and receive feedback on a synthetic biology idea, we came up with next to nothing results; at least nothing that included an across-the-board approach to our objective. Hence, we developed our own methodology with that goal in mind. OSIRIS protocol guides the implementation of a course of actions to take under consideration a wide range of opinions, across multiple fields, evaluating them and elucidating various weak points. From risk analysis and prediction of health/environmental hazards to anticipatory governance and the integration of ethical considerations, OSIRIS covers every step of the way. For a step-by-step guide in implementing OSIRIS, check here. The results of our widespread analysis and the integration of experts’ opinion in our design can be viewed here.

Considering safety an issue of utmost importance, we have received biosafety training by the advisors and attended seminars in order to get accustomed with emergency crisis management in the laboratory. Such seminars are organized in Greece by the Hellenic Institute for Occupational Health and Safety, Aristotle University of Thessaloniki, the Pasteur Institute in Greece and the Centre for Research and Technology Hellas. We have taken part in the seminar titled "Health and safety in research laboratories" (Aristotle University of Thessaloniki, March 5, 2017) organized by the aforementioned authorities. In addition to that, our project was redesigned, after extensive conversations with clinicians and biologists, in order to introduce a 5-star safety system, on regard of the environment and the users. Check out more about integrating feedback about safety here.

The most accurate prediction that you can stumble upon of the future; a result of our team's divinatory powers.

In order to properly identify various Human Practices issues, our launching pad was our multi-level public engagement and education campaign. The public’s valuable feedback enabled us to isolate significant issues and weaknesses that needed to be strengthened. Check out our efforts here.

Every major project is affected by multiple factors. On that ground, we analyzed possible risks, effects and stakeholders that could influence our work negatively, by creating a Risk Map. Hover over the points of the map for more info!

Check out how we evaluated and managed those risks here.

Having a wide picture of the current policies, regulations and official risk assessment methods is a matter of significant importance. The chaos of multiple initiatives, committees and panels all over the world might seem frightening to anyone that attempts to initiate a synthetic biology project. Our Societal Impact Assessment Handbook contains analytically current EU Directives and Regulations, while offering guidelines to anyone that wishes to get a concrete, au courant idea of the existing regulations. Adding to that, it describes how iGEM Greece complied to the various aforementioned Acts. View our Handbook.

Nourishing Synthetic Biology in the Cradle of Culture

As the first collegiate team in Greece, we've encountered immense difficulties during our project development, as synthetic biology is dramatically underdeveloped in our country on the academic as well as the community level with public perceptions remaining in flux.

For our outreach vision, we’ve zeroed in on two goals:

- spark interdisciplinary student innovation intertwined with ethical debating around the world

- expand public awareness regarding synthetic biology applications on human health, on a global scale by using intuitive learning methods and visual narratology principles

We initiated four parallel campaigns, for the aforementioned goals:

Oxynous Theme Interactive Workshop

Oxynous Theme is an exciting educational initiative for High School students, with the goal to encompass student interests regarding scientific programs not limited to the curriculum. We were excited to be invited by Mr. Dimitris Siapkas, to present our work in a simplistic manner to a inhomogeneous group of students aged 14-18. We informed the students about the field of Synthetic Biology, its potential applications, our own project and the advancement that we already made towards achieving our goals. Through gamified activities, we explained the main sub-projects of the wet and dry lab and showcased quorum sensing using party favor noise makers (inspired by the “Quorum Sensing Activity” of the MIT/HHMI Teachers’ Workshop 2011) and an electrical circuit that simulates our RNAi classifier’s function, by using simple logic gates and LEDs. After the main event, we discussed with the students about our engagement with the project, decision making and problem-handling. The students also provided us with feedback on our presentation and on their understanding of Synthetic Biology, by filling a survey. Our most valuable feedback was that they increased their Synthetic Biology knowledge, however they also expressed their wish to participate and/or organise independent student-run research projects.

Everyone was enthusiastic about the experience and we were more than happy to take part in such an event, that introduces the students to a fresh mindset, that of a team-oriented, interdisciplinary approach to hard problems.

3rd Meeting of Youth Organizations organized by the General Secretariat for Lifelong Learning, Greek Ministry of Education & Research

Representatives of the Greek Ministry of Education & Research gathered university student teams of Thessaloniki, state agents and major social partners at national policy level, aiming to get a better understanding of the voluntary and research actions. We got a better grasp of the initiatives in our city and joined forces to reach out to a larger audience. The representatives were more than excited to learn about our efforts to promote interdisciplinary research in Greece, such as exposing high school and university students to fundamental Synthetic Biology principles. They encouraged us to keep at our efforts and we discussed on how to kick-start a campaign next year to visit schools all around the country. Last but not least, we engaged in in-depth discussions on the possibility to secure financial support from the Ministry of Education & Research for the next iGEM team, thus rendering participation in iGEM for Greek teams somewhat like a tradition.

AUTH Student Week Presentation

Our first public appearance was during the Student Week organised by Aristotle University of Thessaloniki (AUTH) back in May. Student Week stretches across multiple days, where AUTH teams can participate and present their work, which can include theatrical plays, concerts, sports, painting exhibitions as well as many cultural activities. However, scientific teams have exponentially established their presence throughout the years. We had the pleasure to present our initiative and progress to an audience of roughly 60 students who warmly welcomed us, appeared to be quite interested in Synthetic Biology and actively participated by asking questions or having conversations with team members directly after our presentation. That was our first major event and we received positive feedback from all those enthusiastic students, that were intrigued both by our innovative approach to cancer treatment as well as by Synthetic Biology, as they were not familiar with the term, let alone its principles.

InnovationLab: iGEM Greece organised by IEEE EMBS Student Chapter AUTH and The Triple Helix Aristotle

After our presentation in Student Week, we were invited to participate in the final InnovationLab for the academic year of 2016-17.The Triple Helix is the world’s largest, completely student-run, non-profit organization, that aims to communicate the importance of science to the public, by taking an interdisciplinary approach to the evaluation of its role and impact on society. InnovationLabs are events that bring students in touch with startups, inventors and accomplished researchers, inspiring them to start the next big thing, in a way that they would advance humanity and influence the world. We decided to hold two workshops during the event; one for dry lab oriented students and one for wet lab enthusiasts. During the dry lab workshop in May we went into detail of our then-only analysis; that of miRNA differential expression analysis and explained the algorithm behind it as well as the basic principles of modeling. We presented them with a simple example of a stoichiometric matrix that we turned into differential equations. Moreover, our workshop included:

-Computer modelling of genetic circuits (fuzzy logic)
-Searching for miRNA expression data in patients (GDC)
-Selecting the most appropriate miRNA candidates (MATLAB, R)
-Annotating miRNAs of patients and matching them with the involved genes and metabolic pathways (R, Diana Tools, KEGG, GO analysis)
-Structuring suitable ODEs for simulating biological systems-phenomena (MATLAB)

For the wet lab workshop, team members formed with participants a “think tank” as a way to brainstorm and design a synthetic biology project. By simulating the engineering cycle and following multiple abstraction levels (System → Device → Part → DNA), the students were able to come up with innovative ideas (such as yeast cells targeting cancer), consisting of different modules.In addition, to back-up their proposed design the following tools were covered:

-Various top-notch technologies (e.g. CRISPR / Cas9, Gibson Assembly).
-The iGEM Registry of Standard Biological Parts
-Software for the construction of desirable DNA sequences (e.g. SnapGene)

We put in great time for the preparation of the aforementioned hands-on experiences that foster exploration, innovation, and interest in the emerging field of synthetic biology. The goal was to show the participants how the two labs of an iGEM team work independently but they combine and collaboratively interpret their results. Finally, we were excited that we received enthusiastic feedback as the students quickly made progress and designed a project from scratch learning engineering methods to approach a concept and solve occurring problems.

PATh (Physicists Aristotle university of Thessaloniki) Event

Two members of our iGEM team participated in the first scientific conference for undergraduate researchers that took place in the School of Physics of the Aristotle University of Thessaloniki. Our team’s intention was to promote the interdisciplinary character of the iGEM competition and to encourage undergraduate physics students to get involved in the scientific field of synthetic biology as well as systems biology. We presented the modeling part of our project, explained the use of ODEs in dynamical systems and the in situ modeling of fluid dynamics, and provided an overview of the entire project in order to showcase the contributions of an aspiring physicist in synthetic biology. Both students and professors were excited about the field of synthetic biology and the role of physics in such an interdisciplinary field. In fact, a lot of students in the audience were interested to join the forthcoming 2018 iGEM team. Thus, it is safe to conclude that our mission to encourage student participation in the iGEM competition and promote research in the field of synthetic biology was crowned with success.

Team Fair 5.0 AUTH

Comvos (Cooperation and Motivation of Students) organized an open event in which 27 Aristotle University student teams were invited to show their work in their respective booths. Anyone, not just students, was free to join this event to converse, learn about the possible opportunities as well as participate in the short activities that were planned by Comvos. iGEM Greece explained its project, the options for future development and how it could transcend from the proof-of-concept phase to a real-life application. However, the better part of the two days was focused in explaining how Synthetic Biology is a distinct field and not a subdiscipline of Biology and how the ensemble of engineering principles combined with Biology is an exciting way to go for novel ideas that could not be grasped before.

4th International Synthetic and Systems Biology Summer School - Cambridge, UK

Members of our team participated in the first day of 4th SSBSS in Cambridge to get a grasp on cutting-edge advances in Systems and Synthetic Biology. We presented a poster that included our project idea and dry lab work progress. We also had multiple conversations with other poster presenters (e.g iGEM Team DTU Biobuilders was also participating in the summer school) and integrated their feedback in our work (Link to Integrated Human Practices-Melania). At the end of the sessions, during a welcome cocktail, we were excited that we had the chance to chat with J.D. Keasling (Professor of Chemical Engineering and Bioengineering at the University of California, Berkeley), who gave us valuable insights on Synthetic Biology as a concept [Link to watch Keasling Video in HP] while also providing us with tips on how to improve our current idea’s implementation [Link to watch Keasling Video in Integrated HP]. The whole experience amazed us, as we didn’t have the opportunity before to have meaningful conversations for perplex projects with such energetic and innovative people of the field.

23rd Scientific Congress of Hellenic Medical Students - Larissa, Greece

We are firm believers of the notion that experimental explorations of novel therapeutic methods should go hand in hand with the examination of their prospects for clinical implementation. As a result, we gave a talk during the annual Scientific Congress of Hellenic Medical Students, a large gathering where more than 1500 medical students and 350 acclaimed scientists discuss the current and future perspectives in the field of Medicine.

Greek European Molecular Biology Laboratory (EMBL) Alumni Meet-up - Dilofo, Greece

The EMBL Alumni Relations program, that includes meetups all over Europe is built to advance EMBL and the relevance of life science research in the scientific community and society at large, by fostering connections between the Laboratory, its member states, current EMBL staff, the EMBL alumni and the public. After contacting the EMBL Alumni in Greece and informing them about our team, iGEM Competition and our project, they kindly invited us to their meetup to present our work. PIs and researchers from all over Greece were participating, coming from multiple backgrounds such as Medicine, Molecular Biology and Structural Biology. It was a mind-opening experience for us, since the attendees seemed not only thrilled with our idea and our experimental output, but also more than willing to give us advice and share their insights. Being surrounded by people with remarkable research experience and scientific boldness, we felt very welcome and lucky. The conversations we had after the end of the presentation were invaluable to us, since we talked about our project, its future potential and societal impact. Their enthusiasm is something we cherish and their advice and support was essential, as it showed us that we were on the right track, with quite a few possible ways to move forward.

Volos Summer School of Human Genetics - Volos, Greece organized by the Wellcome Trust Sanger Institute

Engaging in Synthetic Biology and its applications requires a interdisciplinary approach. Therefore expanding knowledge on different fields and investing on multiple skills is key for student members of iGEM Teams. Bearing that in mind, three of our team’s members, Elissavet, Asteris and Charis applied to participate in the 1st Volos Summer School of Human Genetics organized by the Wellcome Trust Sanger Institute. All three of them got accepted along with 17 MSc students and PhD candidates and headed to Volos, Greece in May. At the 1st Volos Summer School of Human Genetics, our wet lab members attended lectures about analysing large scale data, conducted genome-wide association studies, took part in biostatistics workshops and familiarized with tools such as PLINK and various R packages. All in all, the summer school was a great opportunity for us to gain new skills but also to discuss with other scientists across Europe about our project and the technical hurdles we encountered in our modeling approach.

11th Panhellenic Scientific Chemical Engineering Conference - Thessaloniki, Greece

iGEM Greece participated in the 11th PSCEC and presented its first poster that mainly included preliminary idea and a primary version of a single cell growth model. During the coffee breaks, we had the opportunity to have a fruitful conversation with Hal Alper (Department of Chemical Engineering at the University of Texas at Austin).

The Muses Initiative

As an addition to our OSIRIS protocol we invited students to join our ranks as a Muse; an ambassador of synthetic biology, on a mission to promote collaborative research projects all around the globe. Muses have contacted oncologists and experts in molecular biology, shared our informative flyer about synthetic biology in their universities and engaged in lively discussions about our project’s ethical considerations and commercialization potential.

We are big fans of aesthetic flavors in hard science disciplines. During this summer, we set a challenge for ourselves: to communicate our whole integrated project, from the chaotic nature of molecular biocomputers to the quorum sensing of bacterial anticancer agents, as a embodied live presentation. We teamed up and discussed back-and-forth with the Manzins, an experimental contemporary dance company based on Thessaloniki to translate a rather esoteric synthetic biology project into a dance video that will delight and inform the public. During this collaborative work we:

(i) employed visual narratology principles based on Meister, Jan Christoph: "Narratology", Paragraph 6. In: Hühn, Peter et al. (eds.): the living handbook of narratology. Hamburg: Hamburg University Press.
(ii) modified the commonly used vocabulary of dance that constitutes the language of performativity to include abstractions of our experimental vision

Make sure to check the output of this creative cauldron (filled with easter eggs) in the following video:
Manzins Video

Quul, a multiplayer emulator of cancer research

Paraphrasing Spock, it was only narrato-logical to employ visual storytelling principles and build Quul, a multiplayer card game which aims to communicate cancer diagnostics and therapeutics to the general public. Visit our table in Exhibition Space, in Boston and play against one of our team members; Health vs Cancer. Download it here.

Our mark on social media

Our team has been active on multiple social media platforms in order to update followers about our progress and invite them to our various events. We focused a lot on our Facebook account as it gathered more than 2000 likes and several posts reached out to more than 5000 users. Overall, our Facebook page served as an important line of communication, considering that quite a few iGEM teams and individuals contacted us. We successfully capitalized on our page’s potential by collaborating with students from different universities to seek experts’ feedback for our OSIRIS campaign, conversed with researchers that shared with us their invaluable insight and met students interested to join the 2018 team.

Close

@@ Line 1: / Line 1: @@
 <html>
 <head>
+		<!-- Google fonts -->
+		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
+		<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
+		<!-- D3.js-->
+	        <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
+<style>body{ min-width: 1200px; }</style>
 <!-- >>>>> Meta <<<<< -->
+<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'  />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Smooth Scroling Reference -->
+<script type='text/javascript' src='https://2017.igem.org/Template:Greece/smooth_scrolling_reference?action=raw&ctype=text/javascript'></script>
-<!-- >>>>> Link References <<<<< -->
+<!-- MathJax Library -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
-    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/CSS?action=raw&ctype=text/css" />
+<!-- Collapsable -->
+<script type='text/javascript' src='https://2017.igem.org/Template:Greece/expanding_boxes_functionality?action=raw&ctype=text/javascript'></script>
+<link href='https://2017.igem.org/Template:Greece/expanding_boxes_stylesheet?action=raw&ctype=text/css' rel='stylesheet'>
+<!-- End of collapsable -->
-<!-- >>>>> Scripts <<<<< -->
+<!-- Google Fonts -->
+<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
-    <!-- Call Jquery -->
+<!-- Call Jquery -->
-    <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
+<script type="text/javascript" src="https://2017.igem.org/Template:Greece/latest_jquery?action=raw&ctype=text/javascript"></script>
+<!-- Risk Map Chart -->
+    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js?action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src='https://2017.igem.org/Template:Greece/RiskMap_functionality_script?action=raw&ctype=text/javascript'></script>
+<!-- End of Risk Map Chart -->
+<!-- >>>>> General Stylesheets <<<<< -->
+    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/CSS?action=raw&ctype=text/css" />
+    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/xlarge?action=raw&ctype=text/css" />
+    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/large?action=raw&ctype=text/css" />
+    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/medium?action=raw&ctype=text/css" />
-    <!-- Call Template Scrips -->
+<!-- >>>>> General Scripts <<<<< -->
-    <script type="text/javascript" src="https://2017.igem.org/Template:Greece/Javascript?
-action=raw&ctype=text/javascript"></script>
      <!-- On document.ready -->
@@ Line 24: / Line 49: @@
                   //HIDE
-                  void(document.getElementById('loading-background').style.display = 'none');
+                  setTimeout(function(){void(document.getElementById('loading-background').style.display = 'none')}, 5000);
                   //SHOW
                   void(document.getElementById('main-wraper').style.display = 'block');
                   void(document.getElementById('svg_graphics_box').style.display = 'block');
-                  void(document.getElementById('background_box').style.display = 'block');
+                  void(document.getElementById('video').style.display = 'block');
                   // Change color of current link
                   $('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); });
+                 /* Plugin for smooth scroll down */
+                 (function($) {
+                     $.fn.goTo = function() {
+                       $('html, body').animate({
+                          scrollTop: $(this).offset().top + 'px'}, 1000);
+                       return this; // for chaining...
+                     }
+                  })(jQuery);
+                  sessionStorage.setItem('KEY', 'human_practices');
+          if(link !== master){ if(link !== null){
+            $('#display_box').css('display', 'block');
+            $('.display_frame').removeClass('reveal');
+            $('#' + link).addClass('reveal');
+            $('#footer').addClass('reveal');
+            $('#ct1').goTo();
+            void(document.title = link.toUpperCase());
+            if( window.location.href == 'https://2017.igem.org/Team:Greece/HP_Silver'){ history.replaceState(null, null, 'HP/Silver'); void(document.title = 'HP/SILVER'); }
+            if( window.location.href == 'https://2017.igem.org/Team:Greece/HP_Gold_Integrated'){ history.replaceState(null, null, 'HP/Gold_Integrated'); void(document.title = 'HP/GOLD_INTEGRATED'); }
+          }};
+          controllingGeneralStyle();
+        window.location.href != 'https://2017.igem.org/Team:Greece/human_practices' ? $('#back_to_top').css('display', 'block') :         $('#back_to_top').css('display', 'none');
         });
      </script>
-    <!-- Subsection onHover Functionality -->
-    <script>
+<!-- Master Script -->
+<script type="text/javascript" src="https://2017.igem.org/Template:Greece/master_script?action=raw&ctype=text/javascript"></script>
+<script>
+       /* Subsection onHover Functionality */
 	function onHoverChanges(idz){
-		$('.circlez').removeClass('opace');
+                $('#'+idz).css('opacity','1');
-		$('#'+idz).addClass('opace');
+	}
-		var stateMsg;
+	function onHoverHide(idz){
+                $('.circlez').css('opacity','0.8');
+	}
+</script>
+  <!-- Display Subsection Functionality -->
+    <script>
+    function displayMe(idz){
+        $('#display_box').css('display', 'block');
+        var stateMsg;
 		switch(idz){
-			case 'c_t1': stateMsg = 'O.S.I.R.I.S._OVERVIEW';
+			case 'c_t1': { stateMsg = 'OSIRIS_Protocol'; }
 				break;
-			case 'c_t2': stateMsg = 'RISK_ASSESSEMENT_ANALYSIS';
+			case 'c_t2': stateMsg = 'HP_Silver';
 				break;
-			case 'c_t3': stateMsg = 'INTEGRATED_HUMAN_PRACTICES';
+			case 'c_t3': stateMsg = 'HP_Gold_Integrated';
 				break;
-			case 'c_t4': stateMsg = 'PUBLIC_ENGAGEMENT';
+			case 'c_t4': stateMsg = 'Engagement';
 				break;
+		}
+                var toDivId = stateMsg;
+	if( window.location.href == 'https://2017.igem.org/Team:Greece/HP/Silver#' || window.location.href == 'https://2017.igem.org/Team:Greece/HP/Gold_Integrated#' || window.location.href == 'https://2017.igem.org/Team:Greece/HP/Silver' || window.location.href == 'https://2017.igem.org/Team:Greece/HP/Gold_Integrated'){
+		if( stateMsg == 'HP_Silver' || stateMsg == 'HP_Gold_Integrated' ){
+			stateMsg = stateMsg.replace('_', '/');
+                        console.log('It is one of the window.location.href');
+		}
+		window.history.replaceState(null, null, '../' + stateMsg);
+        }else{
+		if( stateMsg == 'HP_Silver' || stateMsg == 'HP_Gold_Integrated' ){
+			stateMsg = stateMsg.replace('_', '/');
+                        console.log('It is one of the stateMsg');
 		}
 		window.history.replaceState(null, null, stateMsg);
 	}
-    </script>
-      <!-- Display Subsection Functionality -->
+      $('.display_frame').removeClass('reveal');
-      <script>
+      $('#' + toDivId).addClass('reveal');
-      /* Display Subsection */
+      $('#footer').addClass('reveal');
+     $('#ct1').goTo();
+     void(document.title = stateMsg.toUpperCase());
+     controllingGeneralStyle();
+        $('#back_to_top').css('display', 'block');
+     }
+ </script>
-function displayMe(idz){
-    $('#display_box').css('display', 'block');
-    scrollTillBottom();
-}
-     </script>
-     <!-- Smooth Scrolling (Top to Bottom and vice versa) -->
-     <script>
-var myVar;
-function scrollTillBottom() {
-    var i=0;
-    myVar = setInterval(function(){ i += 1; scrollBy(0,10); console.log(i); if(i == 150) myStopFunction(); }, 2);
-}
-function scrollTillTop(){
-    var j=0;
-    myVar = setInterval(function(){ j += 1; scrollBy(0,-10); console.log(j); if(j == 150) myStopFunction(); }, 2);
-}
-function myStopFunction() {
-    clearInterval(myVar);
-}
-$('#toTop').click( function(e) {
-  e.preventDefault();
-  scrollTillTop();
-});
+<script>
+	var str = 'https://2017.igem.org/Team:Greece/';
+	var referrer = document.referrer;
+	var check = referrer.substring(str.length, referrer.length);
+	console.log(check);
+	var new_height;
+	switch(check){
+		/*Project*/
+		case 'HP/Gold_Integrated' : new_height = 9200;
+			break;
+	}
+	$('#display_box').css('height', new_height);
 </script>
 </head>
 <body>
+<span id='top_flag' style='position: absolute; z-index: -100; margin: -100px 0px 0px 0px;'></span>
 <!-- Loading Screen -->
 <div id='loading-background'>
-    <img id='loading-gif' src='https://cldup.com/pIBaUjU48W.gif' alt='Loading...' />
+    <img id='loading-gif' src='https://static.igem.org/mediawiki/2017/c/c6/Greekom_loading_gif.gif' alt='Loading...' />
 </div>
 <!-- Navigation Bar -->
              <div style='display: none;' id='main-wraper'>
-                    <!--<div style='position:absolute;z-index:-1000;border:1px solid black;height:500px;width:100px;background:#e8e4f5;'>.</div>-->
 		     <div class='menu_wrap'></div>
 			<nav class='menu'>
 				<ul class='clearfix' id='list'>
-					<li><a target='_self' href='https://2017.igem.org/Team:Greece/home'>
+					<li><a target='_self' href='https://2017.igem.org/Team:Greece'>
 <img class='logo' id='logo' src='https://cldup.com/0IRxBwvTKJ.png' /></a></li>
-					<!--<li class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/home'>HOME</a></li>-->
+					<!--<li class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece'>HOME</a></li>-->
 					<span id='just_to_align'>
 					   <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Project'>PROJECT</a></li>
 					   <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Model'>MODELING</a></li>
 					   <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/human_practices'>HUMAN PRACTICES</a></li>
-					   <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Contribute'>CONTRIBUTION</a></li>
+					   <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Achievements'>ACHIEVEMENTS</a></li>
 					   <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Team'>TEAM</a></li>
 					</span>
@@ Line 119: / Line 180: @@
                  </div>
-<svg style='display:none; position:absolute; z-index:1000; margin: 0px;' id='svg_graphics_box' class='responsive_box' height="600" width='99%' viewBox="0 0 800 700">
+<svg style='display:none; position:absolute; z-index:1000;' id='svg_graphics_box' class='responsive_box' height="580" width='99%' viewBox="0 0 800 700">
                                 <!--min-x, min-y, width, height-->
-	<circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
+        <!--<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
-	<text class='animate_text' id='t1' x='0' y='295' text-anchor='middle' fill='#000000'>
+        <rect class='circlez' x="240" y="60" rx="20" ry="20" width="300" height="80" style="fill:#ffffff;stroke:black;stroke-width:0;" id='c_t0' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
-		<tspan x="-230" dy="2.5em" onclick="displayMe('c_t1')">O.S.I.R.I.S.</tspan>
+	<text class='animate_text' id='t0' x='0' y='80' text-anchor='middle' fill='#000000' style='font-size:35px; opacity: 0.7;letter-spacing:3px;'>
-		<tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')">OVERVIEW</tspan>
+		<tspan x="390" dy="1em" onclick="displayMe('c_t0')" id='f_rect_text'>OVERVIEW</tspan>
-	</text>
+	</text></a>-->
-	<circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
-	<text class='animate_text' id='t2' x='0' y='300' text-anchor='middle' fill='#000000'>
+	<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
-		<tspan x="195" dy="1.5em" onclick="displayMe('c_t2')">RISK</tspan>
+        <circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
-		<tspan x="195" dy="1.5em" onclick="displayMe('c_t2')">ASSESSEMENT</tspan>
+	<text class='animate_text' id='t1' x='0' y='335' text-anchor='middle' fill='#000000'>
-		<tspan x="193" dy="1.5em" onclick="displayMe('c_t2')">& ANALYSIS</tspan>
+		<tspan x="-227" dy="1em" onclick="displayMe('c_t1')" id='f_circle_textA'>OSIRIS</tspan>
-	</text>
+		<tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')" id='f_circle_textB'>PROTOCOL</tspan>
-	<circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
+	</text></a>
-	<text class='animate_text' id='t3' x='0' y='300' text-anchor='middle' fill='#000000'>
-		<tspan x="615" dy="1.6em" onclick="displayMe('c_t3')">INTEGRATED</tspan>
+	<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
-		<tspan x="610" dy="1.5em" onclick="displayMe('c_t3')">HUMAN</tspan>
+        <circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
-		<tspan x="610" dy="1.5em" onclick="displayMe('c_t3')">PRACTICES</tspan>
+	<text class='animate_text' id='t2' x='0' y='335' text-anchor='middle' fill='#000000'>
-	</text>
+		<tspan x="195" dy="0em" onclick="displayMe('c_t2')" id='s_circle_textA'>HUMAN</tspan>
-	<circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
+		<tspan x="195" dy="1.5em" onclick="displayMe('c_t2')" id='s_circle_textB'>PRACTICES</tspan>
-	<text class='animate_text' id='t4' x='0' y='300' text-anchor='middle' fill='#000000'>
+		<tspan x="193" dy="1.5em" onclick="displayMe('c_t2')" id='s_circle_textC'>SILVER</tspan>
-		<tspan x="1025" dy="2.3em" onclick="displayMe('c_t4')">PUBLIC</tspan>
+	</text></a>
-		<tspan x="1023" dy="1.5em" onclick="displayMe('c_t4')">ENGAGEMENT</tspan>
-	</text>
+	<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
+        <circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
+	<text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'>
+		<tspan x="615" dy="0em" onclick="displayMe('c_t3')" id='t_circle_textA'>INTEGRATED</tspan>
+		<tspan x="610" dy="1.5em" onclick="displayMe('c_t3')" id='t_circle_textB'>HUMAN</tspan>
+		<tspan x="610" dy="1.5em" onclick="displayMe('c_t3')" id='t_circle_textC'>PRACTICES</tspan>
+	</text></a>
+	<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
+        <circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
+	<text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'>
+		<tspan x="1025" dy="1em" onclick="displayMe('c_t4')" id='fo_circle_textA'>PUBLIC</tspan>
+		<tspan x="1023" dy="1.5em" onclick="displayMe('c_t4')" id='fo_circle_textB'>ENGAGEMENT</tspan>
+	</text></a>
 </svg>
-<!--Background Image Box-->
+<!-- Video Background -->
-<div class='background_box' id='background_box'>
+<video id="video" autoplay='autoplay' muted="muted" preload="auto" loop="loop">
-	<img src='https://static.igem.org/mediawiki/2017/6/6f/GreeKom_desert_hd.jpeg' style='width:100%; height:100%;' />
+	<source src="https://static.igem.org/mediawiki/2017/2/2f/GreeKom_Ground_Zero_mp4.mp4" type="video/mp4">
-</div>
+	<source src="https://static.igem.org/mediawiki/2017/3/36/GreeKom_Ground_Zero_webm.webm" type="video/webm">
+</video>
 <!-- Subsection Box -->
-<div id='display_box'></div>
-<!-- Part of template CSS file-->
+<div id='display_box'>
-<style>
-.circlez{
+   <div id='ct1'><div id='OSIRIS_Protocol' width='100%' height='100%' class='display_frame hide' ></html>{{Greece/OSIRIS}}<html></div></div>
-	opacity: 0.6;
+   <div id='HP_Silver' width='100%' height='100%' class='display_frame hide' ></html>{{Greece/HP/Silver}}<html></div>
+   <div id='HP_Gold_Integrated' width='100%' height='1000px' class='display_frame hide' ></html>{{Greece/HP/Gold_Integrated}}<html></div>
+   <div id='Engagement' width='100%' height='100%' class='display_frame hide' ></html>{{Greece/Public_Engagement}}<html></div>
+</div>
+<div id='back_to_top' onmouseover="$(this).css('cursor', 'pointer')" onclick='backToTop()' ></div>
+<script>
+function backToTop(){
+   /*$('html, body').animate({scrollTop: '-=15000px'}, 1800);*/
+   $('#top_flag').goTo();
 }
+</script>
+<!-- Footer Box -->
+<div id='footer' style='background:#ffffff; position: absolute; width:100%; height: 220px; z-index:1000;' class='hide'>
+    <img style='position:relative; width:100%; height:100%;' src='https://static.igem.org/mediawiki/2017/3/3a/Greekom_footer_new.png' />
+</div>
+<!-- Special Style -->
+<style>
+#svg_graphics_box{ margin: 0px 0px 0px 0px;}
+.circlez{ opacity: 0.8; }
 .animate_text{ font-size: 25px; }
-.circlez, .animate_text{cursor: pointer;}
+.circlez, .animate_text{ cursor: pointer; }
-.opace{ opacity: 0.8; }
+.opace{ opacity: 1; }
+.hide{ display:none;}
+.reveal{ display: block; }
+.slide_out{ left: -800px; }
+.slide_in{ left: 0px; }
+#display_box{ padding: 30px 20px 30px 0px; text-align:justify;}
+video{
+    position: fixed;
+    display:none;
+    top: 0%;
+    left: 0%;
+    min-width: 100%;
+    min-height: 100%;
+    width: inherit;
+    height: inherit;
+    z-index: 999;
+    overflow: hidden;
+}
+#manzis{ display: none; }
 </style>
-<!--Styling script-->
+<!-- This script exists due to the innability of changing the <x> attribute of <tspan> in circles -->
+<script>
+/* Media Queries in JavaScript using nested if statements */
+function onWindowResize(){
+if(window.innerWidth > 1025){
+  if(window.innerWidth < 1367){
+      $('#f_circle_textA').attr({ 'x': '-210' });
+      $('#f_circle_textB').attr({ 'x': '-212' });
+      $('#s_circle_textA').attr({ 'x': '203' });
+      $('#s_circle_textB').attr({ 'x': '205' });
+      $('#s_circle_textC').attr({ 'x': '198' });
+      $('#t_circle_textA').attr({ 'x': '620' });
+      $('#t_circle_textB').attr({ 'x': '618' });
+      $('#t_circle_textC').attr({ 'x': '615' });
+  }
+}
+if(window.innerWidth >= 1367){
+      $('#f_circle_textA').attr({ 'x': '-227' });
+      $('#f_circle_textB').attr({ 'x': '-230' });
+      $('#s_circle_textA').attr({ 'x': '195' });
+      $('#s_circle_textB').attr({ 'x': '195' });
+      $('#s_circle_textC').attr({ 'x': '193' });
+      $('#t_circle_textA').attr({ 'x': '615' });
+      $('#t_circle_textB').attr({ 'x': '610' });
+      $('#t_circle_textC').attr({ 'x': '610' });
+}
+}
+$(window).resize(function () {
+   onWindowResize();
+});
+onWindowResize();
+</script>
 <script>
 //Changes shall apply under void()
@@ Line 184: / Line 345: @@
 // Same application for it's side effect (display an ugly div by default)
-void(document.getElementById('user_item').style.display = 'none');
+//void(document.getElementById('user_item').style.display = 'none');
 void(document.getElementById('sideMenu').style.display = 'none');
 var element = document.getElementById('home_logo');
@@ Line 192: / Line 353: @@
 </script>
+<!-- Video manzis -->
+<div id='manzis'>
+      <span style='position: fixed; right: 120px; top: 20px; color: #dddddd; z-index:10000;' onmouseover='$(this).css("color","#dddddd"); $(this).css("cursor","pointer");' onmouseleave='$(this).css("color", "#ffffff"); $(this).css("cursor","normal");' onclick='$("#manzis").css("display","none"); $(".myvideo").get(0).pause();'><strong>Close</strong></span>
+   <div style='position: fixed; z-index: 1001; width: 100%; height: 100%; opacity: 0.8; background-color:#000000; margin: -100px 0px 0px 0px;'>
+   </div>
+   <div>
+      <video id="video" class='myvideo' muted="muted" preload="auto" loop="loop" controls style='display: block; position: fixed; z-index: 1000; width: 100%; height: 100%; left: 50%; top: 50%; margin-right: -50%; transform: translate(-50%, -50%);'>
+	<source src="https://static.igem.org/mediawiki/2017/4/44/Greekom_the_igem_video.mp4" type="video/mp4">
+	<!--<source src="https://static.igem.org/mediawiki/2017/4/44/Greekom_the_igem_video.mp4" type="video/webm">-->
+      </video>
+   </div>
+</div>
+{{Greece/radar_chart}}
 </body>
 </html>