Difference between revisions of "Template:ETH Zurich"

 
(100 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" />-->
−
<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">
−
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/lightbox.min.js?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
 
+
−
<style id="mobileWidth">
+
 
#sidemenuContainer {
 
#sidemenuContainer {
 
     display:none;
 
     display:none;
 
}
 
}
 
.expContainer {
 
.expContainer {
−
     float:none;
+
     width:92%;
−
    margin-left:auto;
+
−
    margin-right:auto;
+
−
    width:auto;
+
−
/*    width:89%;*/
+
 
}
 
}
 
</style>
 
</style>
  
−
<style id="menuToggler">
+
 
−
@media screen and (max-device-width:480px) {
+
<style id="sidemenuTop" type="text/css">
−
.hideMenu {
+
−
/*    display: none !important;*/
+
−
}
+
−
}
+
−
</style>
+
−
<style id="sidemenuTop">
+
 
#sidemenu.smtop {
 
#sidemenu.smtop {
 
     top:0px;
 
     top:0px;
 
}
 
}
 
</style>
 
</style>
−
<style id="sidemenuMid">
+
<style id="sidemenuMid" type="text/css">
 
#sidemenu.smmid {
 
#sidemenu.smmid {
 
     position:fixed;
 
     position:fixed;
 
     top: 50px;
 
     top: 50px;
 
     width:9.5%;
 
     width:9.5%;
−
/*    padding:1.5%;
 
−
    width:9.95vw;*/
 
 
}
 
}
 
</style>
 
</style>
−
<style id="sidemenuBot">
+
<style id="sidemenuBot" type="text/css">
 
#sidemenu.smbot {
 
#sidemenu.smbot {
−
     bottom: 0px;
+
     bottom: 9px;
 
     top:initial;
 
     top:initial;
 
     position:absolute;
 
     position:absolute;
 
}
 
}
 
</style>
 
</style>
−
<!--<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">-->
+
<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/jquery.fastclick.js?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 src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>-->
+
<!--<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/lightbox.min.js?action=raw&ctype=text/javascript"></script>-->
−
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/template.js?action=raw&ctype=text/javascript"></script>
+
−
 
+
 
<!-- Start of the template html elements. -->
 
<!-- Start of the template html elements. -->
  
−
 
+
<div id="mobileMenu">
−
<div id="footerContainer">
+
<ul class="hideMenu">
−
<h1 id="loading">Page Loading...</h1>
+
</html>
−
<div id="ETHBSSE">
+
{{:Template:ETH_Zurich/menu}}
−
<a href="http://www.ethz.ch" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href);
+
<html>
−
return false;"><img src="https://static.igem.org/mediawiki/2015/6/6a/Eth_logo_20kpix.png" style="width:276px !important"></a>
+
</ul>
−
<a href="http://www.bsse.ethz.ch" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href);
+
−
return false;"><img src="https://static.igem.org/mediawiki/2015/1/16/BSSE_logo_20kpix.png" style="width:260px !important"></a>
+
−
<a href="https://2015.igem.org/" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href);
+
−
return false;"><img src="https://2015.igem.org/wiki/skins/igem/images/IGEM_white_letters.png" height="77px"></a>
+
 
</div>
 
</div>
  
−
<div id="socialmedia">
 
−
<div class="mediabutton">
 
−
<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="mailto:igem2015@bsse.ethz.ch"><img src="https://static.igem.org/mediawiki/2015/e/e3/ETHZurichMailto.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>
 
−
 
−
 
−
 
−
<h2>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>
 
−
<a href="http://www.enzolifesciences.com/"><img src="https://static.igem.org/mediawiki/2015/7/76/ELS_LOGO_MASTER_COLOR.png"></a>
 
−
</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.-->
  
Line 110: Line 52:
 
<div id="topContainer">
 
<div id="topContainer">
 
<div id="sideFiller">
 
<div id="sideFiller">
−
<!--[if gte IE 9]><!-->
+
<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>
−
  <object class="svg" data="https://static.igem.org/mediawiki/2015/1/10/MicroBeaconLogo.svg" type="image/svg+xml" width="100%" style="overflow:hidden">
+
−
<img src="https://static.igem.org/mediawiki/2015/1/13/Team_ETH_Zurich_banner.jpg" />
+
−
</object>
+
−
<!--<![endif]-->
+
−
 
+
−
<!--[if lte IE 8]>
+
−
  <img src="https://static.igem.org/mediawiki/2015/1/13/Team_ETH_Zurich_banner.jpg" />
+
−
<![endif]-->
+
−
 
+
−
 
+
−
 
+
 
</div>
 
</div>
−
 
−
<!--<script>
 
−
$('#topContainer #menuButton').on("tap",function(){
 
−
$('#menuContainer ul').toggle();
 
−
});
 
−
</script>-->
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<div id="menuContainer" class="normalMenu mobileMenu">
 
−
 
−
 
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 
 
<div id="menuButton">
 
<div id="menuButton">
−
<a href="#mainMenu" onclick="/*toggleMenu();return false;*/">
+
<a id="menuButtonLink" href="#" onclick="return false;"><img id="menuButtonImage" src="https://static.igem.org/mediawiki/2015/c/ce/Mobile-menu.png"></a>
−
<img src="https://static.igem.org/mediawiki/2015/c/ce/Mobile-menu.png">
+
−
</a>
+
 
</div>
 
</div>
  
−
<ul id="mainMenu" class="hideMenu">
+
<div id="menuContainer">
−
<li><a href="https://2015.igem.org/Team:ETH_Zurich">Home</a></li>
+
<ul id="mainMenu" class="hideMenu">
−
+
</html>
−
<li class="sub">Project
+
{{:Template:ETH_Zurich/menu}}
−
                                                <ul>
+
<html>
−
<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/Achievements"><li>Achievements</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">Modeling
+
−
                                                <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/Combined_Model"><li>Combined Model</li></a>
+
−
                                                        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Full_Model"><li>Reaction-Diffusion</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">Lab
+
−
                                                <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 ignoreSwitch">Human <br>Practices
+
−
<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/Medicine"><li>Medicine</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/Awareness"><li>Awareness</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Ethics"><li>Ethics</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Business"><li>Business</li></a>
+
−
<a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Patents"><li>Patents</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>
 
−
                                                      <li class="sub">Parts
 
−
                                                            <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="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">About Us
 
−
                                                <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>
 
−
<!--<div id="rightSideFiller"></div>-->
 
−
 
−
 
−
 
−
<div id="bannerContainer">
 
−
<!-- LOGO -->
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<!-- Start of menu -->
 
−
 
−
 
−
 
−
 
−
 
−
<!-- End of menu  -->
 
 
</div>
 
</div>
−
 
−
 
−
 
  
 
</div>
 
</div>
  
  
 +
<div id="lives"></div>
 +
<div id="runner"></div>
  
−
<div id="lives" style="position:fixed;left:5px;top:16px;display:none;"></div>
+
<div id="sidemenuContainer">
−
<div id="runner" style="position:fixed;left:5px;bottom:0px;display:none;width:100%;z-index:100;"></div>
+
<div id="sidemenu" class="smtop smmid smbot">
−
 
+
−
<div id="sidemenuContainer"><div id="sidemenu" class="smtop smmid smbot">
+
 
     <i>"What I cannot create I do not understand."</i><br> - Richard Feynmann
 
     <i>"What I cannot create I do not understand."</i><br> - Richard Feynmann
−
</div></div>
 
−
<!--<div id="mainFiller"></div>-->
 
−
 
−
 
−
 
−
 
−
<div id="sandbox" style="display:none">
 
−
<!-- 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>
  
 +
<div id="sandbox">
 
</div>
 
</div>
−
 
  
 
</html>
 
</html>

Latest revision as of 15:58, 12 September 2015