Difference between revisions of "Template:ETH Zurich"

m
 
(284 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>
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/template.css?action=raw&ctype=text/css" />
+
<!--<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/lightbox.css?action=raw&ctype=text/css" />-->
 
+
<style id="noMenu" type="text/css">
 
+
#sidemenuContainer {
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/progress.js?
+
     display:none;
action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/injectHTML.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/getElements.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript">
+
function expand(obj) {
+
 
+
if (getStyle(obj.parentElement.getElementsByClassName('info')[0],'max-height') == "999999px") {
+
     obj.parentElement.style.maxHeight = "100px";
+
    obj.getElementsByTagName('img')[0].style.backgroundPosition = "0px 0px";
+
} else {
+
obj.parentElement.style.maxHeight = "999999px";
+
    obj.getElementsByTagName('img')[0].style.backgroundPosition = "0px 24px";
+
 
}
 
}
 
+
.expContainer {
 +
    width:92%;
 
}
 
}
 +
</style>
  
$(document).ready(function(){
 
  
var menu = document.getElementById('sidemenu');
+
<style id="sidemenuTop" type="text/css">
var items = $("#contentContainer h1,h2,h3,h4,h5,h6");
+
#sidemenu.smtop {
var menuText = "";
+
    top:0px;
 
+
if (items.length > 2) {
+
var cur = 0,next=0,count=0;
+
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) {
+
</style>
menuText = menuText.concat("</ul>");
+
<style id="sidemenuMid" type="text/css">
count = count - 1;
+
#sidemenu.smmid {
 +
    position:fixed;
 +
    top: 50px;
 +
    width:9.5%;
 
}
 
}
var itemtext = items[i].textContent.replace(/\W/g,'_');
+
</style>
items[i].id=itemtext;
+
<style id="sidemenuBot" type="text/css">
cur = next;
+
#sidemenu.smbot {
menuText = menuText.concat("<li>");
+
    bottom: 9px;
menuText = menuText.concat("<a href=\"#");
+
    top:initial;
menuText = menuText.concat(itemtext);
+
    position:absolute;
menuText = menuText.concat("\">");
+
menuText = menuText.concat(items[i].textContent);
+
menuText = menuText.concat("</a></li>");
+
 
}
 
}
 +
</style>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/templateJS?action=raw&ctype=text/javascript"></script>
 +
<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>-->
 +
<!-- Start of the template html elements. -->
  
while (count) {
+
<div id="mobileMenu">
menuText = menuText.concat("</ul>");
+
<ul class="hideMenu">
count = count - 1;
+
</html>
}
+
{{:Template:ETH_Zurich/menu}}
 +
<html>
 +
</ul>
 +
</div>
  
}
 
if (menuText == "") {
 
menuText = menuText.concat("<i>\"What I cannot create I do not understand.\"</i><br> - Richard Feynmann");
 
}
 
menu.innerHTML += menuText;
 
menu.style.display = "block";
 
 
var items = getElementsByClass('imgBox');
 
 
for (var i=0;i<items.length;i++) {
 
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;
 
}
 
 
 
 
});
 
 
<!-- stolen from https://css-tricks.com/scrollfollow-sidebar/ -->
 
$(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 {
 
            $sidebar.stop().animate({
 
                marginTop: 0
 
            });
 
        }
 
    });
 
 
 
 
 
});
 
</script>
 
 
<script type="text/javascript">
 
/* Used to change style using jQuery based on browser size */
 
function adjustStyle(width) {
 
  width = parseInt(width);
 
if (width < 1215) {
 
$('#sidemenuContainer').css('display','none');
 
$('#mainContainer').css('width','initial');
 
$('#menuContainer a').css('font-size','40px');
 
$('#menuContainer li.sub').css('border-radius','20px 0px 0px 20px');
 
$('#menuContainer li').css({'float':'clear','width':'440px','height':'60px'});
 
$('#menuContainer li ul').css({'width':'440px','margin-left':'440px','margin-top':'-29px','float':'right','position':'absolute','border-radius':'0px 20px 20px 20px'});
 
} else {
 
$('#sidemenuContainer').removeAttr('style');
 
$('#menuContainer li').removeAttr('style');
 
$('#mainContainer').removeAttr('style');
 
$('#menuContainer li ul').removeAttr('style');
 
$('#menuContainer a').removeAttr('style');
 
$('#menuContainer li.sub').removeAttr('style');
 
}
 
}
 
 
$(function() {
 
  adjustStyle($(this).width());
 
  $(window).resize(function() {
 
    adjustStyle($(this).width());
 
  });
 
});
 
</script>
 
 
 
<!-- 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 ="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">
 
 
<!-- <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> -->
 
  
  
<div id="socialmedia" style="width:100px">
+
<div id="topContainer">
<div class="mediabutton">
+
<div id="sideFiller">
<a href="https://2015.igem.org/" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href);
+
<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>
return false;"><img src="https://2015.igem.org/wiki/skins/igem/images/IGEM_white_letters.png" width="48px"></a>
+
 
</div>
 
</div>
 
+
<div id="menuButton">
<div class="mediabutton">
+
<a id="menuButtonLink" href="#" onclick="return false;"><img id="menuButtonImage" src="https://static.igem.org/mediawiki/2015/c/ce/Mobile-menu.png"></a>
<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>
  
<div class="mediabutton">
+
<div id="menuContainer">
<a href="mailto:igem2015@bsse.ethz.ch"><img src="https://static.igem.org/mediawiki/2015/e/e3/ETHZurichMailto.png" width="48px" height="48px"></a>
+
<ul id="mainMenu" class="hideMenu">
 +
</html>
 +
{{:Template:ETH_Zurich/menu}}
 +
<html>
 +
</ul>
 
</div>
 
</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>
  
  
 +
<div id="lives"></div>
 +
<div id="runner"></div>
  
 +
<div id="sidemenuContainer">
 +
<div id="sidemenu" class="smtop smmid smbot">
 +
    <i>"What I cannot create I do not understand."</i><br> - Richard Feynmann
 
</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>
 
</div>
<!--<img src="https://static.igem.org/mediawiki/2015/1/13/Team_ETH_Zurich_banner.jpg" style="float:left">-->
 
 
 
</div>
 
 
<!-- Start of menu -->
 
<div id="menuContainer">
 
 
<!-- 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>
 
</li>
 
                                                      <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</li></a> 
 
                                                            <a href="https://2015.igem.org/Team:ETH_Zurich/Composite_Part"><li>Composite</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>
 
 
<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 ) {
 
                                                        document.getElementById("lives").style.display = "initial";
 
document.getElementById("runner").style.display = "initial";
 
                                                stateC++;}
 
                                                    }, true); 
 
}
 
 
 
</script>
 
<div id="lives" style="position:fixed;left:5px;top:16px;display:none;">
 
                        <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">   
 
                        <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 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