Difference between revisions of "Template:Team:TU Darmstadt/Viki"

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