Team:ETH Zurich

From 2014.igem.org

(Difference between revisions)
m
m
 
(105 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:ETH Zurich/tpl/head/home}}
+
{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}
 +
<center>
 +
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}
 +
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}
 +
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}
 +
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}
 +
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}
 +
</center>
 +
<html>
 +
<div class="inner">
-
<h3 style='text-align:center;'>  
+
<div class='inner2'>
-
Welcome to ETH Zurich iGEM team's website !
+
<html><style type="text/css">.inner2 ul {margin:0 !important}</style>
 +
<h3 style="text-align:center">  
 +
Welcome to ETH Zurich iGEM team's wiki page!
 +
</h3>
 +
<center>
<br/>
<br/>
-
<br/>
+
You will find "simplify" buttons all over the website that enable you to  
-
Here you can learn everything about [https://2014.igem.org/Team:ETH_Zurich/project/overview our exciting project Mosai''coli''], whether you are a scientist or not.
+
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/>
-
<br/>
+
</center>
-
If you are not a scientist, you will find buttons all over the site that enable you to simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !
+
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> 
-
</h3>
+
<ul class="bxslider" id="bxslider">
-
<!--
+
        <li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|srcWEBM=<html>/wiki/images/0/07/ETH_Zurich_2014_ColinandSally.webm</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li>
-
<html>
+
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li>
-
<style type="text/css">
+
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li>
-
#bxsliderText li
+
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li>
-
{
+
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li>
-
  text-align: justify;
+
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li>
-
  font-size:14.5px;
+
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li>
-
  line-height: 1.5em;
+
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li>
-
</style>
+
</ul>
-
 
+
-
<div style="display: table-cell; vertical-align: top; width: 15px; "></div>
+
-
<div style="display: table-cell; vertical-align: top; width: auto; ">
+
-
<ul class="bxslider" id="bxslider">
+
-
 
+
-
  <li><div></html>{{:Team:ETH Zurich/Templates/Video|width=660px|id=video1|ratio=4/3|srcMP4=<html>https://static.igem.org/mediawiki/2013/7/76/Colisweeperfinal.mp4</html>|poster=<html>https://static.igem.org/mediawiki/2014/e/e4/ETH_Zurich_Slider_Slide1.png</html>}}<html>
+
-
    </div></li>
+
-
    <li>
+
-
      <a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a>  
+
-
      </li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:ETH_Zurich/expresults">
+
-
      <img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"   /></a>
+
-
 
+
-
    </li>
+
-
      <li>
+
-
      <a href="https://2014.igem.org/Team:ETH_Zurich/project/infopro"><img src="https://static.igem.org/mediawiki/2014/5/54/ETH_Zurich_Slider_Slide4.png"/></a>  
+
-
      </li>
+
-
    <li>
+
-
      <a href="https://2014.igem.org/Team:ETH_Zurich/lab/chip"><img src="https://static.igem.org/mediawiki/2014/0/0c/ETH_Zurich_Slider_Slide5.png"/></a>   
+
-
+
-
    </li>
+
-
  <li>
+
-
      <a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a>    
+
-
    </li>
+
-
 
+
-
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a>
+
-
    </li>
+
-
 
+
-
      <li>
+
-
      <a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a>
+
-
    </li>
+
-
 
+
-
  </ul>
+
</div>
</div>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
  slider = $('.bxslider').bxSlider({'auto': false});
 +
});
 +
</script>
</div>
</div>
</div>
</div>
-
<script type="text/javascript">
 
-
(function($) {
 
-
function img(url) {
 
-
var i = new Image;
 
-
i.src = url;
 
-
return i;
 
-
}
 
-
 
-
if ('naturalWidth' in (new Image)) {
 
-
$.fn.naturalWidth = function() { return this[0].naturalWidth; };
 
-
$.fn.naturalHeight = function() { return this[0].naturalHeight; };
 
-
return;
 
-
}
 
-
$.fn.naturalWidth = function() { return img(this[0].src).width; };
 
-
$.fn.naturalHeight = function() { return img(this[0].src).height; };
 
-
})(jQuery);
 
-
 
+
-
 
+
-
function onWindowResize()
+
-
{
+
-
  var curWidth = $(window).width(),
+
-
  curHeight = $(window).height(),
+
-
  checking=false;
+
-
  if (checking) {
+
-
      return;
+
-
  }
+
-
  checking = true;
+
-
  window.setTimeout(
+
-
    function() {
+
-
        var newWidth = $(window).width(),
+
-
            newHeight = $(window).height();
+
-
        if (!(newWidth !== curWidth ||
+
-
            newHeight !== curHeight)) {
+
-
            resize(false);
+
-
        }
+
-
        checking=false;
+
-
    }, 300);
+
-
}
+
-
 
+
-
function resize(initial) {
+
-
 
+
-
if (navigator.userAgent.match(/msie/i))
+
-
{
+
-
    if ($("#bxsliderText").parent().css("height") != $("#bxslider").parent().css("height"))
+
-
        setTimeout(function() {$( "#bxsliderText" ).parent().css({"height": $("#bxslider").parent().css("height")});}, 100);
+
-
}
+
-
 
+
-
if (!initial)
+
-
{
+
-
    var container =  $('#bxslider > li');
+
-
    var imgWidth = container.width();
+
-
 
+
-
  $( "#imagemap, #imagemap2" ).each(function() {
+
-
      $(this).css('height', 'auto', 'width', 'auto');
+
-
      $(this).mapster('resize',Math.min(imgWidth, $(this).naturalWidth()) ,0,0); 
+
-
  });
+
-
}
+
-
 
+
-
}
+
-
 
+
-
 
+
-
$(document).ready(function(){
+
-
  sliderText = $('#bxsliderText').bxSlider({'mode': 'fade', 'controls': false, 'pager': false, 'auto': false, "responsive": false, 'touch': false});
+
-
  slider = $('#bxslider').bxSlider({ 'auto': false, onSlideAfter: function(slideElement, oldIndex, newIndex){sliderText.goToSlide(newIndex);}, onSlideBefore: function(slideElement, oldIndex, newIndex){sliderText.goToSlide(newIndex);}});
+
-
  $('#bxsliderText').parent().css({"height": "100%", 'min-height' : '530px'});
+
-
  $('#bxsliderText').parent().parent().css({"height": "100%"});
+
-
  $('.bx-viewport #bxslider').bind('mousewheel', function(event, delta, deltaX, deltaY) {
+
-
            event.preventDefault();
+
-
            if (delta < 0) {slider.goToNextSlide();}
+
-
            else {slider.goToPrevSlide();}
+
-
          });
+
-
  $('#imagemap, #imagemap2').mapster({
+
-
    fillColor: 'c2d8f1',
+
-
    fillOpacity: 0.6, /*
+
-
    stroke: true,
+
-
    strokeColor: 'c2d8f1',
+
-
    strokeOpacity: 0.7,
+
-
    strokeWidth: 2, */
+
-
    clickNavigate: true
+
-
  });
+
-
 
+
-
 
+
-
$(window).resize(
+
-
  function()
+
-
  {
+
-
onWindowResize();
+
-
  });
+
-
resize(true);
+
-
});
+
-
</script>
+
</html>
</html>
-
<br clear="all" /> -->
 
-
 
-
[[File:ETH Zurich GridGlowing.gif|center|600px]]
 
-
 
-
<html> </div> </html>
 
-
 
{{:Team:ETH Zurich/tpl/foot}}
{{:Team:ETH Zurich/tpl/foot}}

Latest revision as of 23:44, 17 October 2014

iGEM ETH Zurich 2014