|
|
(34 intermediate revisions by the same user not shown) |
Line 2: |
Line 2: |
| <head> | | <head> |
| <meta charset="utf-8"/> | | <meta charset="utf-8"/> |
− | <meta name="viewport" content="width=device-width, initial-scale=1"> | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <link rel="stylesheet" type="text/css" | | <link rel="stylesheet" type="text/css" |
| href="https://2016.igem.org/Template:Team:TU_Darmstadt/Css?action=raw&ctype=text/css" /> | | href="https://2016.igem.org/Template:Team:TU_Darmstadt/Css?action=raw&ctype=text/css" /> |
− |
| |
− | <script type="text/javascript">
| |
− | (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')
| |
− | if(&& skel.vars.osVersion < 10)
| |
− | $('#titleBar, #navPanel, #page-wrapper').css('transition', 'none');
| |
− |
| |
− | });
| |
− |
| |
− | })(jQuery);
| |
− | </script>
| |
− | <script type="text/javascript">
| |
− | $(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"});
| |
− | }
| |
− | });
| |
− | </script>
| |
− |
| |
− |
| |
− | <!-- START Scrollbox -->
| |
| <script type="text/javascript" src="https://2016.igem.org/Template:Team:TU_Darmstadt/Js? | | <script type="text/javascript" src="https://2016.igem.org/Template:Team:TU_Darmstadt/Js? |
| action=raw&ctype=text/javascript"></script> | | action=raw&ctype=text/javascript"></script> |
− | <!-- END Scrollbox -->
| |
− | <style>@import 'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister';</style>
| |
| </head> | | </head> |
| + | <noscript> |
| + | <style type="text/css"> |
| + | .js-message { |
| + | position: fixed; |
| + | top: 30px; |
| + | right: 30px; |
| + | background: white; |
| + | line-height: 12px; |
| + | font-size: 10px; |
| + | width: 280px; |
| + | z-index: 999; |
| + | color: red; |
| + | } |
| + | </style> |
| + | <div class="js-message abstract"> |
| + | If you can see this message, you do not use Javascript. This Website is best to use with Javascript enabled. Without Javascript enabled, many features including the mobile version are not usable. |
| + | </div> |
| + | </noscript> |
| </html> | | </html> |