Template:Team:Groningen/Header

From 2010.igem.org

(Difference between revisions)
 
(111 intermediate revisions not shown)
Line 1: Line 1:
-
<html><link rel="stylesheet" type="text/css" href="http://casualconnect.net/iGEM/overall.css">
+
<html>
-
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.easing.min.js">
+
<!-- All scripting and markup for the wiki by iGEM Groningen is under MIT licence:  
-
</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">
+
-
function ucfirst(str) {
+
Copyright (c) 2010 Joël Kuiper and iGEM Groningen
-
    var firstLetter = str.substr(0, 1);
+
-
    return firstLetter.toUpperCase() + str.substr(1);
+
-
}
+
 +
Permission is hereby granted, free of charge, to any person obtaining a copy
 +
of this software and associated documentation files (the "Software"), to deal
 +
in the Software without restriction, including without limitation the rights
 +
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 +
copies of the Software, and to permit persons to whom the Software is
 +
furnished to do so, subject to the following conditions:
-
$(function () {
+
The above copyright notice and this permission notice shall be included in
-
    var pages = ["home", "project", "ethics", "modeling", "team", "contact"];
+
all copies or substantial portions of the Software.
-
    $(".current").removeClass("current");
+
-
    $('.lavaLampBottomStyle [rel=' + $.address.value().substr(1) + ']').parent().addClass("current");
+
-
    $("#tabs").lavaLamp({
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-
        fx: "backout",
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-
        speed: 700,
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-
        click: function (event, obj) {
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-
            $.address.value($(obj).find('a').attr('rel'));
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-
            if ($("#home").length !== 0) {
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-
                return false;
+
THE SOFTWARE.
-
            } else {
+
-
                return true;
+
-->
-
            }
+
-
        }
+
-
    });
+
 +
<link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Groningen/files/overall.css?action=raw&amp;ctype=text/css">
-
    $.address.change(function (event) {
+
<link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Groningen/files/slider.css?action=raw&amp;ctype=text/css">
-
        var margin = $(".slide_content").width();
+
-
        var page = event.path.substring(1);
+
<script type="text/javascript" src="https://2010.igem.org/Team:Groningen/files/address.js?action=raw&amp;ctype=text/javascript&crawling=1"></script>
 +
<script type="text/javascript" src="https://2010.igem.org/Team:Groningen/files/tweet.js?action=raw&amp;ctype=text/javascript"></script>
-
        v = $('.lavaLampBottomStyle [rel=' + page + ']').parent();
+
<script type="text/javascript">
 +
function ucfirst(str) {
 +
var firstLetter = str.substr(0, 1);
 +
return firstLetter.toUpperCase() + str.substr(1);
 +
}
-
        if ($.inArray(page, pages) !== -1) {
+
$(document).ready(function() {
-
            $(".lavaLampBottomStyle").trigger("move", v);
+
$("#contentWrapper").css('height', $("#otherContent").outerHeight() + "px");
-
            margin = margin * ($.inArray(page, pages));
+
$("ul#topnav li").hover(function() {
-
            margin = margin * -1;
+
$(this).css({ 'background' : '#1376c9 url(https://static.igem.org/mediawiki/2010/2/29/Groningen_topnav_active.gif) repeat-x'});
-
            $(".tabslider").stop().animate({
+
$(this).find("span").show();
-
                marginLeft: margin + "px"
+
} , function() {  
-
            }, {
+
$(this).css({ 'background' : 'none'}); //on hover out...
-
                duration: 300
+
$(this).find("span").hide();
-
            });
+
});
-
        } else {
 
-
            alert("FIRE");
 
-
            $("#ajaxWrapper").html("");
 
-
            $("#ajaxWrapper").load("https://2010.igem.org/Team:Groningen/" + ucfirst(page) + "?action=render");
 
-
            margin = margin * (pages.length + 1);
 
-
            margin = margin * -1;
 
-
alert(margin);
 
-
            $(".tabslider").css("margin-left:" + margin + "px");
 
-
        }
 
-
    });
 
});
});
 +
$.address.change(function (event) {
 +
 +
var page = event.path.substring(1);
 +
if(page == "") { page = 'home'; }
 +
 +
$(".ajaxWrapper").html("");
 +
var url = wgServer + "/Team:Groningen/" + ucfirst(page) + "?action=render";
 +
$.get(url, function(data) {
 +
$(".ajaxWrapper").html(data);
 +
$("#contentWrapper").css('height', $("#otherContent").outerHeight() + "px");
 +
});
 +
});
</script>
</script>
 +
<div id="overallMask">
<div id="overallMask">
<div id="headerWrapper">
<div id="headerWrapper">
-
<img src="https://static.igem.org/mediawiki/2010/f/f6/LogoGroningen.png" alt="iGEM Groningen '10">
+
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/f/f6/LogoGroningen.png" alt="iGEM Groningen 2010" title="Back to iGEM Main Page"></a>
<p style="float: right; margin-right: 30px">
<p style="float: right; margin-right: 30px">
-
We believe in a better world<br>
+
Hydrophobofilm<br>
-
<span style="margin-left: 2em">through synthetic biology</span>
+
<span style="margin-left: 2em">pushing coatings into a greener future</span>
</p>
</p>
</div>
</div>
<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="https://2010.igem.org/Team:Groningen#/project">Overview</a> |
-
<li>
+
                <a href="https://2010.igem.org/Team:Groningen#/biofilm">Biofilm</a> |
-
<a href="https://2010.igem.org/Team:Groningen#/ethics" rel="ethics">Ethics</a>
+
                <a href="https://2010.igem.org/Team:Groningen#/hydrophobins">Chaplins</a> |
-
</li>
+
                <a href="https://2010.igem.org/Team:Groningen#/expression">Expression</a> |
-
<li>
+
                <a href="https://2010.igem.org/Team:Groningen#/applications">Applications</a> |
-
<a href="https://2010.igem.org/Team:Groningen#/modeling" rel="modeling">Modeling</a>
+
                <a href="https://2010.igem.org/Team:Groningen#/biobricks">Biobricks</a>
-
</li>
+
            </span>
-
<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#/modeling">Modeling</a>
-
<li>
+
            <span>
-
<a href="https://2010.igem.org/Team:Groningen#/contact" rel="contact">Contact</a>
+
                <a href="https://2010.igem.org/Team:Groningen#/modeling">Overview</a> |
-
</li>
+
                <a href="https://2010.igem.org/Team:Groningen#/biofilm_model">Biofilm dynamics</a> |
-
</ul>
+
                <a href="https://2010.igem.org/Team:Groningen#/expression_model">Expression</a> |
-
</div>
+
                <a href="https://2010.igem.org/Team:Groningen#/killswitch_model">Kill Switch</a> |
-
<div id="sponsorWrapper">
+
                <a href="https://2010.igem.org/Team:Groningen#/info_standard">Information standard</a>
-
</html>{{Team:Groningen/sponsors}}<html>
+
            </span>
-
</div>
+
        </li>
 +
        <li>
 +
            <a href="https://2010.igem.org/Team:Groningen#/human">Human Practices</a>
 +
            <span>
 +
                <a href="https://2010.igem.org/Team:Groningen#/human">Overview</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/practices">Education</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/safety">Safety</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/survey">Survey</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/ethics">Ethics</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/for_the_parents"> For Parents </a>
 +
            </span>
 +
 
 +
        </li>
 +
        <li><a href="https://2010.igem.org/Team:Groningen#/organization">Organization</a>
 +
            <span>
 +
                <a href="https://2010.igem.org/Team:Groningen#/organization">Overview</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/brainstorm">Brainstorm</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/flowchart">Flow Chart</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/protocols">Protocols</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/notebook">Notebook</a>
 +
            </span> 
 +
        </li>
 +
        <li><a href="https://2010.igem.org/Team:Groningen#/team">Team</a>
 +
            <span>
 +
                <a href="https://2010.igem.org/Team:Groningen#/team">Overview</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/members">Members</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/collaboration">Collaboration</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/images">Image of Science</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/contact">Contact</a>
 +
            </span>
 +
        </li>
 +
        <li><a href="https://2010.igem.org/Team:Groningen#/judging">Judging</a>
 +
        </li>
 +
 
 +
    </ul>
 +
</div>
<div id="otherContent">
<div id="otherContent">

Latest revision as of 22:54, 27 October 2010