Team:Wageningen UR/templates/footer
From 2014.igem.org
(Difference between revisions)
(8 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<div id="right"> | <div id="right"> | ||
<div id="inner-right"> | <div id="inner-right"> | ||
- | <a href="#header" ><img id="mascot" src="https://static.igem.org/mediawiki/2014/b/bd/Wageningen_UR_mascot.png" alt="" width=" | + | <a href="#header" ><img id="mascot" src="https://static.igem.org/mediawiki/2014/b/bd/Wageningen_UR_mascot.png" alt="" width="110px"/></a> |
</div> | </div> | ||
</div> | </div> | ||
Line 14: | Line 14: | ||
<div id="footer"> | <div id="footer"> | ||
- | <p>iGEM Wageningen UR 2014. | + | <p>iGEM Wageningen UR 2014. Send us an <a href="mailto:igemwageningen@gmail.com" class="soft_link">email</a>, or follow us on <a class="soft_link" href="http://twitter.com/igemwageningen" target="_blank">Twitter</a> and <a class="soft_link" href="http://www.facebook.com/iGEMWageningen" target="_blank">Facebook</a>! |
<br /> | <br /> | ||
- | For more information about iGEM, check out their <a href="https://igem.org">website</a> and <a href="http://twitter.com/igem">Twitter</a>!</p> | + | For more information about iGEM, check out their <a class="soft_link" href="https://igem.org">website</a> and <a class="soft_link" href="http://twitter.com/igem">Twitter</a>!</p> |
</div> | </div> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | /** | ||
+ | * This part handles the highlighting functionality. | ||
+ | * We use the scroll functionality again, some array creation and | ||
+ | * manipulation, class adding and class removing, and conditional testing | ||
+ | */ | ||
+ | var aChildren = $("sidenav li").children(); // find the a children of the list items | ||
+ | var aArray = []; // create the empty aArray | ||
+ | for (var i=0; i < aChildren.length; i++) { | ||
+ | var aChild = aChildren[i]; | ||
+ | var ahref = $(aChild).attr('href'); | ||
+ | aArray.push(ahref); | ||
+ | } // this for loop fills the aArray with attribute href values | ||
+ | |||
+ | $(window).scroll(function(){ | ||
+ | var windowPos = $(window).scrollTop(); // get the offset of the window from the top of page | ||
+ | var windowHeight = $(window).height(); // get the height of the window | ||
+ | var docHeight = $(document).height(); | ||
+ | |||
+ | for (var i=0; i < aArray.length; i++) { | ||
+ | var theID = aArray[i]; | ||
+ | var divPos = $(theID).offset().top; // get the offset of the div from the top of page | ||
+ | var divHeight = $(theID).height(); // get the height of the div in question | ||
+ | if (windowPos >= divPos){ | ||
+ | if (windowPos < (divPos + divHeight)) { | ||
+ | $("a[href='" + theID + "']").addClass("sidenav-active"); | ||
+ | } | ||
+ | else { | ||
+ | $("a[href='" + theID + "']").removeClass("sidenav-active"); | ||
+ | } | ||
+ | } else { | ||
+ | $("a[href='" + theID + "']").removeClass("sidenav-active"); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | if(windowPos + windowHeight == docHeight) { | ||
+ | if (!$("sidenav li:last-child a").hasClass("sidenav-active")) { | ||
+ | var sidenavActiveCurrent = $(".sidenav-active").attr("href"); | ||
+ | $("a[href='" + sidenavActiveCurrent + "']").removeClass("sidenav-active"); | ||
+ | $("sidenav li:last-child a").addClass("sidenav-active"); | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $.timeliner({ | ||
+ | startOpen:['#02w1EX', '#02w2EX'] <!--Initial opened journal--> | ||
+ | }); | ||
+ | $.timeliner({ | ||
+ | timelineContainer: '#timelineContainer_2' | ||
+ | }); | ||
+ | // Colorbox Modal | ||
+ | $(".CBmodal").colorbox({inline:true, initialWidth:100, maxWidth:682, initialHeight:100, transition:"elastic",speed:750}); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $(".onoffswitch-checkbox").click(function() { | ||
+ | $(".overview >div img.top").toggleClass("transparent"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 08:20, 17 October 2014