Difference between revisions of "Team:Aalto-Helsinki/Modeling micelle"
(trying out navigation where we have 'to the top' link at the bottom) |
(modified the site navigation to be responsive) |
||
Line 29: | Line 29: | ||
#sidenav > li > a > h3 { | #sidenav > li > a > h3 { | ||
− | margin-top: | + | margin-top:1px; |
padding-top: 1px; | padding-top: 1px; | ||
padding-bottom: 1px; | padding-bottom: 1px; | ||
Line 39: | Line 39: | ||
vertical-align: middle; | vertical-align: middle; | ||
float: none; | float: none; | ||
+ | } | ||
+ | #sidenav a:hover, | ||
+ | #sidenav a.active { | ||
+ | color: black !important; | ||
} | } | ||
</style> | </style> | ||
<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="#introduction"><h3>Introduction</h3></a></li> | + | <li><a href="#" data-scroll="introduction"><h3>Introduction</h3></a></li> |
− | <li><a href="#geometry"><h3>Geometrical<br>approach</h3></a></li> | + | <li><a href="#" data-scroll="geometry"><h3>Geometrical<br>approach</h3></a></li> |
− | <li><a href="# | + | <li><a href="#" data-scroll="discussion"><h3>Discussion</h3></a></li> |
− | + | <li><a href="#"><h3 style="border-top:solid;">To the top</h3></a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
Line 70: | Line 61: | ||
<h1>Micelle model</h1> | <h1>Micelle model</h1> | ||
− | < | + | <section id="introduction" class="active" data-anchor="introduction"> |
+ | <h2> Introduction </h2> | ||
<p style="color:gray">--Picture of the pathway here, CAR, ADO and butyraldehyde highlighted to clarify what we are talking about.--</p> | <p style="color:gray">--Picture of the pathway here, CAR, ADO and butyraldehyde highlighted to clarify what we are talking about.--</p> | ||
Line 78: | Line 70: | ||
<p>We have made a <a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_synergy">model of effectiveness of having enzymes close together</a>, but our team also wanted to know if the micelle structure was possible in the first place. We know (Designer amphiphilic proteins as building blocks for the intracellular formation of organelle-like compartments, Huber et al, Nature, 2014) that it is possible to form the micelle without any proteins at the end and with green fluorecent protein (Gfp), but could CAR and ADO be part of this kind of structure? </p> | <p>We have made a <a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_synergy">model of effectiveness of having enzymes close together</a>, but our team also wanted to know if the micelle structure was possible in the first place. We know (Designer amphiphilic proteins as building blocks for the intracellular formation of organelle-like compartments, Huber et al, Nature, 2014) that it is possible to form the micelle without any proteins at the end and with green fluorecent protein (Gfp), but could CAR and ADO be part of this kind of structure? </p> | ||
+ | </section> | ||
− | < | + | |
+ | <section id="geometry" data-anchor="geometry"> | ||
+ | <h2>Geometrical approach</h2> | ||
<figure style="float:right;margin-left:20px;"> | <figure style="float:right;margin-left:20px;"> | ||
Line 173: | Line 168: | ||
</p> | </p> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | |||
+ | <section id="discussion" data-anchor="discussion"> | ||
<h2 id="discussion">Discussion</h2> | <h2 id="discussion">Discussion</h2> | ||
Line 180: | Line 180: | ||
<p>Even though our model seems to prove that the formation of these micelles is possible, there are lots of things we couldn’t take into account that might have effects on micelle formation and make it impossible. We didn't consider any forces that might form between our proteins, thus rendering micelles impossible. It might well be that even though this is geometrically possible in reality micelles can not form. However we feel that taking these things into account is not worth the effort especially when mere geometrical model could predict things so well.</p> | <p>Even though our model seems to prove that the formation of these micelles is possible, there are lots of things we couldn’t take into account that might have effects on micelle formation and make it impossible. We didn't consider any forces that might form between our proteins, thus rendering micelles impossible. It might well be that even though this is geometrically possible in reality micelles can not form. However we feel that taking these things into account is not worth the effort especially when mere geometrical model could predict things so well.</p> | ||
+ | |||
+ | </section> | ||
</div> | </div> | ||
</div></div></div> <!--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> <!--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.--> | ||
+ | |||
+ | |||
+ | <!-- Scirpt for beautiful scrolling inside the page: smooth transitions and we show in what section the reader is. --> | ||
+ | <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> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 07:00, 19 August 2015