Team:KU Leuven/Template:Menu

From 2013.igem.org

(Difference between revisions)
 
(96 intermediate revisions not shown)
Line 1: Line 1:
<html>  
<html>  
-
<head>
+
<script>
-
     <meta charset="utf-8">
+
$('p').each(function() {
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
     var $this = $(this);
-
    <title>iGem</title>
+
    if($this.html().replace(/\s|&nbsp;/g, '').length == 0){
 +
        $this.remove();
 +
console.log('test');
 +
}
 +
});
 +
</script>
 +
<body>
 +
<div class="container"><div id="topbar"><div id="links">
 +
<a href="http://twitter.com/KULeuven_iGEM" title="twitter" target="_blank">
 +
  <img src="https://static.igem.org/mediawiki/2013/e/e6/Twitterbird.png" alt="twitter"/></a>
 +
<a href="http://www.facebook.com/pages/KU-Leuven-iGEM/226385510728487?fref=ts" title="facebook" target="_blank">
 +
  <img src="https://static.igem.org/mediawiki/2013/6/61/Facebooklogowhite.png" alt="facebook"/></a>
 +
<a class="secret" href="#" title="#">
 +
  <img src="https://static.igem.org/mediawiki/2013/0/04/Ladybugwhite.png" alt="secret"/></a>
 +
</div>
 +
<div id="secret">
 +
<div class="row-fluid">
 +
<div class="span12">
 +
  <div class="row-fluid">
 +
  <div class="span9">
 +
<h3>Secret garden</h3>
 +
<p style="color:white">Congratulations! You've found our secret garden! Follow the instructions below and win a great prize at the World jamboree!</p><br/><ul style="color:white">
 +
<li>A video shows that two of our team members are having great fun at our favourite company. Do you know the name of the <b>second member</b> that appears in the video?</li>
 +
<li>For one of our models we had to do very extensive computations. To prevent our own computers from overheating and to keep the temperature in our iGEM room at a normal level, we used a supercomputer. Which <b>centre</b> maintains this supercomputer? (Dutch abbreviation)</li>
 +
<li>We organised a symposium with a debate, some seminars and 2 iGEM project presentations. An iGEM team came all the way from the Netherlands to present their project. What is the name of their <b>city</b>? </li>
 +
</ul>
-
    <link href="http://www.designingtest.org/iGem/bootstrap.min.css" rel="stylesheet">
+
<br/><p style="color:white">Now put all of these in this URL:https://2013.igem.org/Team:KU_Leuven/(firstname)(abbreviation)(city), (loose the brackets and put everything in lowercase) and follow the very last instruction to get your special jamboree prize!</p>
-
     <link href="http://www.designingtest.org/iGem/bootstrap-responsive.min.css" rel="stylesheet">
+
  </div>
-
     <link href="http://www.designingtest.org/iGem/style.css" rel="stylesheet">
+
  <div class="span3">
-
<link href="http://www.designingtest.org/iGem/bjqs.css"rel="Stylesheet"/>
+
     <img src="https://static.igem.org/mediawiki/2013/a/ac/Tree.png" alt="tree"/>
-
   
+
     <img src="https://static.igem.org/mediawiki/2013/6/64/Ladybugcartoon.png" alt="ladybugcartoon"/>
-
    <!--[if lt IE 9]>
+
  </div>
-
<script src="http://css3-mediaqueries-js.googlecode.com/files/css3-mediaqueries.js"></script>
+
  </div>
-
<![endif]-->
+
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="container">
 +
<div class="container">
 +
  <div class="row-fluid">
 +
  <div id="logo">
 +
  <a href="https://2013.igem.org/Team:KU_Leuven">
 +
  <img src="https://static.igem.org/mediawiki/2013/0/0c/IGEMLOGO_FINAL_%28200_x_100%29.png" alt="Logo" />
 +
  </a></div>
 +
  <div id="menu">
 +
  <a class="toggleMenu" href="#">Menu</a>
 +
  <ul class="nav">
 +
  <li class="test">
 +
    <a href="https://2013.igem.org/Team:KU_Leuven/Project/DataPage">Data Page</a>
 +
  </li>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+
  <li>
-
<script src="http://www.designingtest.org/iGem/raphael-min.js"></script>
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Project">Project</a>
-
<script src="http://www.designingtest.org/iGem/livicons-1.2.min.js"></script>
+
    <ul class="sub">
-
<script src="http://www.designingtest.org/iGem/bjqs.min.js"></script>
+
    <li>
-
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Project/Aphid_Background">Aphid Background</a>
-
<!--[if lt IE 8]>
+
    </li><li>
-
<script src="http://www.designingtest.org/iGem/json2.min.js"></script>
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Project/HoneydewSystem">Honeydew system</a>
-
<![endif]-->
+
    </li><li>
-
 
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Project/StickerSystem">Sticker system</a>
-
  <script>
+
    </li><li>
-
var ww = document.body.clientWidth;
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Project/E.coligy"><i>E. coligy</i></a>
-
+
    </li><li>
-
$(document).ready(function() {
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Parts">Parts</a>
-
$('#banner-fade').bjqs({
+
    </li>
-
        'height' : 200,
+
    </ul>
-
        'width' : 340,
+
  </li>
-
        'responsive' : true,
+
-
        'showcontrols' : false,
+
-
        'showmarkers' : false,
+
-
        'usecaptions' : false,
+
-
        'animspeed' : 6000
+
-
    });
+
-
+
  <li>
-
$(".nav li a").each(function() {
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Project/modelling">Modelling</a>
-
if ($(this).next().length > 0) {
+
    <ul class="sub">
-
$(this).addClass("parent");
+
    <li>
-
};
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Project/Modelling/Cellular_Level">Cellular level</a>
-
})
+
    </li><li>
-
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Project/Modelling/Colony_Level">Colony level</a>
-
$(".toggleMenu").click(function(e) {
+
    </li><li>
-
e.preventDefault();
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Project/Modelling/Ecosystem_Level">Ecosystem level</a>
-
$(this).toggleClass("active");
+
    </li>
-
$(".nav").toggle();
+
    </ul>
-
});
+
  </li>
-
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">
+
  <li>
-
  WebFontConfig = {
+
     <a href="https://2013.igem.org/Team:KU_Leuven/Team">Team</a>
-
    google: { families: [ 'PT+Sans::latin' ] }
+
    <ul class="sub">
-
  };
+
    <li>
-
  (function() {
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Team/Students">Students & Advisors</a>
-
    var wf = document.createElement('script');
+
    </li><li>
-
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Team/Attributions">Attributions</a>
-
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
+
    </li><li>
-
    wf.type = 'text/javascript';
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Team/Collaborations">Collaborations</a>
-
    wf.async = 'true';
+
    </li><li>
-
    var s = document.getElementsByTagName('script')[0];
+
    <a href="https://2013.igem.org/Team:KU_Leuven/Sponsors">Sponsors</a>
-
    s.parentNode.insertBefore(wf, s);
+
    </li><li>
-
  })();
+
    <a href="https://igem.org/Team.cgi?year=2013">Official Team Profile</a>
-
</script>
+
    </li>
-
+
    </ul>
-
  </head>
+
  </li>
 +
 
 +
 
 +
  <li>
 +
    <a href="https://2013.igem.org/Team:KU_Leuven/Human_Practices">Human Practices</a>
 +
    <ul class="sub">
 +
    <li>
 +
    <a href="https://2013.igem.org/Team:KU_Leuven/Human_Practices/Top_Down">Top Down</a>
 +
    </li><li>
 +
    <a href="https://2013.igem.org/Team:KU_Leuven/Human_Practices/Bottom_Up_Philosopher">Bottom Up: Framework</a>
 +
    </li><li>
 +
    <a href="https://2013.igem.org/Team:KU_Leuven/Human_Practices/Bottom_Up_Public">Bottom Up: Public Outreach</a>
 +
    </li>
 +
    </ul>
 +
  </li>
 +
 
 +
  <li>
 +
    <a href="https://2013.igem.org/Team:KU_Leuven/Notebook">Notebook</a>
 +
    <ul class="sub">
 +
    <li>
 +
    <a href="https://2013.igem.org/Team:KU_Leuven/Journal">Journal</a>
 +
    </li><li>
 +
    <a href="https://2013.igem.org/Team:KU_Leuven/Protocols">Protocols</a>
 +
    </li><li>
 +
    <a href="https://2013.igem.org/Team:KU_Leuven/Safety">Safety</a>
 +
    </li>
 +
    </ul>
 +
  </li>
-
<body>
 
-
<div id="container">
 
-
  <div class="container">
 
-
  <div class="row-fluid">
 
-
    <div id="logo"><img src="https://static.igem.org/mediawiki/2013/3/3b/IGEMLOGO_FINAL.png" alt="Logo" width="200" /></div>
 
-
   
 
-
  <div id="menu">
 
-
    <a class="toggleMenu" href="#">Menu</a>
 
-
    <ul class="nav">
 
-
    <li class="test">
 
-
    <a href="#">Home</a>
 
-
    </li>
 
-
    <li>
 
-
    <a href="https://2013.igem.org/Team:KU_Leuven/Team">Team</a>
 
-
    <ul class="sub">
 
-
      <li>
 
-
      <a href="https://2013.igem.org/Team:KU_Leuven/Attributions">Attributions</a>
 
-
      </li>
 
-
      <li>
 
-
      <a href="https://igem.org/Team.cgi?year=2013">Official Team Profile</a>
 
-
      </li>
 
-
    </ul>
 
-
    </li>
 
-
    <li>
 
-
    <a href="https://2013.igem.org/Team:KU_Leuven/Project">Project</a>
 
-
    <ul class="sub">
 
-
      <li>
 
-
      <a href="#">Link1</a>
 
-
      </li>
 
-
      <li>
 
-
      <a href="#">Link2</a>
 
-
      </li>
 
-
    </ul>
 
-
    </li>
 
-
    <li>
 
-
    <a href="https://2013.igem.org/Team:KU_Leuven/Human_Practices">Human Practices</a>
 
-
    <ul class="sub">
 
-
      <li>
 
-
      <a href="#">Link1</a>
 
-
      </li>
 
-
      <li>
 
-
      <a href="#">Link2</a>
 
-
      </li>
 
-
    </ul>
 
-
    </li>
 
-
    <li>
 
-
    <a href="https://2013.igem.org/Team:KU_Leuven/Notebook">Notebook</a>
 
-
    <ul class="sub">
 
-
      <li>
 
-
      <a href="https://2013.igem.org/Team:KU_Leuven/Notebook">Journal</a>
 
-
      </li>
 
-
      <li>
 
-
      <a href="https://2013.igem.org/Team:KU_Leuven/Protocols">Protocols</a>
 
-
      </li>
 
-
      <li>
 
-
      <a "https://2013.igem.org/Team:KU_Leuven/Safety">Safety</a>
 
-
      </li>
 
-
    </ul>
 
-
    </li>
 
-
    <li>
 
-
    <a href="https://2013.igem.org/Team:KU_Leuven/Human_Outreach">Outreach</a>
 
-
    </li>
 
-
    <li>
 
-
    <a href="https://2013.igem.org/Team:KU_Leuven/Sponsors">Sponsors</a>
 
     </li>
     </li>
     <li>
     <li>
Line 173: Line 136:
   <div class="clear-both">&nbsp;</div>
   <div class="clear-both">&nbsp;</div>
  </div>
  </div>
 +
</div>
</div>
</div>
</div>
</div>

Latest revision as of 17:18, 28 October 2013

Secret garden

Congratulations! You've found our secret garden! Follow the instructions below and win a great prize at the World jamboree!


  • A video shows that two of our team members are having great fun at our favourite company. Do you know the name of the second member that appears in the video?
  • For one of our models we had to do very extensive computations. To prevent our own computers from overheating and to keep the temperature in our iGEM room at a normal level, we used a supercomputer. Which centre maintains this supercomputer? (Dutch abbreviation)
  • We organised a symposium with a debate, some seminars and 2 iGEM project presentations. An iGEM team came all the way from the Netherlands to present their project. What is the name of their city?

Now put all of these in this URL:https://2013.igem.org/Team:KU_Leuven/(firstname)(abbreviation)(city), (loose the brackets and put everything in lowercase) and follow the very last instruction to get your special jamboree prize!

tree ladybugcartoon