|
|
(107 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; table-layout: fixed; max-width:1200px; width: 90%; margin: 0 auto; position: relative; height: 100%; min-height:530;"> | + | |
- | <div style="display: table-row; height:100%;">
| + | |
- | <div style="display: table-cell; vertical-align: top; width: 350px; height: 100%; padding-bottom: 70px;">
| + | |
- | <ul class="bxslider" id="bxsliderText"> | + | |
- | | + | |
- | <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}} |