Difference between revisions of "Team:Greece/Team"

 
(74 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
    <!--<link type='text/css' rel='stylesheet' href='parallels.css' />
+
<style>body{ min-width: 1200px; }</style>
−
    <link type='text/css' rel='stylesheet' href='navigation_bar.css' />
+
<!-- >>>>> Meta <<<<< -->
−
    <script type='text/javascript' src='https://cldup.com/HJtlSwy2qT.js'></script>-->
+
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
  
−
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
+
<!-- Smooth Scroling Reference -->
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<script type='text/javascript' src='https://2017.igem.org/Template:Greece/smooth_scrolling_reference?action=raw&ctype=text/javascript'></script>
  
−
<script>
+
<!-- MathJax Library -->
−
          window.onload = function (){    
+
<script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
 
 +
<!-- 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 -->
 +
 
 +
<!-- Google Fonts -->
 +
<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
 +
 
 +
<!-- Call Jquery -->
 +
<script type="text/javascript" src="https://2017.igem.org/Template:Greece/latest_jquery?action=raw&ctype=text/javascript"></script>
 +
 
 +
<!-- >>>>> 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" />
 +
 
 +
<!-- >>>>> General Scripts <<<<< -->
 +
 
 +
    <!-- On document.ready -->
 +
    <script>
 +
      $( document ).ready(function(){
 
                 void(window.document.title = 'TEAM');
 
                 void(window.document.title = 'TEAM');
 +
 
                 //HIDE
 
                 //HIDE
−
                 void(document.getElementById('loading-background').style.display = 'none');
+
                 setTimeout(function(){void(document.getElementById('loading-background').style.display = 'none')}, 5000);
−
                void(document.getElementById('loading-gif').style.display = 'none');
+
  
 
                 //SHOW
 
                 //SHOW
−
                 void(document.getElementById('main-wraper').style.display = 'block');              
+
                 void(document.getElementById('main-wraper').style.display = 'block');
 +
                void(document.getElementById('svg_graphics_box').style.display = 'block');
 +
                void(document.getElementById('video').style.display = 'block');
 
                 // Change color of current link
 
                 // Change color of current link
 
                 $('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); });
 
                 $('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); });
  
−
           }
+
                /* Plugin for smooth scroll down */
−
</script>
+
                (function($) {
−
<script>
+
                    $.fn.goTo = function() {
 +
                      $('html, body').animate({
 +
                          scrollTop: $(this).offset().top + 'px'}, 1000);
 +
                      return this; // for chaining...
 +
                    }
 +
                  })(jQuery);
 +
                  sessionStorage.setItem('KEY', 'Team');
 +
 
 +
        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());
 +
        }};
 +
           controllingGeneralStyle();
 +
        window.location.href != 'https://2017.igem.org/Team:Greece/Team' ? $('#back_to_top').css('display', 'block') :        $('#back_to_top').css('display', 'none');
 +
      });
 +
    </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){
 
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){
 
switch(idz){
 
case 'c_t1': stateMsg = 'TeamIntro';
 
case 'c_t1': stateMsg = 'TeamIntro';
Line 38: Line 99:
 
break;
 
break;
 
}
 
}
−
window.history.replaceState(null, null, stateMsg);
+
    window.history.replaceState(null, null, stateMsg);
−
}
+
    $('.display_frame').removeClass('reveal');
 +
    $('#' + stateMsg).addClass('reveal');
 +
    $('#footer').addClass('reveal');
 +
    $('#ct1').goTo();
 +
    void(document.title = stateMsg.toUpperCase());
 +
    controllingGeneralStyle();
 +
        $('#back_to_top').css('display', 'block');
  
−
function whenAllOver(){ $('.circlez').removeClass('opace'); }
+
    if( stateMsg == 'Supervisors' || document.referrer == 'https://2017.igem.org/Team:Greece/Supervisors'){ $('#display_box').css('height', '1465px') }
  
−
function displayMe(idz){
+
    else if( stateMsg == 'TeamRoster' || document.referrer == 'https://2017.igem.org/Team:Greece/TeamRoster'){ $('#display_box').css('height', '800px') }
−
    $('#display_box').css('display', 'block');
+
−
    scrollTillBottom();
+
−
}
+
−
</script>
+
−
<script>
+
  
−
var myVar;
+
    else $('#display_box').css('height', '800px');
−
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() {
+
if(stateMsg == 'Attributions') $('#display_box').css('height', '1000px');
−
    clearInterval(myVar);
+
 
}
 
}
 +
    </script>
  
−
$('#toTop').click( function(e) {
+
<script>
−
  e.preventDefault();
+
var str = 'https://2017.igem.org/Team:Greece/';
−
  scrollTillTop();
+
var referrer = document.referrer;
−
});
+
var check = referrer.substring(str.length, referrer.length);
−
 
+
console.log(check);
 +
var new_height;
 +
switch(check){
 +
/*Project*/
 +
case 'Attributions' : new_height = 1000;
 +
break;
 +
}
 +
$('#display_box').css('height', new_height);
 
</script>
 
</script>
 
</head>
 
</head>
 
<body>
 
<body>
−
<div id='loading-background'></div>
+
<span id='top_flag' style='position: absolute; z-index: -100; margin: -100px 0px 0px 0px;'></span>
−
<img id='loading-gif' src='https://cldup.com/pIBaUjU48W.gif'/>
+
<!-- Loading Screen -->
 +
<div id='loading-background'>
 +
  <img id='loading-gif' src='https://static.igem.org/mediawiki/2017/c/c6/Greekom_loading_gif.gif' alt='Loading...' />
 +
</div>
 +
 
 
<!-- Navigation Bar -->
 
<!-- Navigation Bar -->
 
             <div style='display: none;' id='main-wraper'>
 
             <div style='display: none;' id='main-wraper'>
Line 81: Line 146:
 
<nav class='menu'>
 
<nav class='menu'>
 
<ul class='clearfix' id='list'>
 
<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>
 
<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'>
 
<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/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/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/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>
 
  <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Team'>TEAM</a></li>
 
</span>
 
</span>
Line 94: Line 159:
 
</nav>
 
</nav>
 
                 </div>
 
                 </div>
−
<svg style='display:block; 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-->
 
                               <!--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'))">
 +
        <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)" />
 
<text class='animate_text' id='t1' x='0' y='275' text-anchor='middle' fill='#000000'>
 
<text class='animate_text' id='t1' x='0' y='275' text-anchor='middle' fill='#000000'>
−
<tspan x="-230" dy="2.5em">Overview:</tspan>
+
<tspan x="-230" dy="2.5em" onclick="displayMe('c_t1')" id='f_circle_textA'>THE ROAD</tspan>
−
<tspan x="-230" dy="1.5em">units/disciplines/</tspan>
+
<tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')" id='f_circle_textB'>TO</tspan>
−
                 <tspan x="-230" dy="1.5em">training</tspan>
+
                 <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')" id='f_circle_textC'>BOSTON</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)" />
+
 +
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
 +
        <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='335' text-anchor='middle' fill='#000000'>
 
<text class='animate_text' id='t2' x='0' y='335' text-anchor='middle' fill='#000000'>
−
<tspan x="195" dy="1.5em">Members</tspan>
+
<tspan x="195" dy="1.5em" onclick="displayMe('c_t2')" id='s_circle_textA'>MEMBERS</tspan>
−
</text>
+
</text></a>
−
<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)" />
+
 +
<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' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
 
<text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'>
 
<text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'>
−
<tspan x="615" dy="1.5em">Supervisors</tspan>
+
<tspan x="615" dy="1.5em" onclick="displayMe('c_t3')" id='t_circle_textA'>SUPERVISORS</tspan>
−
</text>
+
</text></a>
−
<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)" />
+
 +
<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' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
 
<text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'>
 
<text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'>
−
<tspan x="1025" dy="1.5em">Attributions</tspan>
+
<tspan x="1025" dy="1.5em" onclick="displayMe('c_t4')" id='fo_circle_textA'>ATTRIBUTIONS</tspan>
−
</text>
+
</text></a>
−
 
+
−
 
+
 
</svg>
 
</svg>
−
<!--
 
−
<div class='background_box' onmouseover='whenAllOver()'>
 
−
<img src='https://static.igem.org/mediawiki/2017/6/6f/GreeKom_desert_hd.jpeg' style='width:100%; height:100%;' />
 
−
</div>
 
−
-->
 
  
 +
<!-- Video Background -->
 
<video id="video" autoplay="autoplay" muted="muted" preload="auto" loop="loop">
 
<video id="video" autoplay="autoplay" muted="muted" preload="auto" loop="loop">
−
<!--<source src="https://cldup.com/tPZsN3E3uG.mp4" type="video/mp4">-->
+
<source src="https://static.igem.org/mediawiki/2017/3/3b/Greekom_team_background_video.mp4" type="video/mp4">
−
<source src="https://static.igem.org/mediawiki/2017/5/55/GreeKom_slow_wave_video_background.webm" type="video/webm">
+
<!--<source src="https://static.igem.org/mediawiki/2017/5/55/GreeKom_slow_wave_video_background.webm" type="video/webm">-->
 
</video>
 
</video>
  
−
<div id='display_box'></div>
+
<!-- Subsection Box -->
 +
<div id='display_box'>
 +
  <div id='ct1'><div id='TeamIntro' width='100%' height='100%' class='display_frame hide'></html>{{Greece/TeamIntro}}<html></div></div>
  
−
<!-- Display_Box (the b@st@rd) -->
+
  <div id='TeamRoster' width='100%' height='100%' class='display_frame hide'></html>{{Greece/TeamRoster}}<html></div>
−
<style>
+
−
#display_box{
+
−
        display: none;
+
−
        position: absolute;
+
−
        background-color: #ffffff;
+
−
        margin: 800px 0px 0px 0px;
+
−
        z-index: 1000;
+
−
        width: 100%;
+
−
        height: 800px;
+
−
}
+
  
−
video{
+
  <div id='Supervisors' width='100%' height='100%' class='display_frame hide'></html>{{Greece/Supervisors}}<html></div>
−
    position: fixed;
+
−
    top: 0%;
+
−
    left: 0%;
+
−
    min-width: 100%;
+
−
    min-height: 100%;
+
−
    width: inherit;
+
−
    height: inherit;
+
−
    z-index: 999;
+
−
    overflow: hidden;
+
−
}
+
−
</style>
+
  
 +
  <div id='Attributions' width='100%' height='100%' class='display_frame hide'></html>{{Greece/Attributions}}<html></div>
  
−
<!-- The Navigation Menu -->
+
</div>
−
<style>
+
−
*{
+
−
  font-family: Century Gothic;
+
−
}
+
  
−
body{ background: #ffffff }
+
<div id='back_to_top' onmouseover="$(this).css('cursor', 'pointer')" onclick='backToTop()' ></div>
  
−
a{
+
<script>
−
text-decoration: none;
+
function backToTop(){
−
color: #000000;
+
  /*$('html, body').animate({scrollTop: '-=15000px'}, 1800);*/
−
}
+
  $('#top_flag').goTo();
−
a:visited{ text-decoration:none; }
+
−
a:link{ text-decoration:none; }
+
−
a:hover{ text-decoration:none; }
+
−
a:active{ text-decoration:none; }
+
−
+
−
.clearfix:after {
+
−
    display:block;
+
−
    clear:both;
+
−
}
+
−
.menu_wrap {
+
−
position:absolute;
+
−
        margin: 0px;
+
−
text-align:center;
+
−
height: 84px;
+
−
        width: 100%;
+
−
        -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
+
−
        -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
+
−
        box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
+
−
        background: #ffffff;
+
−
        opacity:0.6;
+
−
z-index:1000;
+
−
/*border:1px solid black;*/
+
 
}
 
}
 +
</script>
  
−
.menu {
+
<!-- Footer Box -->
−
    position:relative;
+
<div id='footer' style='background:#ffffff; position: absolute; width:100%; height: 220px; z-index:1000;' class='hide'>
−
    width: 100%;
+
     <img style='position:relative; width:100%; height:100%;' src='https://static.igem.org/mediawiki/2017/3/3a/Greekom_footer_new.png' />
−
    margin: -5px 0px 0px 0px;
+
</div>
−
    z-index: 1000;
+
−
     height: 84px;
+
−
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
+
−
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
+
−
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
+
−
}
+
−
+
−
.menu li {
+
−
position:relative;
+
−
padding: 0px;
+
−
        margin-right: 3%;
+
−
        margin-left: 3%;
+
−
        list-style: none;
+
−
height: 35px;
+
−
/*border-right: 1px solid #428bca;*/
+
−
display:inline-block;
+
−
}
+
  
−
.menu a{
+
<!-- Special Style -->
−
    transition:all linear 0.25s;
+
<style>
−
    color:#868383;
+
−
font-size:15px;
+
−
font-family:Century Gothic;
+
−
font-size: 17px;
+
−
}
+
−
+
−
.menu li:hover > a{
+
−
    text-decoration:none;
+
−
    color:#000000;
+
−
}
+
−
.menu > ul > li {
+
−
    float:left;
+
−
margin-left:8px;
+
−
    display:inline-block;
+
−
    position:relative;
+
−
    font-size:18px;
+
−
line-height:30px;
+
−
}
+
−
+
−
.menu ul li a {
+
−
    padding:4px 25px;
+
−
    display:inline-block;
+
−
    text-shadow:0px 1px 0px rgba(0,0,0,0.3);
+
−
}
+
  
−
/* Logo */
+
#svg_graphics_box{ margin: 0px 0px 0px 0px;}
  
−
.logo{
+
.circlez{ opacity: 0.8; }
−
position:absolute;
+
−
margin: -17px 0px 0px -46px;
+
−
width: 150px;
+
−
height: 83px;
+
−
/*border: 1px solid grey;*/
+
−
text-align:left;
+
−
/*box-shadow:0px 1px 3px rgba(0,0,0,0.2);*/
+
−
        z-index:1000;
+
−
}
+
  
−
#just_to_align{
+
.animate_text{ font-size: 25px; }
−
position:absolute;
+
−
right: 5%;
+
−
width: 100%;
+
−
margin: 23px 10px 0px 0px;
+
−
/*border: 1px solid black;*/
+
−
text-align:right;
+
−
}
+
  
−
.li_indiv{
+
.circlez, .animate_text{ cursor: pointer; }
−
position:relative;
+
−
text-align:center;
+
−
margin:0px 35px 0px 0px;
+
−
/*word-wrap: break-word;*/
+
−
/*border:1px solid black;*/
+
−
}
+
  
−
.li_indiv a{
+
.opace{ opacity: 1; }
−
position:relative;
+
−
top:5px;
+
−
}
+
  
−
div #sideMenu a #home_logo img{
+
.hide{ display:none;}
−
  display:none;
+
−
}
+
  
−
.background_box{
+
.reveal{ display: block; }
−
position:fixed;  
+
−
margin-top: -100px;
+
−
width:100%;
+
−
height:100%;
+
−
        z-index: 100;
+
−
}
+
  
−
.circlez{
+
video{
−
opacity: 0.6;
+
    position: fixed;
 +
    display:none;
 +
    top: 0%;
 +
    left: 0%;
 +
    min-width: 100%;
 +
    min-height: 100%;
 +
    width: inherit;
 +
    height: inherit;
 +
    z-index: 999;
 +
    overflow: hidden;
 +
    zoom: 0.5;
 
}
 
}
 +
</style>
  
−
.animate_text{ font-size: 25px; }
+
<!--Styling script-->
  
−
.circlez, .animate_text{cursor: pointer;}
+
<!-- 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(){
  
−
.opace{ opacity: 0.8; }
+
if(window.innerWidth > 1025){
−
</style>
+
  if(window.innerWidth < 1367){
 +
      $('#f_circle_textA').attr({ 'x': '-208' });
 +
      $('#f_circle_textB').attr({ 'x': '-210' });
 +
      $('#f_circle_textC').attr({ 'x': '-213' });
  
−
<!--Responsive stylesheets-->
+
      $('#s_circle_textA').attr({ 'x': '200' });
−
<!--DEFAULT PROPERTIES ARE INHERITED FROM 1920px - 1080px RESOLUTION-->
+
  
−
<style>
+
      $('#t_circle_textA').attr({ 'x': '615' });
  
−
/* DEFAULT PROPERTIES ARE INHERITED FROM 1535px WIDTH*/
+
      $('#fo_circle_textB').attr({ 'x': '1020' });
  
−
/* < 1024px Resolution Desktop Screen */
+
console.log(' 1025 < x < 1366 ');
 +
  }
 +
}
 +
if(window.innerWidth >= 1367){
 +
      $('#f_circle_textA').attr({ 'x': '-230' });
 +
      $('#f_circle_textB').attr({ 'x': '-230' });
 +
      $('#f_circle_textC').attr({ 'x': '-230' });
  
−
/* < 1366px Resolution Desktop Screen*/
+
      $('#s_circle_textA').attr({ 'x': '190' });
  
−
@media screen and (min-width: 1025px) and (max-width: 1367px) {
+
      $('#t_circle_textA').attr({ 'x': '612' });
  
−
.menu_wrap{
+
      $('#fo_circle_textB').attr({ 'x': '1025' });
−
position:relative;
+
−
                margin:-10px 0px 0px 0px;
+
−
                width: 1348px;
+
−
/*No left or right margins - menu wides fullscreen*/
+
−
}
+
−
+
−
.menu{
+
−
position:absolute;
+
−
width: 1348px;
+
−
margin: -81px 0px 0px 0px;
+
−
}
+
  
−
.menu > ul > li{
+
console.log(' 1367 <= x ');
−
margin-left:12px;
+
−
}
+
−
.menu li{
+
−
margin-right: 35px;
+
−
margin-left: 35px;
+
−
}
+
−
+
−
#just_to_align{
+
−
right:60px;
+
−
margin:14px 10px 0px 0px;
+
−
}
+
−
.logo{
+
−
margin: -21px 0px 0px -61px;
+
−
}
+
 
}
 
}
  
−
@media screen and (min-width: 1367px) and (max-width: 1921px){
 
−
       
 
−
        .logo{
 
−
                margin: -18px 0px 0px -48px;
 
−
        }
 
−
     
 
−
        .menu li {
 
−
                margin-right: 4%;
 
−
                margin-left: 4%;
 
−
        }
 
−
 
−
@media screen and (min-width: 1367px) and (max-width: 1770px){
 
−
    .menu li{
 
−
          margin-right: 3%;
 
−
          margin-left: 3%;
 
−
    }
 
 
}
 
}
 +
$(window).resize(function () {
 +
  onWindowResize();
 +
});
 +
onWindowResize();
 +
</script>
  
−
}
 
−
</style>
 
−
<style>
 
−
    #loading-gif{
 
−
        position: fixed;
 
−
        z-index: 10000;
 
−
        height: 200px;
 
−
-webkit-transform: translate(170%, 110%);
 
−
        -moz-transform: translate(170%, 110%);
 
−
        -ms-transform: translate(170%, 110%);
 
−
      -o-transform: translate(170%, 110%);
 
−
        transform: translate(170%, 110%);
 
−
    }
 
−
</style>
 
  
−
<!--Styling script-->
 
 
<script>
 
<script>
 
//Changes shall apply under void()
 
//Changes shall apply under void()
Line 391: Line 312:
 
// Same application for it's side effect (display an ugly div by default)
 
// 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');
 
void(document.getElementById('sideMenu').style.display = 'none');
 
var element = document.getElementById('home_logo');
 
var element = document.getElementById('home_logo');
 
element.outerHTML = '';
 
element.outerHTML = '';
 
delete element;
 
delete element;
−
 
−
// Change color of current link
 
−
$('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); });
 
 
</script>
 
</script>
−
<style>
 
−
#loading-background{
 
−
    position: fixed;
 
−
    margin: -17px 0px 0px 0px;
 
−
    z-index:10000;
 
−
    width:100%;
 
−
    height:100%;
 
−
    zoom: 35%;
 
−
    background: url(https://static.igem.org/mediawiki/2017/f/fc/GreeKom_paper.jpeg);
 
−
}
 
−
</style>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 04:05, 16 December 2017

Loading...
"Not all those who wander are lost."
-J. R. R. Tolkien
Snapshots of a 1-year journey in uncharted waters

  • · 97.934 Slack messages sent
  • · Data, data, data (all types, even Soong-type)
  • · Wish we lived on Mars, for these extra 41 minutes in every day
  • · "If the cell doesn’t like it, the cell doesn’t like it."
  • · Breaking into a lab is not a crime (as long as you work there)
  • · Thank you "On the Edge" for all the sensational ideas








Click on the miRNAs
  to get to know us!
Special Ability
Scaring people with math
Ultimate Life Goal
Unify the Standard Model with Gravity
Words To Live By
Life isn't about finding yourself. Life is about creating yourself.
iGEM in Numbers
What’s the weather like out there?
Special Ability
Executing bugs ;)
Ultimate Life Goal
Patience!
Words To Live By
Never give up!
iGEM in Numbers
5500+ lines of wiki code written
Special Ability
Life Planning
Ultimate Life Goal
Understand the nature of Intelligence
Words To Live By
Intentions, good or bad, are not enough
iGEM in Numbers
271 Hours spent on Photoshop
Special Ability
I always find a way to think positively
Ultimate Life Goal
I do not have a simple answer on that. After all, it is personal.
Words To Live By
No man is an island.
iGEM in Numbers
2.300 hours of work created 7.133 GB of knowledge and memories
Special Ability
Explaining stuff for dummies - biological stuff to non-biologists especially ☺
Ultimate Life Goal
Friendship
Words To Live By
"What can change the nature of a man?"
iGEM in Numbers
3210 times ran a simulation
Alias
King Punny
Special Ability
There's no room for this here, but don't trust me, my spatial abilities aren't any good
Ultimate Life Goal
I meaaan, space is pretty cool
Words To Live By
It is possible for ordinary humans, to choose to be extraordinary
iGEM in Numbers
167 legal documents filled to get past greek bureaucracy
Special Ability
Sleepless Regeneration
Ultimate Life Goal
Beat Eugene to immortality
Words To Live By
"Not all those who wander are lost"
iGEM in Numbers
Daily repeat, for more than a year: "Everyone chill, we got this"
Special Ability
Forgetting what I ate 10 minutes ago, but never forgetting any experiment or protocol
Ultimate Life Goal
Beat Asteris to immortality
Words To Live By
An ultimate goal without a plan is just a wish
iGEM in Numbers
More than 1.000 km driven between labs (and they are less than 15km far from one another)
Special Ability
Binge-reading papers
Ultimate Life Goal
Unraveling the mysteries of neural information processing
Words To Live By
"I would rather have questions that can't be answered than answers than can't be questioned"
iGEM in Numbers
An average of 5.1 coffees per day
Special Ability
Never accepting failure
Ultimate Life Goal
Be a memorable scientist
Words To Live By
Only a life lived for others is a life worthwhile
iGEM in Numbers
28 sunrises witnessed from the lab
Alias
Stitch
Special Ability
Seeing with eyes shut
Ultimate Life Goal
Understanding &&|| Utilizing the Human Brain
Words To Live By
Those who say it cannot be done, should not interrupt those who are doing it
iGEM in Numbers
More than 181 times assuming the role of team's alarm clock

Principal Investigators

p1p1
George Koliakos
Professor
Head of the Laboratory of Biological Chemistry
School of Medicine
Aristotle University of Thessaloniki
p1p1
George Mosialos
Professor
Department of Genetics
Development and Molecular Biology
School of Biology
Aristotle University of Thessaloniki
p1p1
Dimitra Dafou
Assistant Professor
Department of Genetics
Development and Molecular Biology
School of Biology
Aristotle University of Thessaloniki
p1p1
Dimosthenis Sarigiannis
Associate Professor
Laboratory of Environmental Engineering
School of Chemical Engineering
Aristotle University of Thessalonikir

Instructors

p1p1
Spyros Petrakis
Institute of Applied Biosciences
Centre for Research and Technology-Hellas
p1p1
Paul Hadweh
Department of Genetics
Development and Molecular Biology
School of Biology
Aristotle University of Thessaloniki
p1p1
Fotis E. Psomopoulos
Institute of Applied Biosciences
Center for Research and Technology Hellas
Information processing laboratory
School of Electrical and Computer Engineering
Aristotle University of Thessaloniki
p1p1
Elisavet Lioulia
Department of Genetics
Development and Molecular Biology
School of Biology
Aristotle University of Thessaloniki
p1p1
Athanasios Sachinidis
Department of Genetics
Development and Molecular Biology
School of Biology
Aristotle University of Thessaloniki

Advisors

p1p1
Eleni Gounari
Biohellenika SA Biotechnology Company
p1p1
John S. Aristeidakis
Department of Mechanical Engineering
University of Thessaly
p1p1
Angeliki Malamidou
Biohellenika SA Biotechnology Company
p1p1
Christina Salpingidou
Laboratory of Fluid Mechanics & Turbomachinery
School of Mechanical Engineering
Aristotle University of Thessaloniki
p1p1
Handakas Vagelis
Laboratory of Environmental Engineering
School of Chemical Engineering
Aristotle University of Thessaloniki
p1p1
Nikolaos Bekas
Department of Genetics
Development and Molecular Biology
School of Biology
Aristotle University of Thessaloniki
Attributions

We started in October 2016 as iGEM Team Greece. A team never seen on this competition before, as there was no previous undergraduate team participation from Greece on iGEM. This meant that “The Road to Boston” would have to be “mapped” by us for the very first time!

But it didn’t scare us. Our team worked hard on facing obstacles despite our inexperience regarding the competition. Thus, we are very proud that we are able to declare, now that we are actually reaching Boston, that the entirety of our project was conceptualized, planned and implemented by the team members!

In spite of the fact that the statement above really fills us with joy, we could not but express our deeply thanks to the people that were there for us, during our journey.

  • Dr. Spyros Petrakis (instructor) for his support and advice on cloning and transfection methods.
  • Dr. Paul Hadweh (instructor) for his advice and aid on troubleshooting.
  • Elisavet Lioulia (instructor) for her help on conducting Real - Time PCR to confirm the candidate miRNAs.
  • Eleni Gounari and Aggeliki Malamidou (advisors) for their guidance with regards to biosafety and the use of the flow cytometry.
  • Prof. George Koliakos, Prof. George Mosialos, Assistant Prof. Dimitra Dafou and Associate Prof. Dimosthenis Sarigiannis for their constant advice and guidance. Especially Prof. George Koliakos (Biohellenika SA) and Prof. George Mosialos and Assistant Prof. Dimitra Dafou (Department of Genetics, Development and Molecular Biology, School of Biology, AUTH) for providing us with their laboratory space and equipment.
  • Assistant Prof. Efstratios Kosmidis for his help on our Quorum Sensing model.
  • Prof. Chlichlia Katerina (MBG, DUTH) for providing us with the PerkinElmer EnSpire Multimode Plate Reader for our InterLab measurements.
  • Ira Dika and Vasilis Barahanos for filming and editing our team’s videos.
  • The Manzins for voluntarily transforming the concept of our project into art.

Erwin Schroedinger, in his 1944 book “What is life?”, theorizes that biological systems are auto-organized and feed on free energy.

Our team constitutes a true example of Schroedinger’s words, as despite our inexperience - being the first Greek collegiate team to have ever participated in iGEM competition - much like a biological system we sustained ourselves and worked hard towards our goals for the competition though self-organization and by “feeding on our free energy”.