Team:Heidelberg
From 2014.igem.org
(Difference between revisions)
Line 14: | Line 14: | ||
<style type="text/css"> | <style type="text/css"> | ||
.title-wrapper-dnmt1{ | .title-wrapper-dnmt1{ | ||
- | + | height:200px; | |
- | + | overflow-y:hidden; | |
} | } | ||
.title-dnmt1 { | .title-dnmt1 { | ||
- | + | font-size: 200px; | |
- | + | line-height: 200px; | |
} | } | ||
.special-span-dnmt1{ | .special-span-dnmt1{ | ||
- | + | display:inline-block; | |
- | + | height: 200px; | |
} | } | ||
.title-wrapper-xylanase{ | .title-wrapper-xylanase{ | ||
- | + | height:140px; | |
- | + | overflow-y:hidden; | |
- | + | margin-bottom:-48px; | |
- | + | margin-top: -30px; | |
} | } | ||
.title-xylanase { | .title-xylanase { | ||
- | + | font-size: 140px; | |
- | + | line-height: 140px; | |
} | } | ||
.special-span-xylanase{ | .special-span-xylanase{ | ||
- | + | display:inline-block; | |
- | + | height: 140px; | |
} | } | ||
/* Enlarge Icons on hover */ | /* Enlarge Icons on hover */ | ||
a:hover .toolbox-icon { | a:hover .toolbox-icon { | ||
- | + | transform: scale(1.15); | |
- | + | -webkit-transform: scale(1.15); | |
- | + | -moz-transform: scale(1.15); | |
- | + | -o-transform: scale(1.15); | |
- | + | -ms-transform: scale(1.15); | |
} | } | ||
Line 66: | Line 66: | ||
.descr-box { | .descr-box { | ||
- | + | position: absolute; | |
} | } | ||
#circ-box { | #circ-box { | ||
- | + | top:0; | |
- | + | left:0; | |
} | } | ||
#oligo-box { | #oligo-box { | ||
- | + | top: 80px; | |
- | + | left: 75px; | |
} | } | ||
#fusion-box { | #fusion-box { | ||
- | + | top: 170px; | |
- | + | left: 100px; | |
} | } | ||
#onoff-box { | #onoff-box { | ||
- | + | top:260px; | |
- | + | left: 75px; | |
} | } | ||
#purification-box { | #purification-box { | ||
- | + | top:340px; | |
- | + | left: 0; | |
} | } | ||
Line 97: | Line 97: | ||
<div class="container"> | <div class="container"> | ||
<a href="https://2014.igem.org" style="position:absolute;z-index:1;"><img src="/wiki/images/5/5d/IGEM_logo_white.png" style="height:70px;" alt="iGEM Logo" /></a> | <a href="https://2014.igem.org" style="position:absolute;z-index:1;"><img src="/wiki/images/5/5d/IGEM_logo_white.png" style="height:70px;" alt="iGEM Logo" /></a> | ||
- | + | <img id="ring" style="visibility:hidden;" src="/wiki/images/0/0d/Heidelberg_Firering_red.png" alt="Ring of fire Image"/> | |
- | + | <div class="row"> | |
- | + | <div class="jumbotron slide epic-background" style="position:relative;"> | |
- | + | <div id="img-placeholder" class="col-lg-6 col-md-6 col-sm-12"> | |
- | + | <img id="placeholder" class="img-responsive" src="/wiki/images/0/0d/Heidelberg_Firering_red.png" alt="Ring of fire Image"/> | |
- | + | </div> | |
- | + | <div class="col-lg-6 col-md-6 col-sm-12 impressiv"> | |
- | + | <div class="hidden-sm hidden-xs" style="padding-top:100px;"></div> | |
- | + | <h3>iGEM TEAM <span>HEIDELBERG</span> 2014</h3> | |
- | + | <h1>THE RING<br />OF <span>FIRE</span></h1> | |
- | + | <p>Welcome to the proteins of tomorrow.<br/>This is the iGEM team Heidelberg‘s wiki page.</p> | |
<p> Click <a href="/Team:Heidelberg/Project#Abstract">here</a> to view our abstract. | <p> Click <a href="/Team:Heidelberg/Project#Abstract">here</a> to view our abstract. | ||
<br/> | <br/> | ||
Scroll down to explore our project. | Scroll down to explore our project. | ||
- | + | </div> | |
- | + | <div class="clearfix"></div> | |
- | + | <div class="arrow arrow-right"></div > | |
- | + | <div id="scrollNag" class="arrow arrow-right"></div> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <div id="second" class="jumbotron slide grey second"> | |
- | + | <div id="placeholder-2" class="col-lg-3 col-md-3 hidden-sm hidden-xs" > | |
- | + | </div> | |
- | + | <div class="col-lg-9 col-md-9 col-sm-12" style="text-align: right;"> | |
- | + | <h1 style="text-align:right;"><span class="red-text" style="font-size:1.3em;">PLACEHOLDER</span></h1> | |
- | + | <p><span class="red-text" style="font-size: 1.5em;">Nature</span> has made many curious inventions. One of these are circular proteins, which are conventional peptides that neither have a beginning, nor an ending</p> | |
- | + | <p>Apart from other features, these proteins are extremely stable against | |
high temperatures, pH and proteases.</p> | high temperatures, pH and proteases.</p> | ||
- | + | <p style="font-weight:bold;">We seeked to apply this principle of circularization in Synthetic Biology and create a way of rendering any protein heatstable.</p> | |
- | + | </div> | |
- | + | <div class="arrow arrow-left"></div> | |
- | + | <div class="clearfix"></div> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <div class="jumbotron slide red red-ring"> | |
- | + | <h2 style="text-align:center; font-weight: bold; margin-bottom:0;">Let us take you to the next level of bioengineering ...</h2> | |
- | + | <h1 style="text-align: center; margin-top:0; font-size:3em; margin-bottom: 15px;"><span class="light-red-text">USING THE</span> Mechanism <span class="light-red-text">OF</span> SPLIT-INTEINS</h1> | |
- | + | <div class="col-lg-6"> | |
- | + | <p>Intein splicing is a natural process that excises one part of a protein and leaves the remaining parts irreersibly attached.</p> | |
- | + | <p>When attaching split inteins to the ends of a normal protein, the splicing reaction connects the beginning to the ending and forms a circular protein.</p> | |
- | + | </div> | |
- | + | <div class="col-lg-6"> | |
- | + | Placeholder | |
- | + | </div> | |
- | + | <div class="arrow arrow-right"></div> | |
- | + | <div class="clearfix"></div> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <div class="jumbotron slide epic-background" style="color:white;"> | |
- | + | <div class="col-lg-4 col-md-4 col-xs-12" style="height: 410px; position: relative"> | |
- | + | <div id="circ-box" class="descr-box"> | |
- | + | <a href="/Team:Heidelberg/Toolbox/Circularization"> | |
- | + | <img src="/wiki/images/5/58/Heidelberg_Toolbox_Circularization.png" id="circ-icon" class="toolbox-icon"> CIRCULARIZATION | |
- | + | </a> | |
- | + | </div> | |
- | + | <div id="oligo-box" class="descr-box"> | |
- | + | <a href="/Team:Heidelberg/Toolbox/Oligomerization"> | |
- | + | <img src="/wiki/images/4/40/Oligomerization.png" id="oligo-icon" class="toolbox-icon"> OLIGOMERIZATION | |
- | + | </a> | |
- | + | </div> | |
- | + | <div id="fusion-box" class="descr-box"> | |
- | + | <a href="/Team:Heidelberg/Toolbox/Fusion"> | |
- | + | <img src="/wiki/images/8/87/Heidelberg_Toolbox_Fusion.png" id="fusion-icon" class="toolbox-icon"> FUSION | |
- | + | </a> | |
- | + | </div> | |
- | + | <div id="onoff-box" class="descr-box"> | |
- | + | <a href="/Team:Heidelberg/Toolbox/OnOff"> | |
- | + | <img src="/wiki/images/c/c2/Heidelberg_Toolbox_On-Off.png" id="onoff-icon" class="toolbox-icon"> ON/OFF | |
- | + | </a> | |
- | + | </div> | |
- | + | <div id="purification-box" class="descr-box"> | |
- | + | <a href="/Team:Heidelberg/Toolbox/Purification"> | |
- | + | <img src="/wiki/images/0/04/Heidelberg_Toolbox_Purification.png" id="purification-icon" class="toolbox-icon"> PURIFICATION | |
- | + | </a> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="col-lg-8 col-md-8 col-xs-12"> | |
- | + | <h1 style="text-align: right; font-size: 3em;" >... and show you the WORLD of <br /> | |
- | + | <span class="red-text">post-translational MODIFCATION</span> | |
- | + | </h1> | |
- | + | <p>The iGEM Team Heidelberg has developed an intein toolbox for the iGEM community to easily modify your protein in a standarized method.</p> | |
- | + | <p>Our toolbox contains several tools which are supergeil. Here you can find out more about our Toolbox.</p> | |
- | + | <p>In addition to that all tools are inducible by light. Using the LOV system we built a solid method for regulation of the intein trans-splicing reaction our toolbox consiting on. Click here to get more informations about Induction.</p> | |
- | + | </div> | |
- | + | <div class="clearfix"></div> | |
- | + | <div class="arrow arrow-left"></div> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div style="position:relative;" class="row"> | |
- | + | <div class="jumbotron slide grey"> | |
- | + | <div> | |
- | + | <div class="col-lg-4 col-lg-push-8" style="z-index:5;"> | |
- | + | <img class="img-responsive" src="/wiki/images/a/a6/Heidelberg_Project_Dnmt1.png" /> | |
- | + | </div> | |
- | + | <div class="col-lg-8 col-lg-pull-4"> | |
- | + | <h1 class="dark-grey-text" style="text-align: right;"><span style="font-size: 0.8em;">circular <span class="red-text">heat-stable</span></span><br>DNMT1</h1> | |
- | + | <p>Wouldn´t it be great to amplify DNA in a normal PCR maintaining the epigenetic information coded in methylation patterns?</p> | |
- | + | <p>The problem: DNMT I, an enzyme which is responsible for the establishment and maintenance of the individual methylation pattern of different cell types, is not heat stable. | |
- | + | For iGEM 2014 we therefore create a PCR 2.0 with heat-stable DNMT I by circularization. | |
- | + | </p> | |
- | + | </div> | |
- | + | <div class="clearfix"></div> | |
- | + | </div> | |
- | + | <div class="title-wrapper-dnmt1"> | |
- | + | <span class="title-dnmt1">PCR 2.0</span> | |
- | + | <span class="special-span-dnmt1"></span> | |
- | + | </div> | |
- | + | <div class="arrow arrow-left"></div> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div style="position:relative;" class="row"> | |
- | + | <div class="jumbotron slide red"> | |
- | + | <div> | |
- | + | <div class="col-lg-4" style="z-index:5;"> | |
- | + | <img style="margin-top:25px;"class="img-responsive" src="/wiki/images/8/82/Heidelberg_Project_Xylanase.png" /> | |
- | + | </div> | |
- | + | <div class="col-lg-8"> | |
- | + | <h1 style="text-align: right; color: black; padding-right: 130px;" ><span style="font-size: 0.8em;">circular <span style="color:white;">heat-stable</span></span><br><span style="font-size:1.3em;">Xylanase</span></h1> | |
- | + | <p>Xylanase is an important enzyme for the pulp and paper industry.</p> | |
- | + | <p>Bla bla</p> | |
- | + | <p>In future Xylanase could be used for the production of biofuel.</p> | |
- | + | </div> | |
- | + | <div class="clearfix"></div> | |
- | + | </div> | |
- | + | <div class="title-wrapper-xylanase" style="text-align: right; color:white;"> | |
- | + | <span class="title-xylanase">INDUSTRY</span> | |
- | + | <span class="special-span-xylanase"></span> | |
- | + | </div> | |
- | + | <div class="arrow arrow-left"></div> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <div class="jumbotron slide dark-grey" style="color:white;"> | |
- | + | <div> | |
- | + | <div class="col-lg-4 col-lg-push-8" style="z-index:5;"> | |
- | + | <img class="img-responsive" src="/wiki/images/d/df/Heidelberg_Lysozyme.png" /> | |
- | + | </div> | |
- | + | <div class="col-lg-8 col-lg-pull-4"> | |
- | + | <h1 style="text-align: left;" ><span style="font-size:1.3em;">LINK it!</span></h1> | |
- | + | <p>Could every protein becomes heat stable by circularization, even if it´s the most complex of all?</p> | |
- | + | <p>Circularization is a narrow path between gaining heat-stability and loosing function due to deformation. We developed a linker software, which predict the perfect linker depending on the folding structure of every protein.</p> | |
- | + | </div> | |
- | + | <div class="col-lg-12"> | |
- | + | <p>In an extensive linker screening our software was improved and calibrated using the lambda phage lysozyme.</p> | |
- | + | </div> | |
- | + | <div class="clearfix"></div> | |
- | + | </div> | |
- | + | <div class="arrow arrow-left"></div> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <div class="jumbotron slide grey"> | |
- | + | <div> | |
- | + | <div> | |
- | + | <div class="col-lg-3" style="z-index:5;"> | |
- | + | <img class="img-responsive" src="/wiki/images/e/e5/Heidelberg_Frontpage_igemathome.png" /> | |
- | + | </div> | |
- | + | <div class="col-lg-9"> | |
- | + | <h1 style="text-align: left; color:#DE4230;" ><span style="font-size:1.5em; font-weights:bold;">CALCULATE it!</span></h1> | |
- | + | </div> | |
- | + | <div class="clearfix"></div> | |
- | + | </div> | |
- | + | <div class="col-lg-8"> | |
- | + | <p><br/>After calculating eleven days and the breakdown of both computational and mental power we decided to spread the modeling of the linkers.</p> | |
- | + | <p>The iGEM Team Heidelberg developed <a href="/Team:Heidelberg/Software/igemathome">iGEM@home</a>, a software to divide extensive computing task into many packages and to distribute them to many computers. Now over 1,000 volunteers are calculating for us when their are idle.</p> | |
- | + | <p>As a new tool for the iGEM community this system enables every student team to archieve their modeling without access to big server farms.</p> | |
- | + | </div> | |
- | + | <div class="col-lg-4"> | |
- | + | <img style="position:relative; top: -35px;" class="img-responsive" src="/wiki/images/5/52/Heidelberg_Frontpage_igemathome_cloud.png" /> | |
- | + | </div> | |
- | + | <div class="clearfix"></div> | |
- | + | </div> | |
- | + | <div class="arrow arrow-left"></div> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <div class="jumbotron slide dark-grey" style="color:white; position:relative;"> | |
- | + | <div class="col-lg-12"><h1 style="text-align:center;">Who are we?</h1></div> | |
- | + | <div class="col-lg-4" style="position:absolute; bottom:0; left: 45px;"> | |
- | + | <img class="img-responsive" src="/wiki/images/5/5e/Heidelberg_Frontpage_Team.png" /> | |
- | + | </div> | |
- | + | <div class="col-lg-8 col-lg-offset-4"> | |
- | + | <p>We are the iGEM Team Heidelberg 2014 consisting of 12 highly motivated bachelor and master students studying at Heidelberg University.</p> | |
- | + | <p>For our project we got great feedback and support from our supervisors.</p> | |
- | + | <p>Take a look at our <a href="/Team:Heidelberg/Team">Teampage</a>!</p> | |
- | + | <h1>Thank you!</h1> | |
- | + | <p>We want thank all people who helped us and supported our work in the lab.</p> | |
- | + | </div> | |
- | + | ||
- | + | <div class="clearfix"></div> | |
- | + | </div> | |
+ | </div> | ||
</div> | </div> | ||
</html> | </html> | ||
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/frontpage}} | {{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/frontpage}} |
Revision as of 14:49, 11 October 2014