Team:TU Delft/Home

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:TU_Delft/frame_check}}
{{Team:TU_Delft/frame_check}}
-
==Home==
+
<html>
 +
<div id="tagline">
 +
<img src="https://static.igem.org/mediawiki/2010/f/f8/TU_Delft_tagline.png" border="0" usemap="#tagline-map" /><br />
 +
<span class="visitor-counter">20121 visitors</span>
 +
<map name="tagline-map">
 +
<area shape="rect" coords="346,63,602,120" href="#" alt="Take the Tour" title="Take the Tour" />
 +
</map>
 +
</div>
 +
<style>
 +
#tagline {
 +
margin: 10px;
 +
width: 607px;
 +
}
 +
 +
#tagline .visitor-counter {
 +
font-size: 10px;
 +
float: right;
 +
margin-right: 10px;
 +
}
 +
</style>
 +
 
 +
<div id="accordion-container">
 +
<ul id="accordion">
 +
  <li id="degradation">
 +
    <a id="a1" style="width: 450px">
 +
      <img src="images/free_thumb.jpg" width="69" height="69" />
 +
      <p>
 +
        <strong>Degradation</strong><br/>
 +
        Clean the environment from oil polution with our alkane degrading bacteria.
 +
      </p>
 +
    </a>
 +
  </li>
 +
  <li id="sensing">
 +
    <a id="a2">
 +
      <img src="images/tut_thumb.jpg" width="69" height="69" />
 +
      <p>
 +
        <strong>Sensing</strong><br/>
 +
        Detect and act upon hydrocarbon levels.
 +
      </p>
 +
    </a>
 +
  </li>
 +
  <li id="tolerance">
 +
    <a id="a3">
 +
      <img src="images/inspire_thumb.jpg" width="69" height="69" />
 +
      <p>
 +
        <strong>Tolerance</strong><br/>
 +
        Resistance to high concentrations of hydrocarbons and salts enable cells to work in harsh environments.
 +
      </p>
 +
    </a>
 +
  </li>
 +
  <li id="solubility">
 +
    <a id="a4">
 +
      <img src="images/inspire_thumb.jpg" width="69" height="69" />
 +
      <p>
 +
        <strong>Solubility</strong><br/>
 +
        Oil and water do not mix easily. Producing an emulsifying protein enhances the mass transfer.
 +
      </p>
 +
    </a>
 +
  </li>
 +
  <li id="rbs">
 +
    <a id="a5">
 +
      <img src="images/inspire_thumb.jpg" width="69" height="69" />
 +
      <p>
 +
        <strong>RBS Characterization</strong><br/>
 +
        Fine tune your protein expression with known RBS strengths.
 +
      </p>
 +
    </a>
 +
  </li>
 +
</ul>
 +
</div>
 +
 
 +
<style>
 +
#accordion-container {
 +
width: 100%;
 +
border: 1px solid #ffd200;
 +
height: 250px;
 +
overflow:hidden;
 +
margin: 60px 0;
 +
padding: 0;
 +
}
 +
 
 +
#accordion-container #degradation {
 +
background-image: url('https://static.igem.org/mediawiki/2010/f/f5/TU_Delft_accordion-degradation-bg.png');
 +
}
 +
 
 +
#accordion-container #sensing {
 +
background-image: url('https://static.igem.org/mediawiki/2010/3/3c/TU_Delft_accordion-sensing-bg.png');
 +
}
 +
 
 +
#accordion-container #tolerance {
 +
background-image: url('https://static.igem.org/mediawiki/2010/8/8e/TU_Delft_accordion-tolerance-bg.png');
 +
}
 +
 
 +
#accordion-container #solubility {
 +
background-image: url('https://static.igem.org/mediawiki/2010/c/ce/TU_Delft_accordion-solubility-bg.png');
 +
}
 +
 
 +
#accordion-container #rbs {
 +
background-image: url('https://static.igem.org/mediawiki/2010/8/8a/TU_Delft_accordion-rbs-bg.png');
 +
}
 +
 
 +
ul#accordion{
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
display: block;
 +
height: 250px;
 +
width: 100%;
 +
overflow: hidden;
 +
}
 +
 
 +
ul#accordion li{
 +
float: left;
 +
display: block;
 +
margin-right: 10px;
 +
background-color: #fffbe8;
 +
padding: 10px;
 +
}
 +
 
 +
ul#accordion li a{
 +
display: block;
 +
overflow: hidden;
 +
height: 250px;
 +
width: 75px;
 +
}
 +
 
 +
ul#accordion li img{
 +
position: absolute;
 +
border: 0px solid #881212;
 +
display: none;
 +
}
 +
 
 +
ul#accordion li p{
 +
margin: 0;
 +
padding: 0;
 +
width: 200px;
 +
display: block;
 +
margin-left: 85px;
 +
}
 +
</style>
 +
 
 +
<script type="text/javascript" >
 +
 
 +
var lastBlock = "#a1";
 +
 
 +
$(document).ready(function(){
 +
    maxWidth = 450;
 +
    minWidth = 75;
 +
 
 +
    $("ul#accordion li a").hover(
 +
    function(){
 +
        $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
 +
$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
 +
lastBlock = this;
 +
        clearInterval(play);
 +
      }, function() {
 +
        play = setInterval(function(){
 +
rotate(); //Trigger the paging and slider function
 +
}, 5000); //Timer speed in milliseconds (7 seconds)
 +
});
 +
});
 +
 
 +
rotate = function(){
 +
if(lastBlock == "#a1") { nextBlock1 = "#a2"; nextBlock2 = "#a3"; nextBlock3 = "#a4"; nextBlock4 = "#a5"; }
 +
else if(lastBlock == "#a2") { nextBlock1 = "#a3"; nextBlock2 = "#a1"; nextBlock3 = "#a4"; nextBlock4 = "#a5"; }
 +
else if(lastBlock == "#a3") { nextBlock1 = "#a4"; nextBlock2 = "#a1"; nextBlock3 = "#a2"; nextBlock4 = "#a5";}
 +
else if(lastBlock == "#a4") { nextBlock1 = "#a5"; nextBlock2 = "#a1"; nextBlock3 = "#a2"; nextBlock4 = "#a3";}
 +
else if(lastBlock == "#a5") { nextBlock1 = "#a1"; nextBlock2 = "#a2"; nextBlock3 = "#a3"; nextBlock4 = "#a4"; }
 +
else { lastBlock = "#a1"; nextBlock1 = "#a2"; nextBlock2 = "#a3"; nextBlock3 = "#a4"; nextBlock4 = "#a5"; }
 +
 
 +
$(lastBlock).animate({width: "75px"}, { queue:false, duration:1000 });
 +
$(nextBlock1).animate({width: "450px"}, { queue:false, duration:1000 });
 +
$(nextBlock2).animate({width: "75px"}, { queue:false, duration:50 }); $(nextBlock3).animate({width: "75px"}, { queue:false, duration:50 }); $(nextBlock4).animate({width: "75px"}, { queue:false, duration:50 });
 +
lastBlock = nextBlock1;
 +
};
 +
 
 +
rotateSwitch = function(){
 +
    play = setInterval(function(){
 +
rotate(); //Trigger the paging and slider function
 +
}, 5000);
 +
};
 +
 
 +
rotateSwitch(); //Run function on launch
 +
 
 +
</script>
 +
 
 +
<!-- Content Block START /-->
 +
 
 +
<div class="contentblock">
 +
<div class="contentimg"><img src="sunny-lab.jpg" /></div>
 +
<div class="contenttext">
 +
<h2>Why spend the entire summer in the lab?</h2>
 +
<p>Who wouldn't take the chance of running your own biotech project? It wasn't so easy to pick the topic though. After many <a href="#">brainstorm sessions</a> and knock-out events, <a href="">the team</a> finally agreed upon going for the most ambitious project. Struck by the devistation caused by <a href="">oil polution</a> we set out to develop a <a href="">biological system for the degradation of oil</a>. From <a href="">literature</a> we learned that by combining existing genes from multiple spieces we would be able to realize our dream. <a href="">Degradation</a> alone was not enough for us however. So we designed our bug to be able to <a href="">sense alkanes</a>, <a href="">tolerate high concentrations</a> of salt and hydrocarbons and produce an emulsifier for <a href="">increasing alkane solubility</a>.
 +
</p>
 +
<p>During long incubation periods we put a lot of effort in the <a href="">safety</a> and <a href="">human practice</a>. We featured in the <a href="">bio-ethics documentary</a> <i>Who Owns You</i> and in <a href="">national tv and radio broadcasts</a>. The cooperation with the new <a href="">Science Museum</a> in Delft resulted in a spectacular Biotech Corner including the <a href="">Synthetic Biology Game</a> designed by us.
 +
</p>
 +
<p>Perhaps most importantly iGEM was a lot of <a href="">fun</a> and equiped us with many new skills and experience. When playing with our <a href="">iJAM Band</a> we eased our ligation troubles.
 +
</p>
 +
<p>Curious on how it all added up? <a href="">Take the Tour</a>!
 +
</p>
 +
<!-- <p><a class="readmore" href="#">Read more...</a></p> -->
 +
</div>
 +
</div>
 +
 
 +
<style>
 +
.contentblock {
 +
width: 100%;
 +
margin: 10px 0;
 +
}
 +
 
 +
.contentimg {
 +
width:178px;
 +
float: left;
 +
}
 +
 
 +
.contenttext {
 +
width: 716px;
 +
float: left;
 +
margin: 0 0 0 10px;
 +
}
 +
 
 +
.contenttext h2 {
 +
margin: 0 0 0 0;
 +
padding: 0;
 +
font-size: 18px;
 +
color: #000;
 +
}
 +
 
 +
.contenttext p {
 +
margin: 10px 0;
 +
padding: 0;
 +
}
 +
 
 +
.contenttext a.readmore {
 +
color: #0075e5;
 +
}
 +
 
 +
.contenttext a.readmore:hover {
 +
text-decoration: none;
 +
}
 +
 
 +
.contenttext a {
 +
color: #0075e5;
 +
text-decoration: none;
 +
border-bottom: 1px solid #62a4e3;
 +
}
 +
 
 +
.contenttext a:hover {
 +
border-bottom: 1px solid #0075e5;
 +
}
 +
</style>
 +
 
 +
<!-- Content Block END /-->
 +
 
 +
<div id="banner-container">
 +
<b>Our Institutions:</b><br /><br />
 +
<a href="http://www.tudelft.nl"><img src="https://static.igem.org/mediawiki/2010/7/7b/TU_Delft.jpg"></a>
 +
<a href="http://www.bt.tudelft.nl"><img src="https://static.igem.org/mediawiki/2010/a/a2/TU_Delft_BT_Department.jpg"></a>
 +
<a href="http://bioinformatics.tudelft.nl/"><img src="https://static.igem.org/mediawiki/2010/0/09/TU_Delft_EWI.jpg"></a>
 +
<a href="http://bn.tudelft.nl"><img src="https://static.igem.org/mediawiki/2010/3/38/TU_Delft_Bionanoscience_Department.jpg"></a>
 +
<br /><br /><b>Our Sponsors:</b><br /><br />
 +
<a href="http://www.stud.nl"><img src="https://static.igem.org/mediawiki/2010/b/b2/TU_Delft_StuD.png"></a>
 +
<a href="http://www.genomics.nl"><img src="https://static.igem.org/mediawiki/2010/9/9c/NGI.jpg"></a>
 +
<a href="http://www.kluyvercentre.nl"><img src="https://static.igem.org/mediawiki/2010/d/d5/TU_Delft_Kluyver_Centre.jpg"></a>
 +
<a href="http://www.dsm.nl"><img src="https://static.igem.org/mediawiki/2010/2/29/DSM.jpg"></a>
 +
<a href="http://www.suitsupply.nl"><img src="https://static.igem.org/mediawiki/2010/2/2d/Suit_Supply.jpg"></a>
 +
<a href="http://www.mrgene.com"><img src="https://static.igem.org/mediawiki/2010/0/09/Mr_Gene.jpg"></a>
 +
<a href="http://www.geneart.com"><img src="https://static.igem.org/mediawiki/2010/d/d6/GeneArt.jpg"></a>
 +
<a href="http://www.conacyt.mx"><img src="https://static.igem.org/mediawiki/2010/6/61/Conacyt.jpg"></a>
 +
<a href="http://www.nuffic.nl"><img src="https://static.igem.org/mediawiki/2010/7/73/Nuffic.jpg"></a>
 +
<a href="http://www.greinerbioone.nl"><img src="https://static.igem.org/mediawiki/2010/c/cf/Greiner_Bio-One.jpg"></a>
 +
<a href="http://www.conocophillips.ca/"><img src="https://static.igem.org/mediawiki/2010/c/c2/TU_Delft_ConocoPhillips.jpg" /></a>
 +
<a href="http://www.nexeninc.com/"><img src="https://static.igem.org/mediawiki/2010/4/47/TU_Delft_Nexen.jpg" /></a>
 +
<a href="http://www.statoil.com/"><img src="https://static.igem.org/mediawiki/2010/0/0a/TU_Delft_Statoil.jpg" /></a>
 +
<a href="http://www.suncor.com/"><img src="https://static.igem.org/mediawiki/2010/4/41/TU_Delft_Suncor.jpg" /></a>
 +
<a href="http://www.total-ep-canada.com/"><img src="https://static.igem.org/mediawiki/2010/e/e7/TU_Delft_Total.jpg" /></a>
 +
<a href="http://www.see.ualberta.ca/OSRIN.cfm"><img src="https://static.igem.org/mediawiki/2010/9/97/TU_Delft_OSRIN.jpg" /></a>
 +
<a href="http://www.iseee.ca/"><img src="https://static.igem.org/mediawiki/2010/5/5c/TU_Delft_iseee.jpg" /></a>
 +
</div>
 +
 
 +
<style>
 +
#banner-container img {
 +
border: none;
 +
}
 +
</style>
 +
</html>

Revision as of 09:46, 12 October 2010


20121 visitors Take the Tour

Why spend the entire summer in the lab?

Who wouldn't take the chance of running your own biotech project? It wasn't so easy to pick the topic though. After many brainstorm sessions and knock-out events, the team finally agreed upon going for the most ambitious project. Struck by the devistation caused by oil polution we set out to develop a biological system for the degradation of oil. From literature we learned that by combining existing genes from multiple spieces we would be able to realize our dream. Degradation alone was not enough for us however. So we designed our bug to be able to sense alkanes, tolerate high concentrations of salt and hydrocarbons and produce an emulsifier for increasing alkane solubility.

During long incubation periods we put a lot of effort in the safety and human practice. We featured in the bio-ethics documentary Who Owns You and in national tv and radio broadcasts. The cooperation with the new Science Museum in Delft resulted in a spectacular Biotech Corner including the Synthetic Biology Game designed by us.

Perhaps most importantly iGEM was a lot of fun and equiped us with many new skills and experience. When playing with our iJAM Band we eased our ligation troubles.

Curious on how it all added up? Take the Tour!

Retrieved from "http://2010.igem.org/Team:TU_Delft/Home"