Difference between revisions of "Team:Aalto-Helsinki/Kinetics"
m (fadb2 texts) |
(modified the site navigation to be responsive) |
||
Line 16: | Line 16: | ||
position: fixed; | position: fixed; | ||
left: 0; | left: 0; | ||
− | + | bottom: 3%; | |
width: 10%; | width: 10%; | ||
} | } | ||
Line 23: | Line 23: | ||
padding-top: 1px; | padding-top: 1px; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
#sidenav > li > a > h4 { | #sidenav > li > a > h4 { | ||
Line 35: | Line 29: | ||
padding-bottom: 1px; | padding-bottom: 1px; | ||
} | } | ||
− | + | #sidenav a:hover, | |
+ | #sidenav a.active { | ||
+ | color: black !important; | ||
+ | } | ||
/* pictures */ | /* pictures */ | ||
.vcenter { | .vcenter { | ||
Line 49: | Line 46: | ||
<ul id="sidenav" class="nav nav-stacked"><!-- nav-pills if we want rounded corners --> | <ul id="sidenav" class="nav nav-stacked"><!-- nav-pills if we want rounded corners --> | ||
− | <li><a href="# | + | <li><a href="#" data-scroll="atob"><h4>AtoB</h4></a></li> |
− | + | <li><a href="#" data-scroll="fadb2"><h4>FadB2</h4></a></li> | |
− | <li><a href="#fadb2"><h4>FadB2</h4></a></li> | + | <li><a href="#" data-scroll="hbd"><h4>Hbd</h4></a></li> |
− | <li><a href="#hbd"><h4>Hbd</h4></a></li> | + | <li><a href="#" data-scroll="crt"><h4>Crt</h4></a></li> |
− | <li><a href="#crt"><h4>Crt</h4></a></li> | + | <li><a href="#" data-scroll="ter"><h4>Ter</h4></a></li> |
− | <li><a href="#ter"><h4>Ter</h4></a></li> | + | <li><a href="#" data-scroll="ycia"><h4>YciA</h4></a></li> |
− | <li><a href="#ycia"><h4>YciA</h4></a></li> | + | <li><a href="#" data-scroll="car"><h4>Car</h4></a></li> |
− | <li><a href="#car"><h4>Car</h4></a></li> | + | <li><a href="#" data-scroll="sfp"><h4>Sfp</h4></a></li> |
− | <li><a href="#sfp"><h4>Sfp</h4></a></li> | + | <li><a href="#" data-scroll="ado"><h4>Ado</h4></a></li> |
− | <li><a href="#ado"><h4>Ado</h4></a></li> | + | <li><a href="#" data-scroll="other"><h4>Other<br/>constants</h4></a></li> |
− | <li><a href="# | + | <li><a href="#"><h4 style="border-top:solid;">To the Top</h4></a></li> |
− | + | ||
</ul> | </ul> | ||
<div class = "inner-container" > | <div class = "inner-container" > | ||
− | |||
Line 74: | Line 69: | ||
<p style="color:gray">pic of our pathway here to make things more clear. Do we want pictures with highlited enzymes in every subcategory?</p> | <p style="color:gray">pic of our pathway here to make things more clear. Do we want pictures with highlited enzymes in every subcategory?</p> | ||
− | < | + | |
+ | <!-- AtoB --> | ||
+ | <section id="atob" data-anchor="atob"> | ||
+ | <h2>AtoB</h2> | ||
<p>2\(\cdot\)Acetyl-CoA \(\rightarrow\) Acetoacetyl-CoA + CoA</p> | <p>2\(\cdot\)Acetyl-CoA \(\rightarrow\) Acetoacetyl-CoA + CoA</p> | ||
Line 109: | Line 107: | ||
</table> | </table> | ||
− | < | + | </section> |
+ | <!-- AtoB ends --> | ||
+ | |||
+ | |||
+ | <!-- FadB2 --> | ||
+ | <section id="fadb2" data-anchor="fadb2"> | ||
+ | <h2>FadB2</h2> | ||
<p>Acetoacetyl-CoA + NADPH + H\(^+\) \(\rightarrow\) 3-Hydroxybutyryl-CoA + NADP\(^+\)</p> | <p>Acetoacetyl-CoA + NADPH + H\(^+\) \(\rightarrow\) 3-Hydroxybutyryl-CoA + NADP\(^+\)</p> | ||
Line 175: | Line 179: | ||
</table> | </table> | ||
− | < | + | </section> |
+ | <!-- fadb2 ends --> | ||
+ | |||
+ | |||
+ | <!-- Hbd --> | ||
+ | <section id="hbd" data-anchor="hbd"> | ||
+ | <h2>Hbd</h2> | ||
<p>Acetoacetyl-CoA + NADPH + H\(^+\) \(\rightarrow\) 3-Hydroxybutyryl-CoA + NADP\(^+\)</p> | <p>Acetoacetyl-CoA + NADPH + H\(^+\) \(\rightarrow\) 3-Hydroxybutyryl-CoA + NADP\(^+\)</p> | ||
Line 220: | Line 230: | ||
</table> | </table> | ||
− | < | + | </section> |
+ | <!-- Hbd ends --> | ||
+ | |||
+ | |||
+ | <!-- Crt --> | ||
+ | <section id="crt" data-anchor="crt"> | ||
+ | <h2>Crt</h2> | ||
<p>3-hydroxybutyryl-CoA \(\rightarrow\) Crotonyl-CoA + H\( _2\)O</p> | <p>3-hydroxybutyryl-CoA \(\rightarrow\) Crotonyl-CoA + H\( _2\)O</p> | ||
Line 253: | Line 269: | ||
</table> | </table> | ||
− | < | + | </section> |
+ | <!-- Crt ends --> | ||
+ | |||
+ | |||
+ | <!-- Ter --> | ||
+ | <section id="ter" data-anchor="ter"> | ||
+ | <h2>Ter</h2> | ||
<p>Crotonyl-CoA + NADH + H\( ^+\) \(\rightarrow\) Butyryl-CoA + NAD\( ^+\)</p> | <p>Crotonyl-CoA + NADH + H\( ^+\) \(\rightarrow\) Butyryl-CoA + NAD\( ^+\)</p> | ||
Line 299: | Line 321: | ||
</table> | </table> | ||
− | < | + | </section> |
+ | <!-- Ter ends --> | ||
+ | |||
+ | |||
+ | <!-- YciA --> | ||
+ | <section id="ycia" data-anchor="ycia"> | ||
+ | <h2>YciA</h2> | ||
<p>Butyryl-CoA + H\( _2\)O \(\rightarrow\) Butyrate + CoA</p> | <p>Butyryl-CoA + H\( _2\)O \(\rightarrow\) Butyrate + CoA</p> | ||
Line 332: | Line 360: | ||
</table> | </table> | ||
− | < | + | </section> |
+ | <!-- ycia ends --> | ||
+ | |||
+ | |||
+ | <!-- Car --> | ||
+ | <section id="car" data-anchor="car"> | ||
+ | <h2>Car</h2> | ||
<p>Butyrate + NADPH + ATP \(\rightarrow\) Butyraldehyde + NADP\(^+\) + AMP + 2P\(_i\)</p> | <p>Butyrate + NADPH + ATP \(\rightarrow\) Butyraldehyde + NADP\(^+\) + AMP + 2P\(_i\)</p> | ||
Line 378: | Line 412: | ||
</table> | </table> | ||
− | < | + | </section> |
+ | <!-- Car ends --> | ||
+ | |||
+ | |||
+ | <!-- Sfp --> | ||
+ | <section id="sfp" data-anchor="sfp"> | ||
+ | <h2>Sfp</h2> | ||
<p>Sfp does not directly process the substrates in our pathway, but instead acts as an activating enzyme for Car. We have modeled the reactions concerning Sfp <a href="https://2015.igem.org/Team:Aalto-Helsinki/Car-activation">here</a>.</p> | <p>Sfp does not directly process the substrates in our pathway, but instead acts as an activating enzyme for Car. We have modeled the reactions concerning Sfp <a href="https://2015.igem.org/Team:Aalto-Helsinki/Car-activation">here</a>.</p> | ||
+ | </section> | ||
+ | <!-- Sfp ends --> | ||
− | < | + | |
+ | <!-- Ado --> | ||
+ | <section id="ado" data-anchor="ado"> | ||
+ | <h2>Ado</h2> | ||
<p>\[ \frac{K_{cat}^{Ado}\cdot [Ado]\cdot [Butyrate]}{K_{M}^{Ado:Butyrate} +[Butyrate]} \]</p> | <p>\[ \frac{K_{cat}^{Ado}\cdot [Ado]\cdot [Butyrate]}{K_{M}^{Ado:Butyrate} +[Butyrate]} \]</p> | ||
Line 411: | Line 456: | ||
</table> | </table> | ||
− | < | + | </section> |
+ | <!-- Ado ends --> | ||
+ | |||
+ | |||
+ | <!-- Other constants --> | ||
+ | <section id="other" data-anchor="other"> | ||
+ | <h2>Other Constants</h2> | ||
<p>This is a table of typical concentrations in a cell that we use in our model.</p> | <p>This is a table of typical concentrations in a cell that we use in our model.</p> | ||
Line 488: | Line 539: | ||
</table> | </table> | ||
+ | </section> | ||
+ | <!-- Other constants end --> | ||
</div><!-- end inner-container--> | </div><!-- end inner-container--> | ||
Line 493: | Line 546: | ||
</div></div></div></body> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.--> | </div></div></div></body> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.--> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- here scripts to make the site navigation beautiful and responsive. --> | ||
+ | <script> | ||
+ | |||
+ | $('#sidenav a').on('click', function() { | ||
+ | |||
+ | var scrollAnchor = $(this).attr('data-scroll'), | ||
+ | scrollPoint = $('section[data-anchor="' + scrollAnchor + '"]').offset().top - 28; | ||
+ | |||
+ | $('body,html').animate({ | ||
+ | scrollTop: scrollPoint | ||
+ | }, 500); | ||
+ | |||
+ | return false; | ||
+ | |||
+ | }) | ||
+ | |||
+ | |||
+ | $(window).scroll(function() { | ||
+ | var windscroll = $(window).scrollTop(); | ||
+ | if (windscroll >= 100) { | ||
+ | $('.inner-container section').each(function(i) { | ||
+ | if ($(this).position().top <= windscroll + 20) { | ||
+ | $('#sidenav a.active').removeClass('active'); | ||
+ | $('#sidenav a').eq(i).addClass('active'); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | } else { | ||
+ | |||
+ | $('#sidenav a.active').removeClass('active'); | ||
+ | $('#sidenav a:first').addClass('active'); | ||
+ | } | ||
+ | |||
+ | }).scroll(); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
</html> | </html> |
Revision as of 07:47, 19 August 2015