Difference between revisions of "Team:York/Notebook"
| Line 1: | Line 1: | ||
<{{:Team:York/Templates/NavigationBar}}> | <{{:Team:York/Templates/NavigationBar}}> | ||
<html> | <html> | ||
| + | <script type="text/javascript"> | ||
| + | $(window).load(function() { | ||
| + | $('li.notebook').addClass('active'); | ||
| + | $('li.n_over').addClass('active'); | ||
| + | |||
| + | $(".affix").css("width", $("#parent").width()); | ||
| + | }); | ||
| + | $(window).scroll(function() { | ||
| + | $(".affix").css("width", $("#parent").width()); | ||
| + | }); | ||
| + | |||
| + | $(window).resize(function() { | ||
| + | $(".affix").css("width", $("#parent").width()); | ||
| + | }); | ||
| + | </script> | ||
<body data-spy="scroll" data-target="#parent"> | <body data-spy="scroll" data-target="#parent"> | ||
| Line 7: | Line 22: | ||
<h2 style="padding: 0px; margin-bottom: 0px;">Notebook</h2> | <h2 style="padding: 0px; margin-bottom: 0px;">Notebook</h2> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<style> | <style> | ||
| Line 56: | Line 50: | ||
} | } | ||
</style> | </style> | ||
| − | + | <div class="container" id="parent"> | |
| − | <div class="vertical-menu"> | + | <div class="vertical-menu" data-spy="affix" data-offset-top="275" style="overflow-y: auto; height: 100%"> |
<a href="#week1">Week 1</a> | <a href="#week1">Week 1</a> | ||
<a href="#week2">Week 2</a> | <a href="#week2">Week 2</a> | ||
| Line 260: | Line 254: | ||
<br><br> | <br><br> | ||
</div> | </div> | ||
| + | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:York/Templates/Footer}} | {{:Team:York/Templates/Footer}} | ||
Revision as of 13:33, 11 September 2017
<
Notebook
Week 1
-
Wet Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
-
Dry Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Week 2
-
Wet Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Dry Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Week 3
-
Wet Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Dry Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Week 4
-
Wet Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Dry Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
