Template:Team:Groningen/Header

From 2010.igem.org

(Difference between revisions)
Line 24: Line 24:
-->
-->
-
<link rel="stylesheet" type="text/css" href="http://casualconnect.net/iGEM/overall.css">
+
<link rel="stylesheet" type="text/css" href="http://casualconnect.net/iGEM/overallSandbox.css">
-
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.easing.min.js">
+
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.address-1.2.1.min.js"></script>
-
</script><script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.address-1.2.1.min.js">
+
-
</script><script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.lavalamp.min.js"></script>
+
<script type="text/javascript">
<script type="text/javascript">
 +
 +
 +
var pages = ["home", "project", "images", "modeling", "team", "contact"];
 +
function ucfirst(str) {
function ucfirst(str) {
Line 34: Line 36:
     return firstLetter.toUpperCase() + str.substr(1);
     return firstLetter.toUpperCase() + str.substr(1);
}
}
-
var pages = ["home", "project", "images", "modeling", "team", "contact"];
 
-
 
-
$(function () {
 
-
    $(".current").removeClass("current");
+
$(document).ready(function() {
-
    $('.lavaLampBottomStyle [rel=' + $.address.value().substr(1) + ']').parent().addClass("current");
+
$("ul#topnav li").hover(function() {
-
 
+
$(this).css({ 'background' : '#1376c9 url(http://casualconnect.net/iGEM/topnav_active.gif) repeat-x'});  
-
    $("#tabs").lavaLamp({
+
$(this).find("span").show();
-
        fx: "backout",
+
} , function() { //on hover out...
-
        speed: 700,
+
$(this).css({ 'background' : 'none'});  
-
        click: function (event, obj) {
+
$(this).find("span").hide();  
-
            $.address.value($(obj).find('a').attr('rel'));
+
});
-
            if ($("#home").length !== 0) {
+
-
                return false;
+
-
            } else {
+
-
                return true;
+
-
            }
+
-
        }
+
-
    });
+
});
});
Line 60: Line 53:
         var page = event.path.substring(1);
         var page = event.path.substring(1);
         if(page == "") { page = 'home'; }  
         if(page == "") { page = 'home'; }  
-
 
-
        v = $('.lavaLampBottomStyle [rel=' + page + ']').parent();
 
         if ($.inArray(page, pages) !== -1) {
         if ($.inArray(page, pages) !== -1) {
-
            $(".back").show();
 
-
            $(".lavaLampBottomStyle").trigger("move", v);
 
             margin = (margin * ($.inArray(page, pages))) * -1;
             margin = (margin * ($.inArray(page, pages))) * -1;
             $(".tabslider").stop().animate({
             $(".tabslider").stop().animate({
Line 74: Line 63:
         } else {
         } else {
             $(".ajaxWrapper").html("");
             $(".ajaxWrapper").html("");
-
            $(".back").hide();
 
             var url = wgServer + "/Team:Groningen/" + ucfirst(page) + "?action=render";
             var url = wgServer + "/Team:Groningen/" + ucfirst(page) + "?action=render";
             $.get(url, function(data) {
             $.get(url, function(data) {
Line 83: Line 71:
         }
         }
     });
     });
-
 
-
 
-
 
</script>
</script>
<div id="overallMask">
<div id="overallMask">
Line 97: Line 82:
<div id="contentWrapper">
<div id="contentWrapper">
<div class='tabbed_content'>
<div class='tabbed_content'>
-
<div class='tabs'>
+
<div id="tab_nav">
-
<ul class="lavaLampBottomStyle" id="tabs">
+
    <ul id="topnav">
-
<li>
+
        <li><a href="https://2010.igem.org/Team:Groningen#/home">Home</a></li>
-
<a href="https://2010.igem.org/Team:Groningen#/home" rel="home">Home</a>
+
        <li>
-
</li>
+
 
-
<li>
+
            <a href="https://2010.igem.org/Team:Groningen#/project">Project</a>
-
<a href="https://2010.igem.org/Team:Groningen#/project" rel="project">Project</a>
+
            <span>
-
</li>
+
                <a href="#">Biofilm</a> |
-
<li>
+
                <a href="#">Hydrophobins</a> |
-
<a href="https://2010.igem.org/Team:Groningen#/images" rel="images">Images</a>
+
                <a href="#">Applications</a> |
-
</li>
+
                <a href="#">Lab book</a> |
-
<li>
+
                <a href="#">Biobricks</a>
-
<a href="https://2010.igem.org/Team:Groningen#/modeling" rel="modeling">Modelling</a>
+
            </span>
-
</li>
+
        </li>
-
<li>
+
 
-
<a href="https://2010.igem.org/Team:Groningen#/team" rel="team">Team</a>
+
        <li>
-
</li>
+
            <a href="https://2010.igem.org/Team:Groningen#/human">Human</a>
-
<li>
+
            <span>
-
<a href="https://2010.igem.org/Team:Groningen#/contact"  rel="contact">Contact</a>
+
                <a href="#">Image of Science</a> |
-
</li>
+
                <a href="#">Human practices</a> |
-
</ul>
+
                <a href="#">Ethics &amp; Safety</a>
-
</div>
+
            </span>
 +
 
 +
        </li>
 +
        <li>
 +
            <a href="https://2010.igem.org/Team:Groningen#/modeling">Modelling</a>
 +
            <span>
 +
                <a href="#">Biofilm dynamics</a> |
 +
                <a href="#">Expressions</a> |
 +
                <a href="#">Kill Switch</a>
 +
            </span>
 +
        </li>
 +
        <li><a href="https://2010.igem.org/Team:Groningen#/team">Team</a></li>
 +
        <li><a href="https://2010.igem.org/Team:Groningen#/contact">Contact</a></li>
 +
    </ul>
 +
</div>
 +
 
<div id="sponsorWrapper">
<div id="sponsorWrapper">
</html>{{Team:Groningen/sponsors}}<html>
</html>{{Team:Groningen/sponsors}}<html>
</div>
</div>
<div id="otherContent">
<div id="otherContent">

Revision as of 11:04, 20 August 2010