Difference between revisions of "Template:ETH Zurich"

m
 
(355 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Template_All_Teams}}
 
{{Template_All_Teams}}
−
 
+
{{Template:ETH_Zurich/template.css}}
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
<html>
−
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/progress.js?
+
<!--<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/lightbox.css?action=raw&ctype=text/css" />-->
−
action=raw&ctype=text/javascript"></script>
+
<style id="noMenu" type="text/css">
−
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/injectHTML.js?action=raw&ctype=text/javascript"></script>
+
#sidemenuContainer {
−
<script type="text/javascript" src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
    display:none;
−
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/getElements.js?action=raw&ctype=text/javascript"></script>
+
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/template.css?action=raw&ctype=text/css" />
+
−
<!--<link id="size-stylesheet" rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/template_wide.css?action=raw&ctype=text/css" />-->
+
−
 
+
−
 
+
−
<script>
+
−
$(document).ready(function(){
+
−
 
+
−
var menu = document.getElementById('sidemenu');
+
−
var items = $("#contentContainer h1,h2,h3,h4,h5,h6");
+
−
var cur = 0,next=0,count=0;
+
−
var menuText = "";
+
−
for (i=1; i<items.length; i++) {
+
−
next = parseInt(items[i].tagName.substring(1,2));
+
−
if (next > cur) {
+
−
menuText = menuText.concat("<ul>");
+
−
count = count + 1;
+
 
}
 
}
−
if (next < cur) {
+
.expContainer {
−
menuText = menuText.concat("</ul>");
+
    width:92%;
−
count = count - 1;
+
 
}
 
}
 +
</style>
  
−
items[i].id=items[i].textContent;
 
−
cur = next;
 
−
menuText = menuText.concat("<li>");
 
−
menuText = menuText.concat("<a href=\"#");
 
−
menuText = menuText.concat(items[i].textContent);
 
−
menuText = menuText.concat("\">");
 
−
menuText = menuText.concat(items[i].textContent);
 
−
menuText = menuText.concat("</a></li>");
 
−
}
 
  
−
while (count) {
+
<style id="sidemenuTop" type="text/css">
−
menuText = menuText.concat("</ul>");
+
#sidemenu.smtop {
−
count = count - 1;
+
    top:0px;
 
}
 
}
−
menu.innerHTML += menuText;
+
</style>
−
 
+
<style id="sidemenuMid" type="text/css">
−
 
+
#sidemenu.smmid {
−
var items = getElementsByClass('imgBox');
+
    position:fixed;
−
 
+
    top: 50px;
−
for (var i=0;i<items.length;i++) {
+
    width:9.5%;
−
var curLink = items[i].getElementsByTagName('a')[0];
+
−
var boxIns = "<div id=\"mag\"><a href=\"";
+
−
boxIns = boxIns.concat(curLink.href);
+
−
boxIns = boxIns.concat("\"><img src=\"https://2015.igem.org/wiki/skins/common/images/magnify-clip.png\"></a></div>");
+
−
items[i].innerHTML += boxIns;
+
 
}
 
}
−
 
+
</style>
−
 
+
<style id="sidemenuBot" type="text/css">
−
 
+
#sidemenu.smbot {
−
});
+
    bottom: 9px;
−
 
+
     top:initial;
−
<!-- stolen from https://css-tricks.com/scrollfollow-sidebar/ -->
+
    position:absolute;
−
$(function() {
+
−
 
+
−
document.getElementById('sideFiller').style.height = getStyle(document.getElementById('topContainer'),'height');
+
−
 
+
−
    var $sidebar  = $("#sidemenu"),
+
−
        $window    = $(window),
+
−
        $bottom    = $("#contentContainer"),
+
−
        offset    = $sidebar.offset(),
+
−
        offsetbot  = $bottom.offset(),
+
−
        topPadding = 50;
+
−
 
+
−
     $window.scroll(function() {
+
−
        if ($window.scrollTop() > offset.top) {
+
−
if ($window.scrollTop() < $window.height() - offsetbot.top + $bottom.height() - $sidebar.height()) {
+
−
            $sidebar.stop().animate({
+
−
                marginTop: $window.scrollTop() - offset.top + topPadding
+
−
            },duration=200);
+
−
} else {
+
−
$sidebar.stop().animate({
+
−
                marginTop: $window.height() - offsetbot.top + $bottom.height() - 2*$sidebar.height()
+
−
            });
+
 
}
 
}
−
        } else {
+
</style>
−
            $sidebar.stop().animate({
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/templateJS?action=raw&ctype=text/javascript"></script>
−
                marginTop: 0
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/jqueryjpanelmenuJS?action=raw&ctype=text/javascript"></script>
−
            });
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/myeggsJS?action=raw&ctype=text/javascript"></script>
−
        }
+
<!--<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/lightbox.min.js?action=raw&ctype=text/javascript"></script>-->
−
    });
+
−
 
+
−
 
+
−
});
+
−
</script>
+
−
 
+
−
<script>
+
−
/* Used to change style using jQuery based on browser size */
+
−
function adjustStyle(width) {
+
−
  width = parseInt(width);
+
−
if (width < 1100) {
+
−
$('#menuContainer li').css('float', 'none');
+
−
$('#sidemenuContainer').css('display','none');
+
−
$('#mainContainer').css('width','initial');
+
−
$('#menuContainer li ul').css('margin-left','148px');
+
−
$('#menuContainer li ul').css('margin-top','-15px');
+
−
} else {
+
−
$('#sidemenuContainer').css('display','block');
+
−
$('#menuContainer li').css('float', 'left');
+
−
$('#mainContainer').css('width','75%');
+
−
$('#menuContainer li ul').css('margin-left','0px');
+
−
$('#menuContainer li ul').css('margin-top','8px');
+
−
}
+
−
}
+
−
 
+
−
$(function() {
+
−
  adjustStyle($(this).width());
+
−
  $(window).resize(function() {
+
−
    adjustStyle($(this).width());
+
−
  });
+
−
});
+
−
</script>
+
−
 
+
−
 
+
 
<!-- Start of the template html elements. -->
 
<!-- Start of the template html elements. -->
−
<div id="sidemenuContainer">
 
−
<div id="sideFiller"></div>
 
−
<div id="sidemenu">
 
−
</div>
 
−
</div>
 
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 
−
<div id="topContainer" style="width:100%">
 
−
<div id="bannerContainer">
 
−
<br><br>
 
−
<!--<h2>Under Construction!</h2>
 
−
<p>Our wiki is currently under construction and should be operational soon.<br>
 
−
<i>                                    2015 ETH Z&uuml;rich iGEM Team</i></p>-->
 
−
<!-- <h2> Add a banner to your wiki! </h2>
 
−
 
−
<p>You can make the image 980px  by  200px</p>
 
−
<p> Remember to call the file: "<i>Team_ETH_Zurich_banner.jpg</i>" </p> -->
 
−
<p align="center" style="margin-top: -25px;">
 
  
−
<div id="socialmedia" style="width:100px">
+
<div id="mobileMenu">
−
<div class="mediabutton">
+
<ul class="hideMenu">
−
<a href="https://2015.igem.org/" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href);
+
</html>
−
return false;"><img src="https://2015.igem.org/wiki/skins/igem/images/IGEM_white_letters.png" width="48px"></a>
+
{{:Template:ETH_Zurich/menu}}
 +
<html>
 +
</ul>
 
</div>
 
</div>
  
−
<div class="mediabutton">
+
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
−
<a href="https://www.facebook.com/iGEM.ETH.Zurich" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href);
+
−
return false;"><img src="https://static.igem.org/mediawiki/2015/5/52/Facebook_circle_small.png" width="48px" height="48px"></a>
+
−
</div>
+
  
−
<div class="mediabutton">
 
−
<a href="https://twitter.com/eth_igem" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return
 
−
false;"><img src="https://static.igem.org/mediawiki/2015/3/38/Twitter_circle_small.png" width="48px" height="48px"></a>
 
−
</div>
 
  
−
<div class="mediabutton">
+
<div id="topContainer">
−
<a href="mailto:igem2015@bsse.ethz.ch"><img src="https://static.igem.org/mediawiki/2015/e/e3/ETHZurichMailto.png" width="43px" height="43px" style="padding:3px"></a>
+
<div id="sideFiller">
 +
<a href="https://2015.igem.org/Team:ETH_Zurich" style="display:block;height:100%;"><img src="https://static.igem.org/mediawiki/2015/thumb/c/c9/MicroBeaconLogo.png/800px-MicroBeaconLogo.png" /></a>
 
</div>
 
</div>
−
 
+
<div id="menuButton">
−
 
+
<a id="menuButtonLink" href="#" onclick="return false;"><img id="menuButtonImage" src="https://static.igem.org/mediawiki/2015/c/ce/Mobile-menu.png"></a>
 
</div>
 
</div>
−
<script type="text/javascript">
 
−
injectHTML("https://2015.igem.org/Template:ETH_Zurich/MicroBeacon.svg?action=raw&ctype=text/javascript","logoSVG");
 
−
</script>
 
−
<div name="logoSVG" id="logoSVG" style="height:200px;">
 
−
<img src="https://static.igem.org/mediawiki/2015/1/13/Team_ETH_Zurich_banner.jpg" height="200px">
 
−
</div>
 
−
</p>
 
−
<!--<img src="https://static.igem.org/mediawiki/2015/1/13/Team_ETH_Zurich_banner.jpg" style="float:left">-->
 
  
−
 
+
<div id="menuContainer">
−
</div>
+
<ul id="mainMenu" class="hideMenu">
−
 
+
</html>
−
<!-- Start of menu -->
+
{{:Template:ETH_Zurich/menu}}
−
<div id="menuContainer">
+
<html>
−
 
+
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
−
<ul>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich" onclick=""><li onclick="p(1);">Home</li></a>
+
−
+
−
<li class="sub"><a href="#" onclick="p(2);return false;">Project</a>
+
−
                                                <ul>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Description"><li>Description</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Design"><li>Design</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Applications"><li>Applications</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Collaborations"><li>Collaborations</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/References"><li>References</li></a>
+
−
+
−
</ul>
+
−
</li>
+
−
<li class="sub"><a href="#" onclick="p(3);return false;">Modeling</a>
+
−
                                                <ul>
+
−
                                                        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling"><li>Overview</li></a>
+
−
                                                        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/AHL_Module"><li>AHL Module</li></a>
+
−
                                                        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Lactate_Module"><li>Lactate Module</li></a>
+
−
                                                        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Full_Model"><li>Full Model</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Implementation"><li>Implementation</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Parameters"><li>Parameters</li></a>
+
−
                                                </ul>
+
−
                                        </li>
+
−
                                        <li class="sub"><a href="#" onclick="p(4);return false;">Lab</a>
+
−
                                                <ul>
+
−
                                                      <a href="https://2015.igem.org/Team:ETH_Zurich/Experiments"><li>Experiments<!-- &amp; Protocols --></li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Chip"><li>Chip Design</li></a> 
+
−
                                                      <a href="https://2015.igem.org/Team:ETH_Zurich/Results"><li>Results</li></a>
+
−
                                                      <a href="https://2015.igem.org/Team:ETH_Zurich/Notebook"><li>Notebook</li></a>
+
−
                                                        <a href="https://2015.igem.org/Team:ETH_Zurich/Safety"><li>Safety</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Interlab_study"><li>Interlab Study</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Measurement"><li>Measurement</li></a>
+
−
                                                </ul>
+
−
 
+
−
                                        </li>
+
−
 
+
−
<li class="sub"><a href="#" onclick="p(5);return false;">Human Practices</a>
+
−
<ul>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Practices"><li>Overview</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Education"><li>Education</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Experts"><li>Experts</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Newspapers"><li>Newspapers</li></a>
+
 
</ul>
 
</ul>
−
</li>
+
</div>
−
                                                      <li class="sub"><a href="#" onclick="p(6);return false;">Parts</a>
+
−
                                                            <ul>
+
−
                                                            <a href="https://2015.igem.org/Team:ETH_Zurich/Parts"><li>Overview</li></a>
+
−
                                                            <a href="https://2015.igem.org/Team:ETH_Zurich/Basic_Part"><li>Basic Parts</li></a> 
+
−
                                                            <a href="https://2015.igem.org/Team:ETH_Zurich/Composite_Part"><li>Composite Parts</li></a>
+
−
                                                            <a href="https://2015.igem.org/Team:ETH_Zurich/Part_Collection"><li>Part Collection</li></a> 
+
−
                                                       
+
−
                                                            </ul>
+
−
                                                        </li>
+
−
+
−
<!--<li class="sub"><a href="#" onclick="p(7);return false;">Extras</a>
+
−
                                                <ul>
+
−
                                                       
+
−
                                                       
+
−
                                                       
+
−
                                                       
+
−
                                                       
+
−
                                                        <a href="https://2015.igem.org/Team:ETH_Zurich/Software"><li>Software</li></a>
+
−
                                                        <a href="https://2015.igem.org/Team:ETH_Zurich/Entrepreneurship"><li>Entrepreneurship</li></a>
+
−
                                                       
+
−
                                                </ul>
+
−
                                        </li>-->
+
−
 
+
−
<li class="sub"><a href="#" onclick="p(7);return false;">About Us</a>
+
−
                                                <ul>
+
−
                                                        <a href="https://2015.igem.org/Team:ETH_Zurich/Team"><li>Team</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Attributions"><li>Attributions</li></a>
+
−
                                                </ul>
+
−
                                        </li>
+
  
−
</ul>
 
−
</div>
 
−
<!-- End of menu  -->
 
 
</div>
 
</div>
  
−
<script type="text/javascript">
 
−
if ( window.addEventListener ) { 
 
−
          var state = 0, keys = [68,65,78,73,69,76], stateC=0, keysC=[38,38,40,40,37,39,37,39,66,65,83]; 
 
−
            window.addEventListener("keydown", function(e) { 
 
−
                            if ( e.keyCode == keys[state] ) state++;  else state=0;
 
−
                            if ( e.keyCode == keysC[stateC] ) stateC++;  else stateC=0;
 
−
                                        if ( state == keys.length ) {
 
−
                                                        document.getElementById("sandbox").innerHTML = "<div id='contentContainer'><h1>THIS DOESN'T MAKE ANY SENSE!!!</h1></div>";
 
−
$("#sandbox").css('padding-bottom','20px');
 
−
                                                state++;}
 
  
−
                                        if ( stateC == keysC.length ) {
+
<div id="lives"></div>
−
                                                        document.getElementById("lives").style.display = "initial";
+
<div id="runner"></div>
−
document.getElementById("runner").style.display = "initial";
+
−
                                                stateC++;}
+
−
                                                    }, true); 
+
−
}
+
  
−
 
+
<div id="sidemenuContainer">
−
</script>
+
<div id="sidemenu" class="smtop smmid smbot">
−
<div id="lives" style="position:fixed;left:5px;top:16px;display:none;">
+
    <i>"What I cannot create I do not understand."</i><br> - Richard Feynmann
−
                        <img src="https://static.igem.org/mediawiki/2015/e/e6/Life.png">   
+
</div>
−
                        <img src="https://static.igem.org/mediawiki/2015/e/e6/Life.png">  
+
−
                        <img src="https://static.igem.org/mediawiki/2015/e/e6/Life.png">   
+
−
                        <img src="https://static.igem.org/mediawiki/2015/e/e6/Life.png">  
+
−
                </div>
+
−
<div id="runner" style="position:fixed;left:5px;bottom:0px;display:none;width:100%;z-index:100;">
+
−
<img id="runnerImg" src="https://static.igem.org/mediawiki/2015/2/25/Run.gif">
+
 
</div>
 
</div>
−
 
  
 
<div id="sandbox">
 
<div id="sandbox">
−
<!-- Uncomment this next section for sandboxing -->
 
−
 
−
<!--
 
−
<div id="contentContainer">
 
−
<h1>Sandbox page (h1)</h1>
 
−
<h2>This is where we test out stuff (h2)</h2>
 
−
<h3>This is where we test out stuff (h3)</h3>
 
−
<h4>This is where we test out stuff (h4)</h4>
 
−
<h5>This is where we test out stuff (h5)</h5>
 
−
<h6>This is where we test out stuff (h6)</h6>
 
−
<p>This is a paragraph. It's a nice paragraph. <a href=https://igem.org/Main_Page>This is a pretty link.</a></p>
 
−
<p>
 
−
Cancer diagnosis is one of modern medicine's major and challenging problems.<sup>1</sup> Thus, designing a novel method to test for cancer cells quickly caught our attention as a potential project idea. After researching current testing methods and brainstorming how a test could be implemented in a genetically-modified organism, we came up with a system for the assessment of metastasis risk in cancer patients and high-risk groups using a genetically-engineered strain of Escherichia coli which we call MicroBeacon E. coli.
 
−
</p>
 
−
<ul>
 
−
<li>This is an unordered list.</li>
 
−
<li>This is an unordered list.</li>
 
−
<li>This is an unordered list.</li>
 
−
<li>This is an unordered list.</li>
 
−
</ul>
 
−
 
−
<ol>
 
−
<li>This is an ordered list</li>
 
−
<li>This is an ordered list</li>
 
−
<li>This is an ordered list</li>
 
−
<li>This is an ordered list</li>
 
−
</ol>
 
−
 
−
<img src=https://static.igem.org/mediawiki/2015/thumb/6/6f/TalkingToRalphSchiess.JPG/800px-TalkingToRalphSchiess.JPG width=40%>
 
−
<p class="caption">This is an image caption</p>
 
−
 
−
<table>
 
−
<tr><th>Header</th><th>Header 2</th></tr>
 
−
<tr><td>Normal row 1</td><td>Normal row 2</td></tr>
 
−
<tr><td>Normal row 1</td><td>Normal row 2</td></tr>
 
−
<tr><td>Normal row 1</td><td>Normal row 2</td></tr>
 
−
</table>
 
 
</div>
 
</div>
−
-->
 
  
−
</div>
 
−
 
−
 
−
<script>
 
−
if (window.location.href != "https://2015.igem.org/Template:ETH_Zurich") {
 
−
document.getElementById('sandbox').innerHTML = "";
 
−
} else {
 
−
//document.getElementById('sandbox').innerHTML = '';
 
−
}
 
−
</script>
 
−
 
−
<div id="footerContainer">
 
−
<h2 style="text-align:center;font-weight:bold;border:none;">We would like to thank our sponsors</h2>
 
−
<a href="http://www.basf.com/"><img src="https://static.igem.org/mediawiki/2015/c/c6/BASF.png"></a>
 
−
<a href="http://www.roche.com/"><img src="https://static.igem.org/mediawiki/2015/thumb/1/13/Roche.png/120px-Roche.png"></a>
 
−
<a href="http://www.novartis.com/"><img src="https://static.igem.org/mediawiki/2015/thumb/7/7f/Novartis.png/120px-Novartis.png"></a>
 
−
<a href="http://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2015/thumb/d/dc/SnapGene_Logo_72.png/120px-SnapGene_Logo_72.png"></a>
 
−
<a href="http://www.idtdna.com/"><img src="https://static.igem.org/mediawiki/2015/thumb/0/0a/IDT_logo_trans.png/120px-IDT_logo_trans.png"></a>
 
−
<a href="http://www.lucerna-chem.ch/"><img src="https://static.igem.org/mediawiki/2015/thumb/b/b9/Logo-lucerna-chem.png/120px-Logo-lucerna-chem.png"></a>
 
−
<a href="http://www.microsynth.ch/"><img src="https://static.igem.org/mediawiki/2015/thumb/6/68/Microsynth_logo_20kpix.png/120px-Microsynth_logo_20kpix.png"></a>
 
−
<a href="http://www.neb.com/"><img src="https://static.igem.org/mediawiki/2015/thumb/5/5e/Neb_logo_20kpix.png/120px-Neb_logo_20kpix.png"></a>
 
−
<a href="http://www.zymoresearch.com/"><img src="https://static.igem.org/mediawiki/2015/thumb/d/d2/ZYMO_logo_www_orig.png/120px-ZYMO_logo_www_orig.png"></a>
 
−
<a href="http://www.biobasic.com/"><img src="https://static.igem.org/mediawiki/2015/a/aa/STHLM_BBILOGO.PNG"></a>
 
−
<a href="http://www.syngenta.com/"><img src="https://static.igem.org/mediawiki/2015/thumb/9/9f/Syngenta.png/120px-Syngenta.png"></a>
 
−
<a href="https://www.eurofinsgenomics.eu/"><img src="https://static.igem.org/mediawiki/2015/thumb/5/57/Logo_EurofinsGenomics_4c.jpg/800px-Logo_EurofinsGenomics_4c.jpg"></a>
 
−
<a href="https://www.gatc-biotech.com/"><img src="https://static.igem.org/mediawiki/2015/thumb/1/10/STHLM_GATCBiotechlogo_new.png/120px-STHLM_GATCBiotechlogo_new.png"></a>
 
−
<a href="http://www.dsm.com"><img src="https://static.igem.org/mediawiki/2015/thumb/a/a5/DSM_logo.png/120px-DSM_logo.png"></a>
 
−
</div>
 
 
</html>
 
</html>

Latest revision as of 15:58, 12 September 2015