|
|
Line 17: |
Line 17: |
| <html lang="en"> | | <html lang="en"> |
| | | |
| + | <head> |
| + | <link href="css/bootstrap.min.css" rel="stylesheet"> |
| + | </head> |
| | | |
| <body> | | <body> |
Line 76: |
Line 79: |
| document.title = 'Team Virtus-Parva | Home | @igem.org'; | | document.title = 'Team Virtus-Parva | Home | @igem.org'; |
| }); | | }); |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | $(document).ready(function () {
| |
- | // cache the window object
| |
- | $window = $(window);
| |
- |
| |
- | $('section[data-type="background"]').each(function () {
| |
- | // declare the variable to affect the defined data-type
| |
- | var $scroll = $(this);
| |
- |
| |
- | $(window).scroll(function () {
| |
- | // HTML5 proves useful for helping with creating JS functions!
| |
- | // also, negative value because we're scrolling upwards
| |
- | var yPos = -($window.scrollTop() / $scroll.data('speed'));
| |
- |
| |
- | // background position
| |
- | var coords = '80% ' + yPos + 'px';
| |
- |
| |
- | // move the background
| |
- | $scroll.css({ backgroundPosition: coords });
| |
- | }); // end window scroll
| |
- | }); // end section function
| |
- |
| |
- | $("#section-B").hide();
| |
- | $("#section-C").hide();
| |
- | $("#C-up").hide();
| |
- | $("#B-up").hide();
| |
- |
| |
- | $("#show-B").click(function () {
| |
- | $("#section-B").slideToggle();
| |
- | $("#B-up").toggle();
| |
- | $("#B-down").toggle();
| |
- | });
| |
- |
| |
- | $("#show-C").click(function () {
| |
- | $("#section-C").slideToggle();
| |
- | $("#C-up").toggle();
| |
- | $("#C-down").toggle();
| |
- | });
| |
- |
| |
- | }); // close out script
| |
- |
| |
- |
| |
- |
| |
- | $(window).scroll(function () {
| |
- |
| |
- | if ($(this).scrollTop() >= 240) {
| |
- | $(".main-menue").css("background-color", "rgb(255, 255, 255)");
| |
- | }
| |
- |
| |
- | if ($(this).scrollTop() < 240) { // this refers to window
| |
- | $(".main-menue").css("background-color", "transparent");
| |
- | }
| |
- |
| |
- | });
| |
- |
| |
- | var windowSize = $(window).height();
| |
- | $(".site-wrapper").css("height", windowSize);
| |
- |
| |
- |
| |
- | // Change iGEM.ORG Wiki Style
| |
- | $("#top-section").addClass("navbar-fixed-top hidden-xs hidden-sm hidden-md");
| |
- | $("#top-section").css("background-color", "white");
| |
- | $(".left-menu").css("float", "left");
| |
- | $(".right-menu").css("float", "right");
| |
- |
| |
- | $(".left-menu ul li").each(function () {
| |
- | $(this).css("margin-right", "10px");
| |
- | });
| |
- |
| |
- | $(".right-menu ul li").each(function () {
| |
- | $(this).css("margin-left", "10px");
| |
- | });
| |
- |
| |
- | $(".right-menu ul li:last-child").css("margin-right", "10px");
| |
- |
| |
- | $("html").css("margin-top", "-10px");
| |
- |
| |
- |
| |
| </script> | | </script> |
| | | |