Line 8: | Line 8: | ||
action=raw&ctype=text/javascript"></script> | action=raw&ctype=text/javascript"></script> | ||
<style>@import 'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister';</style> | <style>@import 'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister';</style> | ||
+ | <script type="text/javascipt"> | ||
+ | // START Breakpoint Stuff | ||
+ | |||
+ | (function($) { | ||
+ | |||
+ | skel.breakpoints({ | ||
+ | wide: '(max-width: 1680px)', | ||
+ | normal: '(max-width: 1280px)', | ||
+ | narrow: '(max-width: 980px)', | ||
+ | narrower: '(max-width: 840px)', | ||
+ | mobile: '(max-width: 736px)', | ||
+ | mobilep: '(max-width: 480px)' | ||
+ | }); | ||
+ | |||
+ | $(function() { | ||
+ | |||
+ | var $window = $(window), | ||
+ | $body = $('body'); | ||
+ | |||
+ | // Disable animations/transitions until the page has loaded. | ||
+ | $body.addClass('is-loading'); | ||
+ | |||
+ | $window.on('load', function() { | ||
+ | $body.removeClass('is-loading'); | ||
+ | }); | ||
+ | |||
+ | // Fix: Placeholder polyfill. | ||
+ | $('form').placeholder(); | ||
+ | |||
+ | // Prioritize "important" elements on narrower. | ||
+ | skel.on('+narrower -narrower', function() { | ||
+ | $.prioritize( | ||
+ | '.important\\28 narrower\\29', | ||
+ | skel.breakpoint('narrower').active | ||
+ | ); | ||
+ | }); | ||
+ | |||
+ | // Dropdowns. | ||
+ | $('#nav > ul').dropotron({ | ||
+ | offsetY: -15, | ||
+ | hoverDelay: 0, | ||
+ | alignment: 'center' | ||
+ | }); | ||
+ | |||
+ | // Off-Canvas Navigation. | ||
+ | |||
+ | // Title Bar. | ||
+ | $( | ||
+ | '<div id="titleBar">' + | ||
+ | '<a href="#navPanel" class="toggle"></a>' + | ||
+ | '<span class="title">' + $('#logo').html() + '</span>' + | ||
+ | '</div>' | ||
+ | ) | ||
+ | .appendTo($body); | ||
+ | |||
+ | // Navigation Panel. | ||
+ | $( | ||
+ | '<div id="navPanel">' + | ||
+ | '<nav>' + | ||
+ | $('#nav').navList() + | ||
+ | '</nav>' + | ||
+ | '</div>' | ||
+ | ) | ||
+ | .appendTo($body) | ||
+ | .panel({ | ||
+ | delay: 500, | ||
+ | hideOnClick: true, | ||
+ | hideOnSwipe: true, | ||
+ | resetScroll: true, | ||
+ | resetForms: true, | ||
+ | side: 'left', | ||
+ | target: $body, | ||
+ | visibleClass: 'navPanel-visible' | ||
+ | }); | ||
+ | |||
+ | // Fix: Remove navPanel transitions on WP<10 (poor/buggy performance). | ||
+ | if (skel.vars.os == 'wp' && skel.vars.osVersion < 10) | ||
+ | $('#titleBar, #navPanel, #page-wrapper') | ||
+ | .css('transition', 'none'); | ||
+ | |||
+ | }); | ||
+ | |||
+ | })(jQuery); | ||
+ | |||
+ | // END Breakpoint stuff | ||
+ | // START Other stuff | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | // $("#header").load("header.html"); | ||
+ | // $("#footer").load("footer.html"); | ||
+ | $(window).scroll(function(event){ | ||
+ | var scrollY = $(window).scrollTop(); | ||
+ | var navbar = $(".navbar"); | ||
+ | var computer = $(".computer") | ||
+ | var tablet = $(".tablet") | ||
+ | var topButton = $('button.back_top'); | ||
+ | var highlights = $(".rechts"); | ||
+ | |||
+ | if(scrollY > $("#title").height()){ | ||
+ | navbar.css({"top":"17px", "position":"fixed"}); | ||
+ | }else{ | ||
+ | navbar.css({"top":"0", "position":"static"}); | ||
+ | } | ||
+ | |||
+ | // if(scrollY > 1300){ | ||
+ | // highlights.css({"top": "10vh","position": "fixed","right":"0"}); | ||
+ | // }else{ | ||
+ | // highlights.css({"top": "0","position": "static"}); | ||
+ | //} | ||
+ | |||
+ | |||
+ | /*$("#lab1b").click(function(){ | ||
+ | $("#lab1c").toggle(); | ||
+ | });*/ | ||
+ | |||
+ | }); | ||
+ | $('#groupparts').load('cgi/api/groupparts.cgi',{ | ||
+ | t:'iGEM016',g:'TU_Darmstadt'},function(){ | ||
+ | $('#groupparts').tablesorter();}); | ||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | $(document).ready(function(){ | ||
+ | |||
+ | if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ | ||
+ | $(".tablet").show(); | ||
+ | $("#tabletbutton").click(function(){ | ||
+ | $("#tabletmenu").toggle(); | ||
+ | }); | ||
+ | } | ||
+ | else{ | ||
+ | $(".computer").show(); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | |||
+ | if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ | ||
+ | $("#logoleiste").css({"width":"70vw"}); | ||
+ | } | ||
+ | else{ | ||
+ | $("#logoleiste").css({"width":"50vw"}); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | // END Other stuff | ||
+ | </script> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 13:23, 12 October 2016