|
|
| 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> |
| | | | |
"
