Difference between revisions of "Template:ETH Zurich"

m
 
(496 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">
+
    display:none;
−
</script>
+
−
 
+
−
<!-- Start of CSS-->
+
−
 
+
−
<style type="text/css">
+
−
html {
+
−
overflow-y: scroll;
+
−
}
+
−
#logo {
+
−
float:left;
+
−
position:absolute;
+
−
width:30px;
+
−
height:30px;
+
−
top:130px;
+
−
left:0px;
+
 
}
 
}
−
#path {
+
.expContainer {
−
/*stroke-dasharray: 5000;
+
    width:92%;
−
stroke-dashoffset: 5000;
+
−
stroke-linecap: round;
+
−
-webkit-transition: stroke-dashoffset 0.6s;*/
+
 
}
 
}
−
/* PAGE LAYOUT */
+
</style>
  
−
/* Change Background color*/
 
−
body {
 
−
                          background: transparent;
 
−
background:transparent url("https://static.igem.org/mediawiki/2015/b/b6/Green_dots.png");
 
−
                          background: -webkit-linear-gradient(top,rgba(78,78,78,0.7),rgba(78,78,78,0.7)),url("https://static.igem.org/mediawiki/2015/b/b6/Green_dots.png");
 
−
background: -moz-linear-gradient(top,rgba(78,78,78,0.7),rgba(78,78,78,0.7)),url("https://static.igem.org/mediawiki/2015/b/b6/Green_dots.png");
 
−
background: linear-gradient(to bottom,rgba(78,78,78,0.7),rgba(78,78,78,0.7)),url("https://static.igem.org/mediawiki/2015/b/b6/Green_dots.png");
 
−
filter: progid:DXImageTransform.Microsoft.Gradient(
 
−
            StartColorStr='#b24e4e4e', EndColorStr='#b24e4e4e', GradientType=0);
 
−
zoom:1;
 
−
/**/
 
  
−
}
+
<style id="sidemenuTop" type="text/css">
−
#top_menu_14 {
+
#sidemenu.smtop {
−
border-bottom: 2px solid #383838 !important;
+
    top:0px;
 
}
 
}
−
 
+
</style>
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
<style id="sidemenuMid" type="text/css">
−
                        #globalWrapper, #content {
+
#sidemenu.smmid {
−
                          float: none;
+
    position:fixed;
−
          margin: 0 auto;   
+
    top: 50px;
−
                          width: 1100px;
+
    width:9.5%;
−
                        }
+
−
                        #mainContainer { 
+
−
width: 1100px;
+
−
overflow:hidden;
+
−
 
+
−
margin-left:auto;
+
−
margin-right:auto;
+
−
 
+
−
margin-bottom: 10px;
+
−
background-color: #fff;
+
−
/* border-bottom: 14px solid #565656;
+
−
border-right: 2px solid #565656;
+
−
border-left: 2px solid #565656;
+
−
border-top: 2px solid #565656;*/
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
min-height:100%;
+
−
position:relative;
+
−
padding-bottom:310px;
+
−
background:transparent;
+
−
z-index:100;
+
−
}
+
−
 
+
−
/* Creates the container for the menu */
+
−
#menuContainer  {  
+
−
/* border-top: 10px solid #565656;*/
+
−
background-color: #fff;
+
−
text-align: center;
+
−
padding-top:10px;
+
−
padding-bottom:10px;
+
−
width: 1100px;
+
−
z-index: 10;
+
−
                          background:transparent;
+
−
}
+
−
 
+
−
/* Creates the container for the content */
+
−
#contentContainer {
+
−
/* padding-top:20px;
+
−
padding-bottom:20px;
+
−
padding-left:20px;
+
−
padding-right:20px;*/
+
−
padding:5%;
+
−
margin-bottom: 20px;
+
−
margin-left:auto;
+
−
margin-right:auto;
+
−
width: 95%;
+
−
background: #fff;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
/* min-height:700px;*/
+
−
z-index:1 !important;
+
−
}
+
−
#contentContainer:after{
+
−
background:#fff;
+
 
}
 
}
−
 
+
</style>
−
/*Set up height place holder for the banner*/
+
<style id="sidemenuBot" type="text/css">
−
#bannerContainer {
+
#sidemenu.smbot {
−
height:200px;
+
    bottom: 9px;
−
margin:auto;
+
    top:initial;
−
text-align:center;
+
    position:absolute;
−
color: #24B694;
+
−
                                width: 1100px;
+
−
                          background:transparent;
+
−
}
+
−
#footerContainer {
+
−
                                min-height: 1px;
+
−
                                width: 1100px;
+
−
                                margin: auto;
+
−
                                text-align:center;
+
−
background-color: #E8E8E9;
+
−
padding: 10px;
+
−
position:absolute;
+
−
bottom:0;
+
−
display:block;
+
−
}
+
−
#socialmedia{
+
−
float:right;
+
−
position: relative;
+
−
right:2%;
+
−
/*  top: 15%;*/
+
 
}
 
}
−
.mediabutton{
+
</style>
−
height:48px;
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/templateJS?action=raw&ctype=text/javascript"></script>
−
width:48px;
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/jqueryjpanelmenuJS?action=raw&ctype=text/javascript"></script>
−
padding-top: 3px;
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/myeggsJS?action=raw&ctype=text/javascript"></script>
−
padding-bottom: 3px;
+
<!--<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/lightbox.min.js?action=raw&ctype=text/javascript"></script>-->
−
/*display:inline-block;*/
+
−
/*border: 1px solid red;*/
+
−
border-radius: 50%;
+
−
}
+
−
.mediabutton a{
+
−
}
+
−
 
+
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
−
 
+
−
/*Change the styling of text for everything inside main container*/
+
−
#mainContainer p {
+
−
font-size: 15px;
+
−
color: #000000;
+
−
padding-top: 5px;
+
−
padding-bottom: 5px;
+
−
text-align:justify;
+
−
}
+
−
#contentContainer *{
+
−
z-index:1;
+
−
/*margin-left:2.5%;*/
+
−
};
+
−
/*This changes the color and font family */
+
−
 
+
−
#contentContainer h1, h2, h3, h4, h5, h6 {
+
−
color: #000000;
+
−
border-bottom: none;
+
−
font-weight: bold;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
margin-top:10px;
+
−
}
+
−
#contentContainer h1 {
+
−
        text-align: center;
+
−
border-bottom: none;
+
−
color:#00964B;
+
−
font-size:36px;
+
−
font-weight: bold;
+
−
}
+
−
#contentContainer h2 {font-size:24px;}
+
−
#contentContainer h3 {font-size:20px;}
+
−
#contentContainer h2, h3, h4, h5, h6 {
+
−
color:#000000;
+
−
border-bottom: none;
+
−
font-weight:bold;
+
−
}
+
−
 
+
−
/*Style of the links - links are different inside the menu */
+
−
#contentContainer a {
+
−
font-weight: bold;
+
−
color: #00964B;
+
−
/*display:block;*/
+
−
width:50px;
+
−
}
+
−
 
+
−
  /* Styling links on hover- links are different inside the menu */
+
−
#contentContainer a:hover {
+
−
color: #59bf92;
+
−
}
+
−
 
+
−
/*Change the styling of tables */
+
−
        #contentContainer table {
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
/*    width: 90%;*/
+
−
    margin: auto;
+
−
    margin-bottom: 15px;
+
−
    margin-top: 15px;
+
−
    margin-right: 10px;
+
−
    margin-left: 10px;
+
−
    }
+
−
 
+
−
/*Change the styling of table cells*/
+
−
    #contentContainer  td {
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
/*Change the styling of table headers */
+
−
    #contentContainer th {
+
−
    background-color: #93c6ac;
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
    #contentContainer img {
+
−
    display:block;
+
−
    margin:auto;
+
−
    text-align:center;
+
−
    }
+
−
#contentContainer p {
+
−
margin-left:1%;
+
−
width:94%;
+
−
}
+
−
    #contentContainer p.caption {
+
−
    display:block;
+
−
    margin:auto;
+
−
    text-align:center;
+
−
    }
+
−
 
+
−
 
+
−
/*MENU STYLING */
+
−
 
+
−
/*Styling for the links in the menu */
+
−
#menuContainer a {
+
−
color: #565656;
+
−
color:white;
+
−
text-decoration:none;
+
−
font-weight: bold;
+
−
font-size: 1.2em;
+
−
display:block;
+
−
cursor: pointer; cursor: hand;
+
−
}
+
−
 
+
−
/* Sets the style for lists inside menuContainer  */
+
−
#menuContainer ul {
+
−
list-style: none;
+
−
margin-left:auto;
+
−
margin-right:auto;
+
−
                                display:inline-block;
+
−
font-weight: bold;
+
−
                                z-index: 10;
+
−
width:1040px;
+
−
cursor: pointer; cursor: hand;
+
−
}
+
−
#menuContainer li {
+
−
                                width:148px;
+
−
                                float:left; 
+
−
                                text-transform:uppercase;
+
−
cursor: pointer; cursor: hand;
+
−
}
+
−
 
+
−
/*Styles the list items to become menu buttons */
+
−
#menuContainer ul li {
+
−
text-align: center;
+
−
height:30px;
+
−
padding-top:10px;
+
−
position:relative;
+
−
border-radius: 20px;
+
−
cursor: pointer; cursor: hand;
+
−
/*behavior: url("https://2015.igem.org/Template:ETH_Zurich/border-radius.htc?action=raw&ctype=text/javascript");
+
−
zoom:1;*/
+
−
}
+
−
 
+
−
/*For the menu buttons, changes the color when hovering*/
+
−
#menuContainer li:hover {
+
−
color:  #FFF;
+
−
background-color: #00964B;
+
−
/*box-shadow: 5px 5px 5px 0px #444444;*/
+
−
z-index:1000;
+
−
}
+
−
#menuContainer li:hover a{
+
−
color:  #FFF;
+
−
z-index:1000;
+
−
+
−
}
+
−
#menuContainer li.sub:hover {
+
−
border-radius: 20px 20px 0px 0px;
+
−
/*filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#00964B', EndColorStr='#00B058', GradientType=0);
+
−
background: linear-gradient(#00964B,#00B058);*/
+
−
/* box-shadow: 5px 7px 5px 0px #444444;*/
+
−
z-index:1000;
+
−
 
+
−
}
+
−
 
+
−
/*Submenus are not displayed as default*/
+
−
#menuContainer li ul {
+
−
/* opacity: 0;
+
−
transition:opacity 10ms;
+
−
-webkit-transition: opacity 10ms;
+
−
-o-transition: opacity 10ms;
+
−
-moz-transition: opacity 10ms;
+
−
-ms-transition: opacity 10ms;*/
+
−
visibility:hidden;
+
−
box-shadow: 5px 5px 5px 0px #444444;
+
−
margin-top:8px;
+
−
border-radius: 0px 0px 20px 20px;
+
−
overflow: hidden;
+
−
max-height:0;
+
−
display:inherit;
+
−
transition: max-height 0ms;
+
−
-webkit-transition: max-height 0ms;
+
−
-o-transition: max-height 0ms;
+
−
-moz-transition: max-height 0ms;
+
−
-ms-transition: max-height 0ms;
+
−
z-index:10;
+
−
width:148px;
+
−
}
+
−
 
+
−
/*Submenus are displayed when hovering the menu button */
+
−
#menuContainer li:hover ul {
+
−
background-color: #00B058;
+
−
max-height:700px;
+
−
/* opacity: 0.95;*/
+
−
visibility:visible;
+
−
position: relative;
+
−
float:left;
+
−
transition: max-height 0ms;
+
−
-webkit-transition: max-height 0ms;
+
−
-o-transition: max-height 0ms;
+
−
-moz-transition: max-height 0ms;
+
−
-ms-transition: max-height 0ms;
+
−
z-index:1000;
+
−
}
+
−
 
+
−
/*Style the submenu buttons*/
+
−
#menuContainer li ul li{
+
−
background-color: #00B058;
+
−
background-clip: border-box;
+
−
color: #565656;
+
−
border-radius: 0px;
+
−
z-index:10;
+
−
                                text-transform:capitalize;
+
−
cursor: pointer; cursor: hand;
+
−
}
+
−
#footerContainer img {
+
−
padding:10px;
+
−
max-width:200px;
+
−
max-height:70px;
+
−
}
+
−
#footerContainer p {
+
−
text-align:center;
+
−
}
+
−
 
+
−
img#runnerImg {
+
−
        animation: run 10s linear;
+
−
                animation-fill-mode: forwards;
+
−
                position:relative;
+
−
                float:left;
+
−
                left:50px;
+
−
}
+
−
                                        @keyframes run {
+
−
                                                from {left:0;}
+
−
                                                to {left:100%;display:none;}
+
−
                                        }
+
−
 
+
−
/*CLASSES */
+
−
 
+
−
/*Clear class for all the pages, adds spacing too*/
+
−
.clear{
+
−
clear:both;
+
−
height: 10px;
+
−
}
+
−
 
+
−
 
+
−
/* highlight box for special messages */
+
−
    .highlightBox {
+
−
        width:500px;
+
−
        margin:auto;
+
−
        background-color: #E8E8E9;
+
−
margin-bottom: 15px;
+
−
margin-top: 15px;
+
−
padding: 15px;
+
−
padding-top: 5px;
+
−
    }
+
−
 
+
−
 
+
−
</style>
+
−
<!-- End of CSS -->
+
−
 
+
 
<!-- Start of the template html elements. -->
 
<!-- Start of the template html elements. -->
−
 
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 
−
<script type="text/javascript">
 
−
if ( window.addEventListener ) { 
 
−
          var state = 0, keys = [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 ( state == keys.length ) {
 
−
                                                        document.getElementById("lives").style.display = "initial";
 
−
document.getElementById("runner").style.display = "initial";
 
−
                                                state++;}
 
  
−
                                                    }, true); 
+
<div id="mobileMenu">
−
}
+
<ul class="hideMenu">
−
</script>
+
</html>
−
<div id="lives" style="position:fixed;left:5px;top:16px;display:none;">
+
{{:Template:ETH_Zurich/menu}}
−
                        <img src="https://static.igem.org/mediawiki/2015/e/e6/Life.png">  
+
<html>
−
                        <img src="https://static.igem.org/mediawiki/2015/e/e6/Life.png">  
+
</ul>
−
                        <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="bannerContainer">
+
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
−
<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 class="mediabutton">
 
−
<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" width="48px"></a>
 
−
</div>
 
  
−
<div class="mediabutton">
+
<div id="topContainer">
−
<a href="https://www.facebook.com/iGEM.ETH.Zurich" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href);
+
<div id="sideFiller">
−
return false;"><img src="https://static.igem.org/mediawiki/2015/5/52/Facebook_circle_small.png" width="48px" height="48px"></a>
+
<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">
−
<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://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 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="43px" height="43px" style="padding:3px"></a>
+
<ul id="mainMenu" class="hideMenu">
 +
</html>
 +
{{:Template:ETH_Zurich/menu}}
 +
<html>
 +
</ul>
 
</div>
 
</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>
−
</p>
 
−
<!--<img src="https://static.igem.org/mediawiki/2015/1/13/Team_ETH_Zurich_banner.jpg" style="float:left">-->
 
  
  
−
</div>
+
<div id="lives"></div>
 +
<div id="runner"></div>
  
−
<!-- Start of menu -->
+
<div id="sidemenuContainer">
−
<div id="menuContainer">
+
<div id="sidemenu" class="smtop smmid smbot">
−
 
+
    <i>"What I cannot create I do not understand."</i><br> - Richard Feynmann
−
<!-- 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/Collaborations"><li>Collaborations</li></a>
+
−
+
−
</ul>
+
−
</li>
+
−
<li class="sub"><a href="#" onclick="p(3);return false;">Modelling</a>
+
−
                                                <ul>
+
−
                                                        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling"><li>Overview</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/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 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 id="sandbox">
+
−
<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>
−
<script>
 
−
if (window.location.href != "https://2015.igem.org/Template:ETH_Zurich") {
 
−
document.getElementById('sandbox').innerHTML = "";
 
−
}
 
−
</script>
 
  
−
<div id="footerContainer"><p>We would like to thank our sponsors</p>
+
<div id="sandbox">
−
<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>
+
 
</div>
 
</div>
  
 
</html>
 
</html>

Latest revision as of 15:58, 12 September 2015