|
|
| (36 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" 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> |
| − | <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> |
| | + | <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> |
