Team:Heidelberg/testing/Frontpage

From 2014.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 2: Line 2:
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstrapcss}}
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstrapcss}}
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstraptheme}}
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstraptheme}}
 +
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/overrides}}
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/frontpage}}
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/frontpage}}
{{: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/skrollr}}
+
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/smoothwheel}}
 +
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/tweenmax}}
 +
{{: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>
-
<div class="container skrollr-body">
+
<style type="text/css">
-
<div class="row">
+
.title-wrapper-dnmt1{
-
<div class="jumbotron slide first" >
+
height:200px;
-
<div id="ring" class="col-lg-6" data-100="transform:rotate(180deg); left:-200px;" data-200="transform:rotate(360deg); left:-200px;">
+
overflow-y:hidden;
-
<img class="img-responsive" src="/wiki/images/0/0d/Heidelberg_Firering_red.png" alt="Ring of fire Image"/>
+
margin-bottom:-48px;
-
</div>
+
}
-
<div id="img-placeholder" class="col-lg-6">
+
-
</div>
+
-
<div class="col-lg-6 impressiv">
+
-
<h1>THE RING OF FIRE</h1>
+
-
<p>Dieser Text soll reinhauen.</p>
+
-
<p>Am besten sollte er richtig gut sein!</p>
+
-
</div>
+
-
</div>
+
-
<div class="arrow arrow-grey arrow-right">
+
-
</div>
+
-
</div>
+
-
<div class="row">
+
-
<div class="jumbotron">
+
-
<h1>Hallo, das ist ein test</h1>
+
-
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
+
-
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
+
-
</div>
+
-
</div>
+
-
<div class="row">
+
.title-dnmt1 {
-
<div class="jumbotron">
+
font-size: 200px;
-
<h1>Hallo, das ist ein test</h1>
+
line-height: 200px;
-
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
+
}
-
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p></div></div>
+
-
<div class="row">
+
.special-span-dnmt1{
-
<div class="jumbotron">
+
display:inline-block;
-
<h1>Hallo, das ist ein test</h1>
+
height: 200px;
-
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
+
}
-
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p></div></div>
+
-
<div class="row">
+
.title-wrapper-xylanase{
-
<div class="jumbotron">
+
height:140px;
-
<h1>Hallo, das ist ein test</h1>
+
overflow-y:hidden;
-
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
+
margin-bottom:-48px;
-
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p></div></div>
+
}
 +
.title-xylanase {
 +
font-size: 140px;
 +
line-height: 140px;
 +
}
 +
 +
.special-span-xylanase{
 +
display:inline-block;
 +
height: 140px;
 +
}
 +
</style>
 +
<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>
 +
<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>Dieser Text soll reinhauen.</p>
 +
<p>Am besten sollte er richtig gut sein!</p>
 +
</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 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">
 +
<h1>Hallo, das ist ein test</h1>
 +
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
 +
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
 +
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
 +
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
 +
</div>
 +
<div class="arrow arrow-left"></div>
 +
<div class="clearfix"></div>
 +
</div>
 +
 +
</div>
 +
 +
<div class="row">
 +
<div class="jumbotron slide red red-ring">
 +
<h1>Hallo, das ist ein test</h1>
 +
<p>dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa</p>
 +
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
 +
<div class="arrow arrow-right"></div>
 +
<div class="clearfix"></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" style="color:white; margin-top: -45px; float:left;">
 +
<span class="title-dnmt1">PCR 2.0</span>
 +
<span class="special-span-dnmt1"></span>
 +
</div>
 +
<div class="clearfix"></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 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 complexest of all?</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>
 +
</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" style="color:white;">
 +
<div>
 +
<div class="col-lg-2 col-lg-push-10" style="z-index:5a;">
 +
<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;">CALCULATE it!</span></h1>
 +
<p>After calculating eleven days and the breakdown of both computational and mental power we decided to spread the modeling of the linkers.</p>
 +
</div>
 +
<div class="col-lg-9">
 +
<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>
 +
<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-3">
 +
<img class="img-responsive" src="/wiki/images/d/df/Heidelberg_Lysozyme.png" />
 +
</div>
 +
<div class="clearfix"></div>
 +
</div>
 +
<div class="arrow arrow-left"></div>
 +
</div>
 +
</div>
</div>
</div>
</html>
</html>
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/frontpage}}
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/frontpage}}

Latest revision as of 14:16, 9 October 2014

iGEM Logo
Ring of fire Image

iGEM TEAM HEIDELBERG 2014

THE RING
OF FIRE

Dieser Text soll reinhauen.

Am besten sollte er richtig gut sein!

Hallo, das ist ein test

dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa

dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa

dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa

Learn more

Hallo, das ist ein test

dhsfjkask sdhfasdf sdhfhsagfdjh sdafjhsgdjfh sdgfhasgjf sdfhagjsd jf jsdgfhgj jdf jgj jhgdhfgsh hghjsdgfjkajgjhfd jajhdgfjsa

Learn more

circular heat-stable
DNMT1

Wouldn´t it be great to amplify DNA in a normal PCR maintaining the epigenetic information coded in methylation patterns?

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.

PCR 2.0

circular heat-stable
Xylanase

Xylanase is an important enzyme for the pulp and paper industry.

Bla bla

In future Xylanase could be used for the production of biofuel.

INDUSTRY

LINK it!

Could every protein becomes heat stable by circularization even if it´s the complexest of all?

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.

In an extensive linker screening our software was improved and calibrated using the lambda phage lysozyme.

CALCULATE it!

After calculating eleven days and the breakdown of both computational and mental power we decided to spread the modeling of the linkers.

The iGEM Team Heidelberg developed iGEM@home, 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.

As a new tool for the iGEM community this system enables every student team to archieve their modeling without access to big server farms.