Team:Heidelberg

From 2014.igem.org

(Difference between revisions)
 
(139 intermediate revisions not shown)
Line 6: Line 6:
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/jquery}}
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/jquery}}
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/bootstrapjs}}
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/bootstrapjs}}
-
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/smoothwheel}}
+
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/scrollTo}}
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/tweenmax}}
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/tweenmax}}
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/scrollmagic}}
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/scrollmagic}}
-
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/scrollmagic-debug}}
 
{{:Team:Heidelberg/Templates/FrontNav}}
{{:Team:Heidelberg/Templates/FrontNav}}
<html>
<html>
-
<style type="text/css">
 
-
.title-wrapper-dnmt1{
 
-
height:200px;
 
-
overflow-y:hidden;
 
-
margin-bottom:-48px;
 
-
}
 
-
.title-dnmt1 {
 
-
font-size: 200px;
 
-
line-height: 200px;
 
-
}
 
-
 
-
.special-span-dnmt1{
 
-
display:inline-block;
 
-
height: 200px;
 
-
}
 
-
 
-
.title-wrapper-xylanase{
 
-
height:140px;
 
-
overflow-y:hidden;
 
-
margin-bottom:-48px;
 
-
}
 
-
 
-
.title-xylanase {
 
-
font-size: 140px;
 
-
line-height: 140px;
 
-
}
 
-
 
-
.special-span-xylanase{
 
-
display:inline-block;
 
-
height: 140px;
 
-
}
 
-
</style>
 
<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>
Line 56: Line 23:
<div class="col-lg-6 col-md-6 col-sm-12 impressiv">
<div class="col-lg-6 col-md-6 col-sm-12 impressiv">
<div class="hidden-sm hidden-xs" style="padding-top:100px;"></div>
<div class="hidden-sm hidden-xs" style="padding-top:100px;"></div>
-
<h3>iGEM TEAM <span>HEIDELBERG</span> 2014</h3>
+
<h3 class="normal-medium-text">iGEM TEAM <span>HEIDELBERG</span> 2014</h3>
-
<h1>THE RING<br />OF <span>FIRE</span></h1>
+
<h1 class="very-large-text">THE RING<br />OF <span>FIRE</span></h1>
-
<p>Dieser Text soll reinhauen.</p>
+
-
<p>Am besten sollte er richtig gut sein!</p>
+
<p style="font-size:30px"> Click <a href="/Team:Heidelberg/Project#Abstract">here</a> to view our abstract.
 +
<br/>
 +
Scroll down to EXPLORE our project.
</div>
</div>
<div class="clearfix"></div>
<div class="clearfix"></div>
-
<div class="arrow arrow-right"></div>
+
<div class="arrow arrow-right"></div&nbsp;>
<div id="scrollNag" class="arrow arrow-right"></div>
<div id="scrollNag" class="arrow arrow-right"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="row">
-
<div class="jumbotron slide grey second">
+
<div id="second" class="jumbotron slide grey second">
-
<div id="placeholder-2" class="col-lg-3 col-md-3 hidden-sm hidden-xs" >
+
<div id="placeholder-2" class="col-lg-3 col-md-3 hidden-sm hidden-xs">
</div>
</div>
-
<div class="col-lg-9 col-md-9 col-sm-12">
+
<div class="col-lg-9 col-md-9 col-sm-12" style="text-align: right;">
-
<h1>Hallo, das ist ein test</h1>
+
<p><span class="larger red-text">Nature</span> has made many curious inventions. One of these are</p>
-
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
+
<h1 class="very-large-text red-text bold" style="text-align:right;"><a href="https://2014.igem.org/Team:Heidelberg/Toolbox/Circularization">CIRCULAR PROTEINS</a></h1>
-
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
+
<p>which are unconventional peptides that neither have a beginning, nor an ending</p><br>
-
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
+
<p class="normal-medium-text bold">These proteins are extremely <span class="red-text">resistant</span> against
-
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
+
<span class="red-text">high temperatures</span>, pH changes and proteases.</p>
 +
<p class="normal-medium-text align-right">We established protein <a href="/Team:Heidelberg/Toolbox/Circularization"> circularization </a> as a new<br>powerful tool for Synthetic Biology and set the foundations<br>to render any protein heat stable.</p>
</div>
</div>
<div class="arrow arrow-left"></div>
<div class="arrow arrow-left"></div>
Line 85: Line 55:
<div class="row">
<div class="row">
<div class="jumbotron slide red red-ring">
<div class="jumbotron slide red red-ring">
-
<h1>Hallo, das ist ein test</h1>
+
<h1 class="large-text bold">Wondering how we circularize?</h1>
-
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
+
<h2 class="normal-medium-text align-right bold">Let us introduce you to the next generation of bioengineering...</h2>
-
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
+
<h2 class="align-right" style="font-size: 40px; font-weight:normal">come DISCOVER the <a href="/Team:Heidelberg/Project/Background">MECHANISM of SPLIT INTEINS</a></h2><br><br>
-
<div class="arrow arrow-right"></div>
+
-
<div class="clearfix"></div>
+
-
</div>
+
-
</div>
+
-
<div style="position:relative;" class="row">
+
<div class="col-lg-6 normal-medium-text">
-
<div class="jumbotron slide grey">
+
<p class=""><span class="larger">Inteins excise themselves out of proteins and in doing so the remaining flanking parts are irreversibly joined</span></p>
-
<div>
+
<p><span class="larger">–&nbsp;an effective mechanism to circularize proteins.</span></p>
-
<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>
-
<div class="title-wrapper-dnmt1" style="color:white; margin-top: -45px; float:left;">
+
<div class="col-lg-6">
-
<span class="title-dnmt1">PCR 2.0</span>
+
-
<span class="special-span-dnmt1"></span>
+
</div>
</div>
 +
<div class="arrow arrow-right"></div>
<div class="clearfix"></div>
<div class="clearfix"></div>
-
<div class="arrow arrow-left"></div>
 
</div>
</div>
</div>
</div>
-
<div style="position:relative;" class="row">
+
<div class="row">
-
<div class="jumbotron slide red">
+
<div class="jumbotron slide darker-background modeling-image-bg" style="color:white;">
-
<div>
+
<div>    
-
<div class="col-lg-4" style="z-index:5;">
+
<div class="col-xs-12">
-
<img class="img-responsive" src="/wiki/images/8/82/Heidelberg_Project_Xylanase.png" />
+
<p class="normal-medium-text">But messing with protein structure can be disastrous,<br><span class="medium-text">you can only win with good <a class="bold" href="/Team:Heidelberg/Modeling">MODELING</a>.</span></p><br><br>
 +
<p class="normal-medium-text"><span>Find out the <span class="bold">EXCITING THEORY</span><br>behind <span class="bold">RIGID LINKERS</span> and their <span class="bold">ANGLES</span></span></p>
 +
<br>
 +
<p><span class="larger">We developed <a href="/Ream:Heidelberg/Software/Linker_Software">CRAUT</a>,<br>
 +
a comprehensive software which identifies<br>
 +
the optimal path to connect a protein’s termini<br>
 +
preserving structure and function.</span></p>
</div>
</div>
-
<div class="col-lg-8">
+
<div class="col-lg-12">
-
<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><span class="larger">Look at our extensive wet-lab SCREENING to improve and calibrate our software using <a class="red-text" href="/Team:Heidelberg/Project/Linker_Screening">lambda lysozyme</a>!</span></p>
-
<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>
<div class="clearfix"></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>
<div class="arrow arrow-left"></div>
<div class="arrow arrow-left"></div>
Line 138: Line 91:
</div>
</div>
<div class="row">
<div class="row">
-
<div class="jumbotron slide dark-grey" style="color:white;">
+
<div class="jumbotron slide grey">
<div>
<div>
-
<div class="col-lg-4 col-lg-push-8" style="z-index:5;">
+
<div>
-
<img class="img-responsive" src="/wiki/images/d/df/Heidelberg_Lysozyme.png" />
+
<div class="col-md-4 col-md-offset-0 col-xs-6 col-xs-offset-3" style="z-index:5;">
 +
<a href="/Team:Heidelberg/Software/igemathome"><img class="img-responsive" src="/wiki/images/e/e5/Heidelberg_Frontpage_igemathome.png"></a>
 +
</div>
 +
<div class="col-md-8 col-xs-12">
 +
<p class="align-right"><span class="larger">As calculations on protein structures are costly<br>we involved the rest of the world with</span></p>
 +
<h1 class="align-right bold very-large-text dark-red-text"><span style="font-size:1.5em;"><a href="/Team:Heidelberg/Human_Practice/igemathome">iGEM@home</a></span></h1>
 +
</div>
 +
<div class="clearfix"></div>
</div>
</div>
-
<div class="col-lg-8 col-lg-pull-4">
+
<div class="col-md-8 col-xs-12">
-
<h1 style="text-align: left;" ><span style="font-size:1.3em;">LINK it!</span></h1>
+
<h3 class="medium-text bold">Empowering science!</h3><br>
-
<p>Could every protein becomes heat stable by circularization even if it´s the complexest of all?</p>
+
<p class="normal-medium-text"><a href="/Team:Heidelberg/Software/igemathome">NEW PLATFORM</a> for distributed computing.</p>
-
<p>Circularization is a narrow path between heat-stability and loss of function due to deformation. We developed a linker software, which predict the most suitable linker depending on the folding structure of every protein.</p>
+
<p><span class="larger">Volunteers provide the idle calacity of their home computers.</span></p>
 +
<p class=""><span class="larger">And, with an established user base with more than <span class="larger red-text">1000</span> computers, we effectively <a href="/Team:Heidelberg/Human_Practice/igemathome" >bring synthetic biology to society</a> in a new way!</span></p>
</div>
</div>
-
<div class="col-lg-12">
+
<div class="col-md-4 col-md-offset-0 col-sm-offset-3 col-sm-6 col-xs-offset-2 col-xs-8">
-
<p>In an extensive linker screening our software was improved and calibrated using the lambda phage lysozyme.</p>
+
<a href="/Team:Heidelberg/Human_Practice/igemathome" ><img style="position:relative; top: -35px;" class="img-responsive" src="/wiki/images/5/52/Heidelberg_Frontpage_igemathome_cloud.png"></a>
</div>
</div>
<div class="clearfix"></div>
<div class="clearfix"></div>
 +
</div>
 +
<div class="arrow arrow-right"></div>
 +
</div>
 +
</div>
 +
<div style="position:relative;" class="row">
 +
<div class="jumbotron slide darker-background">
 +
<div>
 +
<div class="col-md-4 col-md-push-8 col-md-offset-0 col-xs-offset-3 col-xs-6" style="z-index:5;">
 +
<a href="/Team:Heidelberg/Project/PCR_2.0" ><img class="img-responsive" src="/wiki/images/a/a6/Heidelberg_Project_Dnmt1.png"></a>
 +
</div>
 +
<div class="col-md-8 col-md-pull-4 col-xs-12">
 +
<h1 class="large-text">Our Application:</h1>
 +
<h1 class="dark-grey-text large-text" style="text-align: right;"><span class="medium-large-text">circular <a href="/Team:Heidelberg/Project/PCR_2.0">heat-stable</a></span><br>DNA-methyltransferase</h1>
 +
<br><br><p><span class="larger">Wouldn´t it be great to amplify DNA preserving the encoded epigenetic information?</span></p>
 +
<p><span class="larger">This could lead to an ENTIRELY NEW way of performing PCRs with a <a href="/Team:Heidelberg/Project/PCR_2.0">heat stable methyltransferase</a>!</span></p>
 +
<p>&nbsp;<br /><span class="larger">We'd like to call it</span></p>
 +
</div>
 +
<div class="clearfix"></div>
 +
</div>
 +
<div>
 +
<div class="title-wrapper-dnmt1">
 +
<a href="/Team:Heidelberg/Project/PCR_2.0" class="title-dnmt1">PCR 2.0</a>
 +
<span class="special-span-dnmt1"></span>
 +
</div>
</div>
</div>
<div class="arrow arrow-left"></div>
<div class="arrow arrow-left"></div>
Line 157: Line 142:
</div>
</div>
<div class="row">
<div class="row">
-
<div class="jumbotron slide grey" style="color:white;">
+
<div class="jumbotron slide epic-background" style="color:white;">
-
<div>
+
<div class="col-lg-4 col-md-4 col-xs-12" style="height: 410px; position: relative">
-
<div class="col-lg-2 col-lg-push-10" style="z-index:5a;">
+
<div id="circ-box" class="descr-box">
-
<img class="img-responsive" src="/wiki/images/d/df/Heidelberg_Lysozyme.png" />
+
<a href="https://2014.igem.org/Team:Heidelberg/Project/Toolbox#Circularization">
 +
<img src="/wiki/images/5/58/Heidelberg_Toolbox_Circularization.png" id="circ-icon" class="toolbox-icon">&nbsp;&nbsp;CIRCULARIZATION
 +
</a>
</div>
</div>
-
<div class="col-lg-8 col-lg-pull-4">
+
<div id="oligo-box" class="descr-box">
-
<h1 style="text-align: left;" ><span style="font-size:1.3em;">CALCULATE it!</span></h1>
+
<a href="https://2014.igem.org/Team:Heidelberg/Project/Toolbox#Oligomerization">
-
<p>After calculating eleven days and the breakdown of both computational and mental power we decided to spread the modeling of the linkers.</p>
+
<img src="/wiki/images/4/40/Oligomerization.png" id="oligo-icon" class="toolbox-icon">&nbsp;&nbsp;OLIGOMERIZATION
 +
</a>
</div>
</div>
-
<div class="col-lg-9">
+
<div id="fusion-box" class="descr-box">
-
<p>The iGEM Team Heidelberg developed <a href="/Team:Heidelberg/">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>
+
<a href="https://2014.igem.org/Team:Heidelberg/Project/Toolbox#Fusion_and_Tagging">
-
<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>
+
<img src="/wiki/images/8/87/Heidelberg_Toolbox_Fusion.png" id="fusion-icon" class="toolbox-icon">&nbsp;&nbsp;FUSION
 +
</a>
</div>
</div>
-
<div class="col-lg-3">
+
<div id="onoff-box" class="descr-box">
-
<img class="img-responsive" src="/wiki/images/d/df/Heidelberg_Lysozyme.png" />
+
<a href="https://2014.igem.org/Team:Heidelberg/Project/Toolbox#On_Off">
 +
<img src="/wiki/images/c/c2/Heidelberg_Toolbox_On-Off.png" id="onoff-icon" class="toolbox-icon">&nbsp;&nbsp;ON/OFF
 +
</a>
 +
</div>
 +
<div id="purification-box" class="descr-box">
 +
<a href="https://2014.igem.org/Team:Heidelberg/Project/Toolbox#Purification">
 +
<img src="/wiki/images/0/04/Heidelberg_Toolbox_Purification.png" id="purification-icon" class="toolbox-icon">&nbsp;&nbsp;PURIFICATION
 +
</a>
</div>
</div>
-
<div class="clearfix"></div>
 
</div>
</div>
-
<div class="arrow arrow-left"></div>
+
<div class="col-lg-8 col-md-8 col-xs-12">
 +
<h2 class="normal-medium-text align-right">One more thing.<br>Inteins are capable of much more!</h2>
 +
<h1 class="medium-large-text align-right bold">We show you the world of</h1>
 +
<h1 class="medium-text align-right red-text bold" style="font-size: 41px;">post-translational MODIFICATIONS</h1><br><br>
 +
 
 +
<p class="align-right "><span class="larger">We created an <a href="/Team:Heidelberg/Project/Toolbox">INTEIN TOOLBOX</a> so you can easily modify your protein in a standardized way.</span></p>
 +
<p class="align-right"><span class="larger">Take a look at our <a href="/Team:Heidelberg/Parts/RFC">RFC</a>!</span></p>
 +
<p class="align-right"><span class="larger">Explore all our tools!</span></p>
 +
</div>
 +
<div class="clearfix"></div>
 +
<div class="arrow arrow-right"></div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="jumbotron slide red" style="color:white; position:relative;">
 +
<div class="col-lg-5 col-md-5 hidden-sm hidden-xs" style="position:relative; bottom:-48px;">
 +
<img class="img-responsive" src="/wiki/images/5/5e/Heidelberg_Frontpage_Team.png" />
 +
</div>
 +
<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
 +
<h1>Who are we?</h1>
 +
<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>

Latest revision as of 23:43, 16 October 2014

iGEM Logo
Ring of fire Image

iGEM TEAM HEIDELBERG 2014

THE RING
OF FIRE

Click here to view our abstract.
Scroll down to EXPLORE our project.

Nature has made many curious inventions. One of these are

CIRCULAR PROTEINS

which are unconventional peptides that neither have a beginning, nor an ending


These proteins are extremely resistant against high temperatures, pH changes and proteases.

We established protein circularization as a new
powerful tool for Synthetic Biology and set the foundations
to render any protein heat stable.

Wondering how we circularize?

Let us introduce you to the next generation of bioengineering...

come DISCOVER the MECHANISM of SPLIT INTEINS



Inteins excise themselves out of proteins and in doing so the remaining flanking parts are irreversibly joined

– an effective mechanism to circularize proteins.

But messing with protein structure can be disastrous,
you can only win with good MODELING.



Find out the EXCITING THEORY
behind RIGID LINKERS and their ANGLES


We developed CRAUT,
a comprehensive software which identifies
the optimal path to connect a protein’s termini
preserving structure and function.

Look at our extensive wet-lab SCREENING to improve and calibrate our software using lambda lysozyme!

As calculations on protein structures are costly
we involved the rest of the world with

iGEM@home

Empowering science!


NEW PLATFORM for distributed computing.

Volunteers provide the idle calacity of their home computers.

And, with an established user base with more than 1000 computers, we effectively bring synthetic biology to society in a new way!

Our Application:

circular heat-stable
DNA-methyltransferase



Wouldn´t it be great to amplify DNA preserving the encoded epigenetic information?

This could lead to an ENTIRELY NEW way of performing PCRs with a heat stable methyltransferase!

 
We'd like to call it

One more thing.
Inteins are capable of much more!

We show you the world of

post-translational MODIFICATIONS



We created an INTEIN TOOLBOX so you can easily modify your protein in a standardized way.

Take a look at our RFC!

Explore all our tools!

Who are we?

We are the iGEM Team Heidelberg 2014 consisting of 12 highly motivated bachelor and master students studying at Heidelberg University.

For our project we got great feedback and support from our supervisors.

Take a look at our Teampage!

Thank you!

We want thank all people who helped us and supported our work in the lab.