Team:KU Leuven/Template:Header

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<style>
+
<head>
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<title>iGem</title>
 +
 
 +
  <link href="http://www.designingtest.org/iGem/bootstrap.min.css" rel="stylesheet">
 +
  <link href="http://www.designingtest.org/iGem/bootstrap-responsive.min.css" rel="stylesheet">
 +
  <link href="http://www.designingtest.org/iGem/style.css" rel="stylesheet">
 +
  <link href="http://www.designingtest.org/iGem/timeline.css" rel="stylesheet">
 +
  <link href="http://www.designingtest.org/iGem/bjqs.css"rel="Stylesheet"/>
 +
   
 +
  <!--[if lt IE 9]>
 +
  <script src="http://css3-mediaqueries-js.googlecode.com/files/css3-mediaqueries.js"></script>
 +
  <![endif]-->
 +
 
 +
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 +
  <script src="http://www.designingtest.org/iGem/raphael-min.js"></script>
 +
  <script src="http://www.designingtest.org/iGem/livicons-1.2.min.js"></script>
 +
  <script src="http://www.designingtest.org/iGem/bjqs.min.js"></script>
 +
 +
  <!--[if lt IE 8]>
 +
  <script src="http://www.designingtest.org/iGem/json2.min.js"></script>
 +
  <![endif]-->
 +
 
 +
  <script>
 +
  var ww = document.body.clientWidth;
 +
 +
  $(document).ready(function() {
 +
  $('#banner-fade').bjqs({
 +
    'height' : 200,
 +
    'width' : 340,
 +
    'responsive' : true,
 +
    'showcontrols' : false,
 +
    'showmarkers' : false,
 +
    'usecaptions' : false,
 +
    'animspeed' : 6000
 +
  });
 +
 +
  $(".nav li a").each(function() {
 +
    if ($(this).next().length > 0) {
 +
    $(this).addClass("parent");
 +
};
 +
})
 +
 +
$(".toggleMenu").click(function(e) {
 +
e.preventDefault();
 +
$(this).toggleClass("active");
 +
$(".nav").toggle();
 +
});
 +
adjustMenu();
 +
})
 +
 +
$(window).bind('resize orientationchange', function() {
 +
ww = document.body.clientWidth;
 +
adjustMenu();
 +
});
 +
 +
var adjustMenu = function() {
 +
if (ww < 768) {
 +
$(".toggleMenu").css("display", "inline-block");
 +
if (!$(".toggleMenu").hasClass("active")) {
 +
$(".nav").hide();
 +
} else {
 +
$(".nav").show();
 +
}
 +
$(".nav li").unbind('mouseenter mouseleave');
 +
$(".nav li a.parent").unbind('click').bind('click', function(e) {
 +
// must be attached to anchor element to prevent bubbling
 +
e.preventDefault();
 +
$(this).parent("li").toggleClass("hover");
 +
});
 +
}
 +
else if (ww >= 768) {
 +
$(".toggleMenu").css("display", "none");
 +
$(".nav").show();
 +
$(".nav li").removeClass("hover");
 +
$(".nav li a").unbind('click');
 +
$(".nav li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function() {
 +
// must be attached to li so that mouseleave is not triggered when hover over submenu
 +
$(this).toggleClass('hover');
 +
});
 +
}
 +
}
 +
  </script>
 +
 
 +
    <script type="text/javascript">
 +
  WebFontConfig = {
 +
    google: { families: [ 'PT+Sans::latin' ] }
 +
  };
 +
  (function() {
 +
    var wf = document.createElement('script');
 +
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
 +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
 +
    wf.type = 'text/javascript';
 +
    wf.async = 'true';
 +
    var s = document.getElementsByTagName('script')[0];
 +
    s.parentNode.insertBefore(wf, s);
 +
  })();
 +
</script>
 +
 
 +
<style>
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{
display:none;
display:none;
Line 193: Line 293:
}
}
</style>
</style>
-
</html>
+
</head>
 +
<body>

Revision as of 08:49, 3 September 2013

iGem

Retrieved from "http://2013.igem.org/Team:KU_Leuven/Template:Header"