Template:Team:Groningen/sandboxHeader

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html><link rel="stylesheet" type="text/css" href="http://casualconnect.net/iGEM/overall.css">
+
<html>
 +
<!-- All scripting and markup for the wiki by iGEM Groningen is under MIT licence:
 +
 
 +
Copyright (c) 2010 Joël Kuiper and iGEM Groningen
 +
 
 +
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:
 +
 
 +
The above copyright notice and this permission notice shall be included in
 +
all copies or substantial portions of the Software.
 +
 
 +
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 +
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 +
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 +
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 +
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 +
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 +
THE SOFTWARE.
 +
 
 +
-->
 +
 
 +
<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.easing.min.js">
-
</script><script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.lavalamp.min.js">
+
</script><script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.address-1.2.1.min.js">
-
</script><script type="text/javascript">
+
</script><script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.lavalamp.min.js"></script>
-
$(function() {
+
<script type="text/javascript">
-
$("#tabs").lavaLamp({
+
-
fx: "backout",
+
-
speed: 700,
+
-
click: function(event, obj) {
+
-
var margin = $(".slide_content").width();
+
-
margin = margin * ($(obj).prevAll().size());
+
-
margin = margin * -1;
+
-
$(".tabslider").stop().animate({
+
-
  marginLeft: margin + "px"
+
-
}, {
+
-
duration: 300
+
-
});
+
-
return false;
+
function ucfirst(str) {
-
}
+
    var firstLetter = str.substr(0, 1);
-
});
+
    return firstLetter.toUpperCase() + str.substr(1);
 +
}
 +
var pages = ["home", "project", "images", "modeling", "team", "contact"];
 +
 
 +
$(function () {
 +
 
 +
    $(".current").removeClass("current");
 +
    $('.lavaLampBottomStyle [rel=' + $.address.value().substr(1) + ']').parent().addClass("current");
 +
 
 +
    $("#tabs").lavaLamp({
 +
        fx: "backout",
 +
        speed: 700,
 +
        click: function (event, obj) {
 +
            $.address.value($(obj).find('a').attr('rel'));
 +
            if ($("#home").length !== 0) {
 +
                return false;
 +
            } else {
 +
                return true;
 +
            }
 +
        }
 +
    });
});
});
 +
 +
    $.address.change(function (event) {
 +
        var margin = $(".slide_content").width();
 +
 +
        var page = event.path.substring(1);
 +
        if(page == "") { page = 'home'; }
 +
 +
        v = $('.lavaLampBottomStyle [rel=' + page + ']').parent();
 +
 +
        if ($.inArray(page, pages) !== -1) {
 +
            $(".back").show();
 +
            $(".lavaLampBottomStyle").trigger("move", v);
 +
            margin = (margin * ($.inArray(page, pages))) * -1;
 +
            $(".tabslider").stop().animate({
 +
                marginLeft: margin + "px"
 +
            },  300
 +
            );
 +
 +
        } else {
 +
            $(".ajaxWrapper").html("");
 +
            $(".back").hide();
 +
            var url = wgServer + "/Team:Groningen/" + ucfirst(page) + "?action=render";
 +
            $.get(url, function(data) {
 +
            $(".ajaxWrapper").html(data);
 +
            margin = (margin * (pages.length)) * -1;
 +
            $(".tabslider").css("margin-left", margin + "px");
 +
            });
 +
        }
 +
    });
 +
 +
 +
</script>
</script>
-
</html>
+
<div id="overallMask">
 +
<div id="headerWrapper">
 +
<img src="https://static.igem.org/mediawiki/2010/f/f6/LogoGroningen.png" alt="iGEM Groningen '10">
 +
<p style="float: right; margin-right: 30px">
 +
We believe in a better world<br>
 +
<span style="margin-left: 2em">through synthetic biology</span>
 +
</p>
 +
</div>
 +
<div id="contentWrapper">
 +
<div class='tabbed_content'>
 +
<div class='tabs'>
 +
<ul class="lavaLampBottomStyle" id="tabs">
 +
<li>
 +
<a href="https://2010.igem.org/Team:Groningen#/home" rel="home">Home</a>
 +
</li>
 +
<li>
 +
<a href="https://2010.igem.org/Team:Groningen#/project" rel="project">Project</a>
 +
</li>
 +
<li>
 +
<a href="https://2010.igem.org/Team:Groningen#/images" rel="images">Images</a>
 +
</li>
 +
<li>
 +
<a href="https://2010.igem.org/Team:Groningen#/modeling" rel="modeling">Modelling</a>
 +
</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#/contact"  rel="contact">Contact</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<div id="sponsorWrapper">
 +
</html>{{Team:Groningen/sponsors}}<html>
 +
</div>
 +
<div id="otherContent">

Revision as of 13:58, 18 August 2010