Difference between revisions of "Team:Aalto-Helsinki/Modeling cellulose"
(navbar text color changes if you are on this page) |
(added responsive navigation inside the page) |
||
Line 12: | Line 12: | ||
} | } | ||
+ | /* Styles for navigation inside a page */ | ||
+ | |||
+ | #sidenav { | ||
+ | float:left; | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | width: 15%; | ||
+ | } | ||
+ | .bottom{ | ||
+ | bottom: 2%; | ||
+ | } | ||
+ | #sidenav > li > a { | ||
+ | padding-top: 1px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | #sidenav > li > a > h3 { | ||
+ | margin-top:0px; | ||
+ | padding-top: 1px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | #sidenav a:hover, | ||
+ | #sidenav a.active { | ||
+ | color: black !important; | ||
+ | } | ||
</style> | </style> | ||
+ | |||
+ | <ul id="sidenav" class="nav nav-stacked bottom"><!-- nav-pills if we want rounded corners --> | ||
+ | <li><a href="#" data-scroll="introduction"><h3>Introduction</h3></a></li> | ||
+ | <li><a href="#" data-scroll="thoughts"><h3>Our thoughts</h3></a></li> | ||
+ | <li><a href="#" ><h3 style="border-top:solid;">To the top</h3></a></li> | ||
+ | </ul> | ||
<div class="inner-container"> | <div class="inner-container"> | ||
Line 18: | Line 48: | ||
<h1>Modeling cellulose pathway</h1> | <h1>Modeling cellulose pathway</h1> | ||
+ | <!-- Introduction --> | ||
+ | <section id="introduction" class="active" data-anchor="introduction"> | ||
<h2>Introduction</h2> | <h2>Introduction</h2> | ||
Line 35: | Line 67: | ||
<p style="color:gray">--pic of cellulose pathway?--</p> | <p style="color:gray">--pic of cellulose pathway?--</p> | ||
+ | </section> | ||
+ | <!-- Introduction ends --> | ||
+ | |||
+ | |||
+ | <!-- Our thoughts on a basic model --> | ||
+ | <section id="thoughts" data-anchor="thoughts"> | ||
<h2>Our thoughts on a basic model</h2> | <h2>Our thoughts on a basic model</h2> | ||
Line 54: | Line 92: | ||
<p>Even if we would have gotten all the constants of our cellulose pathway the model would have not been perfect as discussed in previous section. We would have been forced to guess the amount of enzymes produced, as well as how much of them would travel outside of cell to cellulose. Neither do we know how the chemical conditions of the extracellular space affect the enzymes' function. Last but not least, we don't know how the produced glucose is used up in the cell and to what effect it is transported inside the cell. These holes in our knowledge make the possibility of us getting our model right seem very slim indeed.</p> | <p>Even if we would have gotten all the constants of our cellulose pathway the model would have not been perfect as discussed in previous section. We would have been forced to guess the amount of enzymes produced, as well as how much of them would travel outside of cell to cellulose. Neither do we know how the chemical conditions of the extracellular space affect the enzymes' function. Last but not least, we don't know how the produced glucose is used up in the cell and to what effect it is transported inside the cell. These holes in our knowledge make the possibility of us getting our model right seem very slim indeed.</p> | ||
+ | |||
+ | </section> | ||
+ | <!-- End of our thoughts on the modeling cellulose pathway --> | ||
</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 07:03, 25 August 2015