Update demo page

Author: vdw

index.html

@@ -226,6 +226,8 @@ <h2>The attribute "data-toggle"</h2>
 	<script>window.jQuery || document.write('<script src="javascripts/vendor/jquery-1.8.1.min.js"><\/script>')</script>
 
 	<!-- JS -->
+	<script type="text/javascript" src="javascripts/vendor/waypoints.min.js"></script>
+	<script type="text/javascript" src="javascripts/vendor/waypoints-sticky.min.js"></script>
 	<script type="text/javascript" src="javascripts/vendor/jquery.tabslet.min.js"></script>
 	<script type="text/javascript" src="javascripts/vendor/rainbow-custom.min.js"></script>
 	<script src="javascripts/initializers.js"></script>

javascripts/initializers.js

@@ -1,6 +1,8 @@
 // Run javascript after DOM is initialized
 $(document).ready(function() {
 
+	$('#body').waypoint('sticky');
+
 	$('.tabs_default').tabslet();
 
 	$('.tabs_hover').tabslet({

javascripts/vendor/waypoints-sticky.min.js

@@ -114,6 +114,11 @@ SECTION {
 	width: 100%;
 }
 
+.stuck {
+	position: fixed;
+	top: 0;
+}
+
 ARTICLE {
 	margin: 0 auto;
 	padding: 40px 0;