Team:Manchester

From 2013.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
-
{{:Team:Manchester/layout/banner}}
+
<html>
-
{{:Team:Manchester/layout/nav}}
+
<head>
-
{{:Team:Manchester/layout/background}}
+
<title> Home </title>
 +
<script type="text/javascript">
 +
 +
function doSomething() {
 +
 +
var targetAnchor = document.getElementById('myAnchor1');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor2');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor3');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor4');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor5');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor6');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor7');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor8');
 +
targetAnchor.className = '' ;
 +
 +
 +
}
 +
 +
</script>
 +
 +
<style type="text/css">
 +
*
 +
{
 +
margin:0;
 +
padding:0;
 +
}
 +
 +
#content, body
 +
{
 +
background-color:#F2F2F2;
 +
}
 +
 +
.header
 +
{
 +
width:100%;
 +
height:100px;
 +
background:#4c0082;
 +
margin-top:10px;
 +
margin-bottom:40px;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
}
 +
 +
.banner
 +
{
 +
height:100px;
 +
background:#4c0082;
 +
margin:0 auto;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
}
 +
 +
.igemlogo
 +
{
 +
float:left;
 +
margin-left:30px;
 +
 +
}
 +
 +
.logo
 +
{
 +
float:left;
 +
margin-left:20px;
 +
 +
}
 +
 +
.central
 +
{
 +
float:left;
 +
margin-left:20px;
 +
margin-top:1px;
 +
}
 +
 +
.uni
 +
{
 +
float:left;
 +
margin-left:20px;
 +
 +
}
 +
 +
#content, body
 +
{
 +
background-color: #F2F2F2;
 +
}
 +
 +
#slider
 +
{
 +
width:1300px;
 +
height:300px;
 +
margin-left:-160px;
 +
overflow:hidden;
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
#slider ul
 +
{
 +
width:1300px;
 +
list-style:none;
 +
margin:0;
 +
}
 +
 +
#slider ul li
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:130px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
 +
}
 +
 +
#slider ul li.startopen
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:600px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
 +
}
 +
 +
#slider ul li.startclosed
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:100px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
 +
}
 +
 +
#slider ul:hover li
 +
{
 +
width:100px;
 +
}
 +
 +
#slider ul li:hover
 +
{
 +
width:600px;
 +
}
 +
 +
/*#slider ul li:nth-child(1):hover #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:95px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}*/
 +
 +
#slider ul li:hover #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:110px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}
 +
 +
#slider li img
 +
{
 +
display:block;
 +
 +
}
 +
 +
#title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:130px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}
 +
 +
#slider ul li:last-child #title
 +
{
 +
background:none;
 +
}
 +
 +
#title a
 +
{
 +
margin:0;
 +
display:block;
 +
color:white;
 +
text-decoration:none;
 +
font-family:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:16px;
 +
padding:0;
 +
margin:10px;
 +
}
 +
 +
#slider ul li:last-child #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:390px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}
 +
 +
#slider ul li:last-child:hover #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:110px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}
 +
 +
.mobilesite
 +
{
 +
float:left;
 +
}
 +
 +
.impactreport
 +
{
 +
float:right;
 +
}
 +
 +
.footer
 +
{
 +
width:1000px;
 +
height:100px;
 +
padding:0;
 +
margin-left:0;
 +
margin-bottom:20px;
 +
}
 +
 +
.igem
 +
{
 +
float:left;
 +
margin:0;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
.our
 +
{
 +
float:left;
 +
margin-left:720px;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
.heading1
 +
{
 +
clear:both;
 +
margin-left:-160px;
 +
width:1300px;
 +
height:80px;
 +
}
 +
 +
.heading1 .upper
 +
{
 +
font-style:italic;
 +
width:200px;
 +
height:20px;
 +
margin-left:520px;
 +
margin-bottom:20px;
 +
}
 +
 +
.heading1 .bottom
 +
{
 +
height:30px;
 +
width:1000px;
 +
margin-left:140px;
 +
}
 +
 +
.heading1 .upper, .heading1 .bottom, .heading2 .upper, .heading2 .bottom
 +
{
 +
font-size:40px;
 +
font-weight:bold;
 +
font-family:Trebuchet MS;
 +
text-align:center;
 +
color:#660099;
 +
text-shadow: 0 1px 0 #ccc,
 +
              0 2px 0 #c9c9c9,
 +
              0 3px 0 #bbb,
 +
              0 4px 0 #b9b9b9,
 +
              0 5px 0 #aaa,
 +
              0 6px 1px rgba(0,0,0,.1),
 +
              0 0 5px rgba(0,0,0,.1),
 +
              0 1px 3px rgba(0,0,0,.3),
 +
              0 3px 5px rgba(0,0,0,.2),
 +
              0 5px 10px rgba(0,0,0,.25),
 +
              0 10px 10px rgba(0,0,0,.2),
 +
              0 20px 20px rgba(0,0,0,.15);
 +
}
 +
 +
.heading2 .upper
 +
{
 +
margin:0 0 5px 250px;
 +
width:800px;
 +
height:30px;
 +
}
 +
 +
.heading2 .bottom
 +
{
 +
margin:0 0 10px 450px;
 +
width:400px;
 +
height:30px;
 +
 +
}
 +
 +
.heading2
 +
{
 +
clear:both;
 +
margin:20px 0 20px -150px;
 +
width:1300px;
 +
height:100px;
 +
}
 +
 +
.footer2
 +
{
 +
clear:both;
 +
width:950px;
 +
height:100px;
 +
margin-left:0;
 +
margin-top:50px;
 +
padding:0;
 +
}
 +
 +
.footer2 .mib
 +
{
 +
float:left;
 +
margin:0;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
.footer2 .uni
 +
{
 +
float:right;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
.checklist
 +
{
 +
width:710px;
 +
height:100px;
 +
margin-left:130px;
 +
 +
}
 +
 +
.note
 +
{
 +
clear:both;
 +
width:100%;
 +
height:50px;
 +
font-family:Trebuchet MS;
 +
font-size: 16px;
 +
text-align:center;
 +
color:#660099;
 +
}
 +
 +
.contact
 +
{
 +
clear:left;
 +
margin-left:-180px;
 +
margin-top:30px;
 +
width:1300px;
 +
height:100px;
 +
}
 +
 +
.gmail
 +
{
 +
float:left;
 +
margin:30px 0 20px 260px;
 +
z-index:100;
 +
}
 +
 +
.fb
 +
{
 +
float:left;
 +
margin:20px 0 20px 100px;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
 +
.myButton {
 +
        z-index:100;
 +
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
       
 +
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
 +
        background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
 +
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
 +
       
 +
        background-color:#c123de;
 +
       
 +
        -moz-border-radius:6px;
 +
        -webkit-border-radius:6px;
 +
        border-radius:6px;
 +
       
 +
        border:1px solid #a511c0;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:arial;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;
 +
        text-decoration:none;
 +
       
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
       
 +
    }
 +
.myButton:hover {
 +
       
 +
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de));
 +
        background:-moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:-webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:-o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:-ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
 +
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0);
 +
       
 +
        background-color:#a20dbd;
 +
    }
 +
.myButton:active {
 +
        position:relative;
 +
        top:1px;
 +
    }
 +
 +
 +
.twitter
 +
{
 +
float:left;
 +
margin:40px 0 20px 90px;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
 +
</style>
 +
</head>
 +
<body>
 +
 +
<div id="fb-root"></div>
 +
<script>(function(d, s, id) {
 +
  var js, fjs = d.getElementsByTagName(s)[0];
 +
  if (d.getElementById(id)) return;
 +
  js = d.createElement(s); js.id = id;
 +
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 +
  fjs.parentNode.insertBefore(js, fjs);
 +
}(document, 'script', 'facebook-jssdk'));</script>
 +
 +
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 +
 +
<div class="header">
 +
<div class="banner">
 +
          <div class="igemlogo">
 +
    <a href="https://2013.igem.org/Main_Page">
 +
              <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png" height="95"/>
 +
            </a>
 +
  </div>
 +
 
 +
  <div class="logo">
 +
    <img src="https://static.igem.org/mediawiki/2013/8/87/LOGO1.jpg">
 +
  </div>
 +
 +
          <div class="central">
 +
    <img src="https://static.igem.org/mediawiki/2013/0/0c/MIBLogo.jpg" width="300" height="98" />
 +
  </div>
 +
 +
  <div class="uni">
 +
    <img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg">
 +
  </div>
 +
 
 +
</div>
 +
</div>
 +
 +
 +
 +
<div class="mobilesite">
 +
                    <right><a href="https://2013.igem.org/Team:Manchester/Hometest3" target="_blank"><img src="https://static.igem.org/mediawiki/2013/d/d1/ClickTab.png"  width="300" height="100"></a> </right>   
 +
              </div>
 +
 +
<div class="impactreport">
 +
                <left><a href="https://static.igem.org/mediawiki/2013/9/9c/MANCHESTERIGEMimpactanalysisofsyntheticpalmoil.pdf"><img src="https://static.igem.org/mediawiki/2013/6/62/Man4.jpg" width="300" height="150" /></a></left>
 +
          </div>
 +
 +
 +
<br><br>
 +
 +
 +
<div class="heading1">
 +
            <div class="upper">
 +
              E.C(oil)i
 +
            </div>
 +
 +
            <div class="bottom">
 +
                THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE
 +
            </div>
 +
</div>
 +
 +
<div id="slider">
 +
  <ul>
 +
        <li id="myAnchor1" class="startopen">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Team" onmouseover="doSomething();" onmouseout="doSomething();">Our Team</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Team" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg"/> </a>
 +
</li>
 +
 +
<li id="myAnchor2" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Project" onmouseover="doSomething();" onmouseout="doSomething();">Project</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Project" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/6/6d/Project1.jpg"/></a>
 +
</li>
 +
 +
<li id="myAnchor6" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Modelling" onmouseover="doSomething();" onmouseout="doSomething();">Modelling</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Modelling" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png"/></a>
 +
</li>
 +
 +
                <li id="myAnchor7" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/HumanPractices" onmouseover="doSomething();" onmouseout="doSomething();">Human Practices</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/HumanPractices" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/igem.org/0/09/Humanpracticesresize.jpg"/></a>
 +
</li>
 +
 +
                <li id="myAnchor3" class="startclosed">
 +
    <div id="title"> <a href="https://2013.igem.org/Team:Manchester/Parts" onmouseover="doSomething();" onmouseout="doSomething();">Parts Contributions</a></div>
 +
    <a href="https://2013.igem.org/Team:Manchester/Parts" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/2/2f/Contributions.jpg"/> </a>
 +
</li>
 +
               
 +
                <li id="myAnchor4" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Judging" onmouseover="doSomething();" onmouseout="doSomething();">Judging</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Judging" onmouseover="doSomething();" onmouseout="doSomething();""> <img src="https://static.igem.org/mediawiki/2013/d/d0/Judging.jpg"/></a>
 +
</li>
 +
 +
                <li id="myAnchor5" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Attributions" onmouseover="doSomething();" onmouseout="doSomething();">Attributions</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Attributions" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg"/></a>
 +
</li>
 +
 +
<li id="myAnchor8" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Sponsorship" id="last" onmouseover="doSomething();" onmouseout="doSomething();">Sponsorship</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Sponsorship" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/0/00/Sponsors.jpg"/></a>
 +
</li>
 +
  </ul>
 +
</div>
-
<span style="font-family:Arial;font-size:22px;font-style:normal;font-weight:bold;text-decoration:none;text-transform:none;color:990099;"><i>E. c(oil)i</i>: The Lean, Green, Fat-Producing SynBio Machine!</span>
 
<br>
<br>
-
From food products, to cosmetics and biodiesel, palm oil is the world’s most widely used vegetable oil. Its demand is ever increasing; however the current method of extracting palm oil is severely unsustainable. Massive deforestation is required to build oil palm plantations, ruining the land of locals in Malaysia and Indonesia. Manchester iGEM aims to combat this by providing a more eco-friendly source of the four main components of palm oil. We reengineered the fatty acid biosynthesis pathway of E. coli to overproduce palmitic and stearic acid and introduced two new genes, Δ9 desaturase and Δ12 desaturase, to yield oleic and linoleic acid. To explore the scale-up potential of synthetic palm oil production in E. coli, we developed a fully parameterised kinetic model of the engineered fatty acid biosynthesis pathway.
+
<br>
-
<table border="0" align="center">
+
<div class="note">
-
<tr>
+
                <center><b>Key Achievements:</b><br>
-
<td>[[File:logo.jpg|300px|center]]</td>
+
<i>Gold medal</i><br>
-
<td>[[File:300px-Logo_finished.png|300px|center]]</td>
+
<i>Advance to championship</i><br>
 +
<i>Best Human Practice Advance, Europe</i><br>
 +
<i>Best Human Practice Advance, Undergrad</i><br>
 +
</div>
-
</tr>
+
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
-
</table>
 
-
[[File:mib.jpg|270px]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[[File:Uom-logo.jpg|270px|]]
+
<div class="checklist" >
 +
          <div class="medal">
 +
              <a href="https://2013.igem.org/Team:Manchester/Judging">
 +
                <img src="https://static.igem.org/mediawiki/2013/2/22/MedalCheckList_RB2.jpg"/>
 +
              </a>
 +
          </div>
 +
</div>
-
<html>
+
<!--<div class="footer2">
 +
          <div class="mib">
 +
    <a href="#"> <img src="https://static.igem.org/mediawiki/2013/0/0c/MIBLogo.jpg" /></a>  
 +
  </div>
 +
   
 +
  <div class="uni">
 +
    <a><img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg" /></a>
 +
  </div>
 +
</div>-->
 +
 
 +
 
 +
<!--<div class="contact">
 +
      <div class="gmail">
 +
           
 +
      </div>
 +
 
 +
        <div class="fb">
 +
            <div class="fb-like-box" data-href="https://www.facebook.com/ManchesteriGEM" data-width="400" data-show-faces="false"  data-stream="false" data-show-border="true" data-header="true"></div>
 +
      </div>
 +
   
 +
      <div class="twitter">
 +
          <a href="https://twitter.com/@ManchesteriGEM" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @twitter</a>
 +
      </div>
 +
</div>-->
 +
 
 +
 
 +
</body>
 +
</html>

Latest revision as of 21:55, 7 November 2013

Home



E.C(oil)i
THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE


Key Achievements:
Gold medal
Advance to championship
Best Human Practice Advance, Europe
Best Human Practice Advance, Undergrad