|
|
| Line 27: |
Line 27: |
| | | | |
| | // END ScrollBox | | // END ScrollBox |
| − | // 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
| |
