Team:Marburg SYNMIKRO
From 2012.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<html> | <html> | ||
- | <div class=" | + | <div class="conbox60"> |
</html> | </html> | ||
== “The Recombinator”: an intelligent Genetically Engineered Slot Machine (iGESM) == | == “The Recombinator”: an intelligent Genetically Engineered Slot Machine (iGESM) == | ||
Line 10: | Line 10: | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class=" | + | <div style="background-color:white;" class="conbox28"> |
</html> | </html> | ||
- | == Team == | + | === Team === |
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | #people{ | ||
+ | border: hidden 0px; | ||
+ | border-bottom: black dotted 1px; | ||
+ | background: transparent; | ||
+ | color: darkblue; | ||
+ | width:139px; | ||
+ | text-align: right; | ||
+ | |||
+ | } | ||
+ | |||
+ | #container{ | ||
+ | height: 593px; | ||
+ | width: 262px; | ||
+ | position: relative; | ||
+ | /* margin-left:50%;*/ | ||
+ | /* left:-284px;*/ | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #image{ | ||
+ | height: 593px; | ||
+ | width: 262px; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | |||
+ | #hd{ | ||
+ | height:91px; | ||
+ | width: 163px; | ||
+ | } | ||
+ | |||
+ | #td{ | ||
+ | position: relative; | ||
+ | height:197px; | ||
+ | } | ||
+ | |||
+ | #ld{ | ||
+ | position: relative; | ||
+ | height:235px; | ||
+ | } | ||
+ | |||
+ | .btn { | ||
+ | background:#a00; | ||
+ | color:#fff !important; | ||
+ | border: 1px solid #900; | ||
+ | padding: 4px 8px; | ||
+ | border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | -webkit-border-radius: 4px; | ||
+ | margin: 20px; | ||
+ | text-transform: uppercase; | ||
+ | text-decoration: none !important; | ||
+ | font: bold 16px Verdana, sans-serif; | ||
+ | text-shadow: 0 0 1px #000; | ||
+ | box-shadow: 0 2px 2px #aaa; | ||
+ | -moz-box-shadow: 0 2px 2px #aaa; | ||
+ | -webkit-box-shadow: 0 2px 2px #aaa; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script src="http://web383.mis60.de/inprogress/teambilder/js/jquery.cycle.all.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var timer; | ||
+ | jQuery(function($) { | ||
+ | timer = setTimeout(blnk, 0); | ||
+ | }); | ||
+ | |||
+ | |||
+ | function blnk() { | ||
+ | $(".blink").css({opacity: 0}). | ||
+ | animate({opacity: 1}, 300, "linear"). | ||
+ | animate({opacity: 0}, 300, "linear", | ||
+ | function() { | ||
+ | timer = setTimeout(blnk, 0); | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | |||
+ | infos = new Array( | ||
+ | |||
+ | "<b>Daniel Kleinsorge</b><br><br>text", | ||
+ | "<b>Oliver Schauer</b><br><br>text", | ||
+ | "<b>Prof. Michael Bölker</b><br><br>text", | ||
+ | "<b>Marian Vogt</b><br><br>text", | ||
+ | "<b>Agnieszka Zarzycka</b><br><br>text", | ||
+ | "<b>Oliver Leicht</b><br><br>text", | ||
+ | "<b>Margarita Derbenev</b><br><br>text", | ||
+ | "<b>Elisabeth Ignatz</b><br><br>text", | ||
+ | "<b>Julian Pechstein</b><br><br>text", | ||
+ | "<b>Johannes Schuh</b><br><br>text", | ||
+ | "<b>Max Diesner</b><br><br>text", | ||
+ | "<b>Svetlana Uscherenko</b><br><br>text" | ||
+ | ); | ||
+ | |||
+ | var numpeople=12; | ||
+ | var headnum=0; | ||
+ | var torsonum=0; | ||
+ | var legsnum=0; | ||
+ | var i=0; | ||
+ | var headimages=""; | ||
+ | var torsoimages=""; | ||
+ | var legsimages=""; | ||
+ | |||
+ | $(function() { | ||
+ | for (i=0; i<numpeople; i++) | ||
+ | { | ||
+ | headimages=headimages + "<img border='0' src='http://web383.mis60.de/inprogress/teambilder/" + i + "a.png' width='163' height='91'> "; | ||
+ | torsoimages=torsoimages + "<img border='0' src='http://web383.mis60.de/inprogress/teambilder/" + i + "b.png' width='163' height='197'> "; | ||
+ | legsimages=legsimages + "<img border='0' src='http://web383.mis60.de/inprogress/teambilder/" + i + "c.png' width='163' height='235'> "; | ||
+ | } | ||
+ | document.getElementById("s1").innerHTML=(headimages); | ||
+ | document.getElementById("s2").innerHTML=(torsoimages); | ||
+ | document.getElementById("s3").innerHTML=(legsimages); | ||
+ | |||
+ | |||
+ | $('#s1').cycle({ | ||
+ | fx: 'scrollHorz', | ||
+ | speed: 300, | ||
+ | timeout: 0, | ||
+ | }); | ||
+ | $('#s2').cycle({ | ||
+ | fx: 'scrollHorz', | ||
+ | speed: 300, | ||
+ | timeout: 0, | ||
+ | }); | ||
+ | $('#s3').cycle({ | ||
+ | fx: 'scrollHorz', | ||
+ | speed: 300, | ||
+ | timeout: 0, | ||
+ | }); | ||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | function headleft() | ||
+ | { | ||
+ | if(headnum==0){ | ||
+ | headnum=(numpeople-1); | ||
+ | $('#s1').cycle('prev'); | ||
+ | } | ||
+ | else{ | ||
+ | headnum=(headnum-1); | ||
+ | $('#s1').cycle(headnum); | ||
+ | } | ||
+ | document.getElementById("infobox").innerHTML=("Ist das ein Bug oder ein Feature?"); | ||
+ | } | ||
+ | |||
+ | function headright() | ||
+ | { | ||
+ | if(headnum==(numpeople-1)){ | ||
+ | headnum=0; | ||
+ | $('#s1').cycle('next'); | ||
+ | } | ||
+ | else{ | ||
+ | headnum=(headnum+1); | ||
+ | $('#s1').cycle(headnum); | ||
+ | } | ||
+ | document.getElementById("infobox").innerHTML=("Wird allse live berechnet!"); | ||
+ | } | ||
+ | |||
+ | function torsoleft() | ||
+ | { | ||
+ | if(torsonum==0){ | ||
+ | torsonum=(numpeople-1); | ||
+ | $('#s2').cycle('prev'); | ||
+ | } | ||
+ | else{ | ||
+ | torsonum=(torsonum-1); | ||
+ | $('#s2').cycle(torsonum); | ||
+ | } | ||
+ | document.getElementById("infobox").innerHTML=("Das stand doch eben noch nicht hier??"); | ||
+ | } | ||
+ | |||
+ | function torsoright() | ||
+ | { | ||
+ | if(torsonum==(numpeople-1)){ | ||
+ | torsonum=0; | ||
+ | $('#s2').cycle('next'); | ||
+ | } | ||
+ | else{ | ||
+ | torsonum=(torsonum+1); | ||
+ | $('#s2').cycle(torsonum); | ||
+ | } | ||
+ | document.getElementById("infobox").innerHTML=("Hmm ja was schreibt man jetzt dazu?"); | ||
+ | } | ||
+ | |||
+ | function legsleft() | ||
+ | { | ||
+ | if(legsnum==0){ | ||
+ | legsnum=(numpeople-1); | ||
+ | $('#s3').cycle('prev'); | ||
+ | } | ||
+ | else{ | ||
+ | legsnum=(legsnum-1); | ||
+ | $('#s3').cycle(legsnum); | ||
+ | } | ||
+ | document.getElementById("infobox").innerHTML=("Hmm ja was schreibt man jetzt dazu?"); | ||
+ | } | ||
+ | |||
+ | function legsright() | ||
+ | { | ||
+ | if(legsnum==(numpeople-1)){ | ||
+ | legsnum=0; | ||
+ | $('#s3').cycle('next'); | ||
+ | } | ||
+ | else{ | ||
+ | legsnum=(legsnum+1); | ||
+ | $('#s3').cycle(legsnum); | ||
+ | } | ||
+ | document.getElementById("infobox").innerHTML=("Machts gut und danke für den Fisch!"); | ||
+ | } | ||
+ | |||
+ | |||
+ | function random() | ||
+ | { | ||
+ | |||
+ | headnum=Math.round(Math.random()*(numpeople-1)); | ||
+ | $('#s1').cycle(headnum); | ||
+ | |||
+ | torsonum=Math.round(Math.random()*(numpeople-1)); | ||
+ | $('#s2').cycle(torsonum); | ||
+ | |||
+ | legsnum=Math.round(Math.random()*(numpeople-1)); | ||
+ | $('#s3').cycle(legsnum); | ||
+ | |||
+ | document.getElementById("infobox").innerHTML=("Hmm ja was schreibt man jetzt dazu?"); | ||
+ | |||
+ | } | ||
+ | |||
+ | function setall(num) | ||
+ | { | ||
+ | $('#s1').cycle(num);$('#s2').cycle(num);$('#s3').cycle(num); | ||
+ | headnum=num; | ||
+ | torsonum=num; | ||
+ | legsnum=num; | ||
+ | |||
+ | document.getElementById("infobox").innerHTML=infos[num]; | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="container"> | ||
+ | |||
+ | <div id="image"> | ||
+ | <center> | ||
+ | <div id="hd"> | ||
+ | <div id="s1" class="pics"> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="td"> | ||
+ | <div id="s2" class="pics"> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="ld"> | ||
+ | <div id="s3" class="pics"> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div> | ||
+ | <br> | ||
+ | <a onclick="random()" class="btn"><span class="blink">Recombine!</span></a> | ||
+ | <div> | ||
+ | <br> | ||
+ | <a href="https://2012.igem.org/Team:Marburg_SYNMIKRO/Team">[Team Profile]</a> | ||
+ | </center> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="conboxb"> | <div class="conboxb"> |
Revision as of 19:26, 24 September 2012
“The Recombinator”: an intelligent Genetically Engineered Slot Machine (iGESM)
The vertebrate immune system produces billions of different antibodies. This diversity is generated by random VDJ-recombination of a limited number of antibody subfragments. This inspired us to construct an automatic recombination system in E. coli that generates large numbers of novel proteins by combinatorial fusion of functional domains. We used the site-specific DNA recombinase Gin of bacteriophage Mu that depends on the presence of a DNA enhancer element for efficient recombination. This allowed us to construct a system, called “The Recombinator”, which automatically shuts down after successful recombination. We visualized the randomizing function of our genetically engineered slot machine by combining fluorescent colors with cellular localization domains. By scaling up the number of recombination modules and functional domains our system will be able to generate a multitude of new proteins. We envision that “The Recombinator” will serve as a tool to create novel enzymatic activities for innovative drug design, environmental detoxification and metabolic engineering.