Team:Oxford

From 2014.igem.org

(Difference between revisions)
 
(2067 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Team:Oxford/CSSmain}}
-
 
+
{{Team:Oxford/scriptmain}}
<html>
<html>
 +
<body>
 +
  <div class="outer">
 +
  <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; opacity:0.8;">
 +
    <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/OxigemiGEM.png" style="width:100%"/></a>
 +
  </div>
 +
  <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/7/77/OxigemArrowl.png" style="position:absolute; width:2.5%; top:53%;right:1.5%; opacity:0.6; z-index:4;" /></a>
 +
  <div id="grey" style="width:14%; position:absolute; top:23%; right:-13%; z-index:4;">
 +
    <img src="https://static.igem.org/mediawiki/2014/0/0d/OxigemGrey.png" style="position:relative;width:100%;" />
 +
    <a href="#"><img id="arrowr" src="https://static.igem.org/mediawiki/2014/0/03/OxigemArrowr.png" style="position:absolute;width:16%;top:5%;left:10%;"></a>
 +
    <div class="fbicon" style="position:absolute;width:23%; top:20%; left:9%;" onmouseover=
 +
      "iconleft(this)" onmouseout="iconnormal(this)" border="0"><a href="https://www.facebook.com/oxfordigem" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a>
 +
    </div> 
 +
  <div class="twicon" style="position:absolute;width:23%; top:35%; left:9%;" onmouseover=
 +
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
 +
    <a href="https://twitter.com/OxfordiGEM" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/3d/OxigemIgemtwitter.png" style="width:100%;" /></a>
 +
  </div>
 +
  <div class="yticon" style="position:absolute;width:23%; top:50%; left:9%;" onmouseover=
 +
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
 +
    <a href="https://www.youtube.com/channel/UCx1QJHqQcZ09aT97V2f4Xdw" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/e/ea/OxigemIconyoutube.png" style="width:100%;" /></a>
 +
  </div>
 +
  <div class="oxicon" style="position:absolute;width:23%; top:65%; left:9%;" onmouseover=
 +
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
 +
    <a href="http://www.ox.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/8/8d/Iconoxford.png" style="width:100%;" /></a>
 +
  </div>
 +
  <div class="mailicon" style="position:absolute;width:23%; top:80%; left:9%;" onmouseover=
 +
      "iconleft(this)" onmouseout="iconnormal(this)" border="0" >
 +
    <a href="mailto:oxfordigem@bioch.ox.ac.uk" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/35/OxigemIconmail.png" style="width:100%;" /></a>
 +
  </div>
 +
</div>
-
<!--main content -->
+
    <div class="inner">
-
<table width="70%" align="center">
+
    <div style="position: relative; width:65% left: 0; top: 0;">
 +
      <img id="Teamblue" src="https://static.igem.org/mediawiki/2014/3/35/OxigemTeamblue.png" style="opacity:0;position:absolute; width:14.67897%; left: 50%; top: 3.35%;">
 +
      <img id="Safetyblue" src="https://static.igem.org/mediawiki/2014/8/84/OxigemSafetyblue.png" style="opacity:0;position:absolute; width:14.96679%; left: 35.3%; top: 1.2%;">
 +
      <img id="iGEMcommblue" src="https://static.igem.org/mediawiki/2014/c/cb/OxigemIGEMcommblue.png" style="opacity:0;position:absolute; width:17.41328%; left: 18.7%; top: 15%;">
 +
      <img id="interlabblue" src="https://static.igem.org/mediawiki/2014/2/24/OxigemInterlabblue.png" style="opacity:0;position:absolute; width:16.54982%; left: 64.05%; top: 14.3%;">
 +
      <img src="https://static.igem.org/mediawiki/2014/9/97/OxigemUp.png" style="position: relative; width:65%; left: 17%; top: 0;">
 +
      <img id="left" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemLeft.png" style="position: absolute; width:12%; top: 18%; left: 38.1%;">
 +
      <img id="right" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemRight.png" style="position: absolute; width:12%; top: 18%; left: 50%;">
 +
      <img id="Policyblue" src="https://static.igem.org/mediawiki/2014/6/67/OxigemPolicyblue.png" style="opacity:0;position:absolute; width:15.25461%; left: 66.33%; top: 39.75%;">
 +
      <img id="Modellingblue" src="https://static.igem.org/mediawiki/2014/6/67/OxigemModellingblue.png" style="opacity:0;position:absolute; width:15.68635%; left: 17.517%; top: 38.75%;">
 +
      <img id="achievementsblue" src="https://static.igem.org/mediawiki/2014/9/9e/OxigemAchievementsblue.png" style="opacity:0; position:absolute; width:17.41328%; left: 49.5%; top: 61%;">
 +
      <img id="DCMationblue" src="https://static.igem.org/mediawiki/2014/2/2f/OxigemDCMationblue.png" style="opacity:0;position:absolute; width:17.94096%; left: 31.95%; top: 60.6%;">
 +
    <div id="abstract" style="position: absolute; width:0%; height:100%; top: 0%; left: 50%; background-color: #f5f5f5; z-index:10; border-radius:15px;">
 +
<a href="#"><img id="x" src="https://static.igem.org/mediawiki/2014/7/7f/Oxigemx.png" onclick="hideabstract()" style="position:absolute;opacity:0.6;right:0.9%;top:1.5%;display:none;" /></a>
 +
      <div id="abstract2" style="position:absolute; display:none; colour:white; width:90%;height:92%;margin-left:5%;margin-right:5%;margin-top:2%;overflow-y:scroll;overflow-x:visible;">
 +
      <div class="inner" style="width:100%;margin-left:auto;margin-right:auto;height:100%;position:absolute;">
 +
<img class="DCMationgif" style="margin-left:5%;" src="https://static.igem.org/mediawiki/2014/8/81/DCMation1.png" width="90%" align="middle" alt="" onclick='javascript:(this.src=="https://static.igem.org/mediawiki/2014/8/81/DCMation1.png"?this.src="https://static.igem.org/mediawiki/2014/e/e2/OxigemDCMationgif.gif":"")' />
-
 
+
University of Oxford’s first iGEM team presents: DCMation, a novel bioremediation approach whose applications are limited only by the versatility of bacterial metabolism. OxiGEM are tackling environmental pollution by developing a user-friendly device for the detection & degradation of the hazardous yet indispensable solvent dichloromethane (DCM), to illustrate.
-
<!--welcome box -->
+
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
<br>
<br>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Oxford&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
Inspired by the DCM degradation pathway of <font style="font-style: italic;">M. extorquens</font> DM4, our project is driven and refined by the dialogue between modelling simulations and experimental data. Bioremediation is optimised by expressing the DCM degrading system in host strains, along with microcompartments to accelerate the reaction and minimise toxic intermediates. Our biosensor is tuned to our characterisation and improvements of the catalytic efficiency of the system, while incorporation of the bacteria into novel diffusion-limiting biopolymeric beads ensures safe and rapid degradation.
-
</td>
+
<br>
-
</tr>
+
This all-round modular design and scalability make DCMation ideal for extension to the disposal of many harmful substances. Explore our wiki for more!
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Oxford"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Oxford/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Oxford"style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Oxford/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Oxford/Parts"style="color:#000000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Oxford/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Oxford/Notebook"style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Oxford/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Oxford/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
 
+
-
<!--requirements section -->
+
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
 
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
-
 
+
-
<!-- Links to other team pages -->
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:Oxford">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Oxford/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Oxford">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Oxford/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Oxford/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Oxford/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Oxford/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Oxford/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Oxford/Attributions">Attributions</a> </li>
+
-
 
+
-
</ul>
+
-
 
+
-
</td>
+
-
<td > </td>
 
-
<td width="45%">
 
-
<p>There are a few wiki requirements teams must follow:</p>
+
      </div>
-
<ul>
+
      </div>
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
</td>
+
      <div id="menu1" style="position:absolute; display:none; colour:white; width:90%;height:92%;margin-left:5%;margin-right:5%;margin-top:2%;overflow-y:visible;overflow-x:visible;">
-
</tr>
+
<img src="https://static.igem.org/mediawiki/2014/7/78/OxigemBiosensor1.png" style="position:absolute; width:106%;margin-left:-3%;margin-top:-10%;"  />
 +
<a href="#"><img id="next1" src="https://static.igem.org/mediawiki/2014/7/73/OxigemNext.png" style="position:absolute;width:3%;margin-left:101.5%;margin-top:27%;"  /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biosensor"><img class="zero" src="https://static.igem.org/mediawiki/2014/a/af/Oxigem1.0.jpg" style="width:90%;margin-left:5%;margin-top:28%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biosensor_characterisation"><img class="one" src="https://static.igem.org/mediawiki/2014/f/f8/Oxigem1.1.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biosensor_construction"><img class="two" src="https://static.igem.org/mediawiki/2014/8/84/Oxigem1.2.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biosensor_optimisation"><img class="three" src="https://static.igem.org/mediawiki/2014/d/df/Oxigem1.3.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
      </div>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
      <div id="menu2" style="position:absolute; display:none; colour:white; width:90%;height:92%;margin-left:5%;margin-right:5%;margin-top:2%;overflow-y:visible;overflow-x:visible;">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
<img src="https://static.igem.org/mediawiki/2014/e/e8/OxigemBioremediation1.png" style="position:absolute; width:106%;margin-left:-3%;margin-top:-10%;/>
 +
<a href="#"><img id="next2" src="https://static.igem.org/mediawiki/2014/7/73/OxigemNext.png" style="position:absolute;width:3%;margin-left:101.5%;margin-top:27%;"  /></a>
 +
<a href="#"><img id="back1" src="https://static.igem.org/mediawiki/2014/0/0c/OxigemBack.png" style="position:absolute;width:3%;margin-left:-4.5%;margin-top:27%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/bioremediation"><img class="one" src="https://static.igem.org/mediawiki/2014/d/d3/Oxigem2.0.jpg" style="width:90%;margin-left:5%;margin-top:28%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/how_much_can_we_degrade?"><img class="two" src="https://static.igem.org/mediawiki/2014/2/21/Oxigem2.1.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/what_are_microcompartments?"><img class="two" src="https://static.igem.org/mediawiki/2014/b/bb/Oxigem2.2.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
      </div>
 +
      <div id="menu3" style="position:absolute; display:none; colour:white; width:90%;height:92%;margin-left:5%;margin-right:5%;margin-top:2%;overflow-y:visible;overflow-x:visible;">
 +
<img src="https://static.igem.org/mediawiki/2014/1/1b/OxigemRealisation1.png" style="position:absolute; width:106%;margin-left:-3%;margin-top:-10%;"  />
 +
<a href="#"><img id="back2" src="https://static.igem.org/mediawiki/2014/0/0c/OxigemBack.png" style="position:absolute;width:3%;margin-left:-4.5%;margin-top:27%;"  /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biosensor_realisation"><img class="one" src="https://static.igem.org/mediawiki/2014/f/f6/Oxigem3.1.jpg" style="width:90%;margin-left:5%;margin-top:28%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/realisation_bioremediation"><img class="two" src="https://static.igem.org/mediawiki/2014/1/1b/Oxigem3.2.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biopolymer_containment"><img class="three" src="https://static.igem.org/mediawiki/2014/9/91/Oxigem3.3.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
      </div>
 +
    </div>
 +
      <img id="down" src="https://static.igem.org/mediawiki/2014/1/1c/OxigemDown.png" style="position: absolute; width:65%; top: 0; left: 17%;">
 +
      <a href="#"><img id="split" src="https://static.igem.org/mediawiki/2014/2/21/OxigemBlank.png" onclick="showabstract()" style="position: absolute; width:24%; top:35%; left: 38%;" /></a>
 +
    </div>
-
<!--tips  -->
+
      <div class="Heading" id="DCMationheading" style="top: 72.2%; left: 34.8%; width:11%;" onclick="DCMation()" onmouseover=
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
      "DCMationbig(this)" onmouseout="DCMationnormal(this)" border="0"><a href="#"><img src=
 +
      "https://static.igem.org/mediawiki/2014/2/22/OxigemDCMationheading.png" style="width: 100%;" ></a>
 +
      </div>
 +
      <div class="Heading" id="achievementsheading" style="top: 77.8%; left: 53%; width:11.1%;" onclick="Achievements()" onmouseover="Achievementsbig(this)" onmouseout=
 +
      "Achievementsnormal(this)" border="0"><a href="#"><img src=
 +
        "https://static.igem.org/mediawiki/2014/d/db/OxigemAchievements.png" style="width: 100%;"></a>
 +
      </div>
 +
      <div class="Heading" id="Modellingheading" style="top: 57%; left: 21%; width:8.5%;" onmouseover="Modellingbig(this)" onmouseout=
 +
      "Modellingnormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/Modelling"><img src=
 +
        "https://static.igem.org/mediawiki/2014/c/cd/OxigemModelling.png" style="width: 100%;"></a>
 +
      </div>
 +
      <div class="Heading" id="Policyheading" style="top: 56%; left:70.5%; width:7.3%;" onmouseover="Policybig(this)" onmouseout=
 +
      "Policynormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/policy_and_practices"><img src=
 +
        "https://static.igem.org/mediawiki/2014/0/0a/OxigemP%26P.png" style="width: 100%;"></a>
 +
      </div>
 +
      <div class="Heading" id="iGEMcommheading" style="top: 27%; left: 24.5%; width:8.8%;" onclick="iGEMcomm()" onmouseover="iGEMcommbig(this)" onmouseout=
 +
      "iGEMcommnormal(this)" border="0">
 +
        <a href="#"><img src=
 +
        "https://static.igem.org/mediawiki/2014/6/66/OxigemIGEMcomm.png" style="width: 100%;"></a>
 +
      </div>
 +
      <div class="Heading" id="interlabheading" style="top: 27.5%; left: 68%; width:6.5%;" onclick="Interlab()" onmouseover="Interlabbig(this)" onmouseout=
 +
      "Interlabnormal(this)" border="0">
 +
        <a href="#"><img src=
 +
        "https://static.igem.org/mediawiki/2014/2/27/OxigemInterlab.png" style="width: 100%;"></a>
 +
      </div>
 +
      <div class="Heading" id="Safetyheading" style="top: 15.3%; left: 40%; width:5%;" onmouseover="Safetybig(this)" onmouseout=
 +
      "Safetynormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/safety"><img src=
 +
        "https://static.igem.org/mediawiki/2014/e/ef/OxigemSafety.png" style="width: 100%;"></a>
 +
      </div>
 +
      <div class="Heading" id="Teamheading" style="top: 16.5%; left: 55.5%; width:4.4%;" onmouseover="Teambig(this)" onmouseout=
 +
      "Teamnormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/team"><img src="https://static.igem.org/mediawiki/2014/c/c1/OxigemTeam.png"
 +
        style="width: 100%;"></a>
 +
      </div>
-
<tr>
+
      <div id="DCMationwrap" onClick="DCMationHide()"
-
<td width="45%" valign="top">  
+
        style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
-
<p>We are currently working on providing teams with some easy to use design templates.
+
        <div class="Heading" id="DCMationpopup" style=
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
        "left: 39%; width:0%; position:absolute; margin-top:38%;">
 +
          <img src="https://static.igem.org/mediawiki/2014/3/32/OxigemDcmationbg.png" style="width: 100%;">
 +
          <div class="Heading" style="top: 14.2%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="#"><img id="openabstract" onclick="showabstract()"  src=
 +
            "https://static.igem.org/mediawiki/2014/1/1f/OxigemAbstract.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 33%; left: 30.9%; width:38.2%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="#"><img id="openmenu1" src=
 +
            "https://static.igem.org/mediawiki/2014/0/0c/OxigemBiosensor.png" onclick="showmenu1()"  style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 51.3%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="#"><img id="openmenu2" src=
 +
            "https://static.igem.org/mediawiki/2014/8/80/OxigemBioremediation.png" onclick="showmenu2()"  style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 70.2%; left: 30%; width:37.8%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="#"><img id="openmenu3" src=
 +
            "https://static.igem.org/mediawiki/2014/f/f7/OxigemRealisation.png" onclick="showmenu3()"  style="width: 100%;"></a>
 +
          </div>
 +
        </div>
 +
      </div>
-
<ul>
+
      <div id="Achievementswrap" onClick="AchievementsHide()"
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
        style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
        <div class="Heading" id="Achievementspopup" style=
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
        "left:59%; width:0%; position:absolute; margin-top:38%;">
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
          <img src="https://static.igem.org/mediawiki/2014/b/be/OxigemAchievementsBg.png" style="width: 100%;">
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
          <div class="Heading" style="top: 43%; left: 57%; width:26%;" onmouseover="Resultsbig(this)" onmouseout=
-
</ul>
+
          "Resultsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/Results"><img src=
 +
            "https://static.igem.org/mediawiki/2014/b/b8/OxigemResults.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 17%; left: 27%; width:40%;" onmouseover="Partsbig(this)" onmouseout=
 +
          "Partsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/Parts"><img src=
 +
            "https://static.igem.org/mediawiki/2014/f/fa/OxigemParts.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 45%; left: 14%; width:33.5%;" onmouseover="Medalsbig(this)" onmouseout=
 +
          "Medalsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/MedalFulfilment"><img src=
 +
            "https://static.igem.org/mediawiki/2014/5/5e/OxigemMedalFulfillment.png" style="width: 100%;"></a>
 +
          </div>
 +
        </div>
 +
      </div>
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
    <div id="Interlabwrap" onClick="InterlabHide()"
-
</td>
+
        style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
 +
        <div class="Heading" id="Interlabpopup" style=
 +
        "left:72%; width:0%; position:absolute; margin-top:19%;">
 +
          <img src="https://static.igem.org/mediawiki/2014/d/df/OxigemInterlabbg.png" style="width: 100%;">
 +
          <div class="Heading" style="top: 63.5%; left: 39%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/devices"><img src=
 +
            "https://static.igem.org/mediawiki/2014/1/11/OxigemIDevices.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 22.5%; left: 17.3%; width:20.5%;" onmouseover="IMeasurementbig(this)" onmouseout=
 +
          "IMeasurementnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/measurement"><img src=
 +
            "https://static.igem.org/mediawiki/2014/6/6d/OxigemIMeasurement.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 17%; left: 49.5%; width:34%;" onmouseover="IResultsbig(this)" onmouseout=
 +
          "IResultsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/InterlabResults"><img src=
 +
            "https://static.igem.org/mediawiki/2014/3/3a/OxigemIResults.png" style="width: 100%;"></a>
 +
          </div>
 +
        </div>
 +
    </div>
-
<td> </td>
+
    <div id="iGEMcommwrap" onClick="iGEMcommHide()"
-
<td width="45%">  
+
        style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
 +
        <div class="Heading" id="iGEMcommpopup" style=
 +
        "left:25%; width:0%; position:absolute; margin-top:19%;">
 +
          <img src="https://static.igem.org/mediawiki/2014/e/e9/OxigemiGEMcommbg.png" style="width: 100%;">
 +
          <div class="Heading" style="top: 61.1%; left: 34.3%; width:43%;" onmouseover="Collabbig(this)" onmouseout=
 +
          "Collabnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/alternatives_to_microcompartments"><img src=
 +
            "https://static.igem.org/mediawiki/2014/0/0c/OxigemCollaboration.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 17.5%; left: 54.5%; width:29.5%;" onmouseover="Eventsbig(this)" onmouseout=
 +
          "Eventsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/Events"><img src=
 +
            "https://static.igem.org/mediawiki/2014/a/af/OxigemEvents.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 24.5%; left: 16.5%; width:17%;" onmouseover="iGEMEuropebig(this)" onmouseout=
 +
          "iGEMEuropenormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/P&P_igem_europe"><img src=
 +
            "https://static.igem.org/mediawiki/2014/4/49/OxigemiGEMEurope.png" style="width: 100%;"></a>
 +
          </div>
 +
        </div>
 +
    </div>
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
    <div style="position:fixed;bottom:2%;left:5%;width:90%;height:7%;background-color:#f5f5f5;border-radius:25px;opacity:0.6;">  
 +
      <div class="Heading" style="position:fixed;bottom:3.8%; left: 7%; width:7%;max-height:6%;">
 +
        <a href="http://www.bbsrc.ac.uk/home/home.aspx" target="_blank"><img src="https://static.igem.org/mediawiki/2014/3/3e/BBSRC.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:3.8%; left: 16.5%; width:10%;max-height:6%;">
 +
        <a href="http://www.biochemistry.org" target="_blank"><img src="https://static.igem.org/mediawiki/2014/7/75/BS.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:3.4%; left: 29%; width:9%;max-height:6%;">
 +
        <a href="http://www.sgm.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/20/SGM.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:4.4%; left: 40.4%; width:10%;max-height:6%;">
 +
        <a href="http://www.wellcome.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/4/4c/WT.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:2.7%; left: 53.5%; width:6.5%;max-height:6%;">
 +
        <a href="http://www.deskgen.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/6/65/Oxfordigem_deskgen.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:2.5%; left: 62.7%; width:9.5%;max-height:6%;">
 +
        <a href="http://www.bioch.ox.ac.uk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/20/Oxfordigem_dept.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:3%; left: 75%; width:7%;max-height:6%;">
 +
        <a href="http://www.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/b/b1/OxigemNeb_logo.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:3%; left: 84%; width:8%;max-height:6%;">
 +
        <a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/f/ff/Oxfordigem_snapgene.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
    </div>
-
<ul>
+
    </div>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
  </div>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
</body>
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
</html>
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Latest revision as of 19:15, 2 June 2015