|
|
| Line 23: |
Line 23: |
| | <iframe src="https://2010.igem.org/Team:TU_Delft/Home/accordion?action=render" id="accordion-container"> | | <iframe src="https://2010.igem.org/Team:TU_Delft/Home/accordion?action=render" id="accordion-container"> |
| | </iframe> | | </iframe> |
| - |
| |
| - | <div id="accordion-container">
| |
| - | <ul id="accordion">
| |
| - | <li id="degradation">
| |
| - | <a id="a1" style="width: 450px" href="Project/alkane-degradation">
| |
| - | <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" href="Project/sensing">
| |
| - | <p>
| |
| - | <strong>Sensing</strong><br/>
| |
| - | Detect and act upon hydrocarbon levels.
| |
| - | </p>
| |
| - | </a>
| |
| - | </li>
| |
| - | <li id="tolerance">
| |
| - | <a id="a3" href="Project/tolerance">
| |
| - | <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" href="Project/solubility">
| |
| - | <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" href="Project/rbs-characterization">
| |
| - | <p>
| |
| - | <strong>RBS Characterization</strong><br/>
| |
| - | Fine tune your protein expression with known RBS strengths.
| |
| - | </p>
| |
| - | </a>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| | | | |
| | <style> | | <style> |
| Line 77: |
Line 32: |
| | margin: 60px 0; | | margin: 60px 0; |
| | padding: 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;
| |
| - | color: black;
| |
| - | cursor: pointer;
| |
| | } | | } |
| | </style> | | </style> |
| - |
| |
| - | <script type="text/javascript" >
| |
| - |
| |
| - | var accordionlastBlock = "#a1";
| |
| - |
| |
| - | $(document).ready(function(){
| |
| - | accordionmaxWidth = 450;
| |
| - | accordionminWidth = 75;
| |
| - |
| |
| - | $("ul#accordion li a").hover(
| |
| - | function(){
| |
| - | $(accordionlastBlock).animate({width: accordionminWidth+"px"}, { queue:false, duration:400 });
| |
| - | $(this).animate({width: accordionmaxWidth+"px"}, { queue:false, duration:400});
| |
| - | accordionlastBlock = this;
| |
| - | clearInterval(accordionplay);
| |
| - | }, function() {
| |
| - | accordionplay = setInterval(function(){
| |
| - | accordionrotate(); //Trigger the paging and slider function
| |
| - | }, 5000); //Timer speed in milliseconds (7 seconds)
| |
| - | });
| |
| - | });
| |
| - |
| |
| - | accordionrotate = function(){
| |
| - | if(accordionlastBlock == "#a1") { accordionnextBlock1 = "#a2"; accordionnextBlock2 = "#a3"; accordionnextBlock3 = "#a4"; accordionnextBlock4 = "#a5"; }
| |
| - | else if(accordionlastBlock == "#a2") { accordionnextBlock1 = "#a3"; accordionnextBlock2 = "#a1"; accordionnextBlock3 = "#a4"; accordionnextBlock4 = "#a5"; }
| |
| - | else if(accordionlastBlock == "#a3") { accordionnextBlock1 = "#a4"; accordionnextBlock2 = "#a1"; accordionnextBlock3 = "#a2"; accordionnextBlock4 = "#a5";}
| |
| - | else if(accordionlastBlock == "#a4") { accordionnextBlock1 = "#a5"; accordionnextBlock2 = "#a1"; accordionnextBlock3 = "#a2"; accordionnextBlock4 = "#a3";}
| |
| - | else if(accordionlastBlock == "#a5") { accordionnextBlock1 = "#a1"; accordionnextBlock2 = "#a2"; accordionnextBlock3 = "#a3"; accordionnextBlock4 = "#a4"; }
| |
| - | else { accordionlastBlock = "#a1"; accordionnextBlock1 = "#a2"; accordionnextBlock2 = "#a3"; accordionnextBlock3 = "#a4"; accordionnextBlock4 = "#a5"; }
| |
| - |
| |
| - | $(accordionlastBlock).animate({width: "75px"}, { queue:false, duration:1000 });
| |
| - | $(accordionnextBlock1).animate({width: "450px"}, { queue:false, duration:1000 });
| |
| - | $(accordionnextBlock2).animate({width: "75px"}, { queue:false, duration:50 }); $(accordionnextBlock3).animate({width: "75px"}, { queue:false, duration:50 }); $(accordionnextBlock4).animate({width: "75px"}, { queue:false, duration:50 });
| |
| - | accordionlastBlock = accordionnextBlock1;
| |
| - | };
| |
| - |
| |
| - | accordionrotateSwitch = function(){
| |
| - | accordionplay = setInterval(function(){
| |
| - | accordionrotate(); //Trigger the paging and slider function
| |
| - | }, 5000);
| |
| - | };
| |
| - |
| |
| - | accordionrotateSwitch(); //Run function on launch
| |
| - |
| |
| - | </script>
| |
| | | | |
| | <!-- Content Block START /--> | | <!-- Content Block START /--> |
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!
"
