Difference between revisions of "Team:Aalto-Helsinki/Results"
m (changed site navigation) |
(modified the site navigation to be responsive) |
||
Line 32: | Line 32: | ||
padding-top: 0px; | padding-top: 0px; | ||
padding-bottom: 1px; | padding-bottom: 1px; | ||
+ | } | ||
+ | #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="#modeling"><h3>Modeling results</h3></a></li> | + | <li><a href="#modeling" data-scroll="modeling"><h3>Modeling results</h3></a></li> |
− | <li><a href="#lab"><h3>Lab results</h3></a></li> | + | <li><a href="#lab" data-scroll="lab"><h3>Lab results</h3></a></li> |
− | <li><a href="#future" | + | <li><a href="#future" data-scroll="future"><h3>Future</h3></a></li> |
− | <li><a href="#"><h3>To the top</h3></a></li> | + | <li><a href="#"><h3 style="border-top:solid;">To the top</h3></a></li> |
</ul> | </ul> | ||
Line 85: | Line 89: | ||
<h1>Results</h1> | <h1>Results</h1> | ||
+ | <!-- Modeling results --> | ||
+ | <section id="modeling" data-ancor="modeling"> | ||
<h2 id="modeling">Modeling results</h2> | <h2 id="modeling">Modeling results</h2> | ||
Line 99: | Line 105: | ||
<p>We determined that it is <a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_micelle">geometrically possible</a> to form the micelles. We also determined that it would be <a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_synergy">beneficial to put Car and Ado in a micelle</a> instead of the traditional way of them floating independently in the cell.</p> | <p>We determined that it is <a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_micelle">geometrically possible</a> to form the micelles. We also determined that it would be <a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_synergy">beneficial to put Car and Ado in a micelle</a> instead of the traditional way of them floating independently in the cell.</p> | ||
+ | </section> | ||
+ | <!-- modeling ends --> | ||
+ | |||
+ | |||
+ | <section id="lab" data-anchor="lab"> | ||
<h2 id="lab">Lab results</h2> | <h2 id="lab">Lab results</h2> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <section id="future" data-anchor="future"> | ||
<h2 id="future">Future</h2> | <h2 id="future">Future</h2> | ||
+ | |||
+ | </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.--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- 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> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 08:25, 19 August 2015