Template:Team:Groningen/Header

From 2010.igem.org

(Difference between revisions)
 
(56 intermediate revisions not shown)
Line 25: Line 25:
<link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Groningen/files/overall.css?action=raw&amp;ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Groningen/files/overall.css?action=raw&amp;ctype=text/css">
-
<script type="text/javascript" src="https://2010.igem.org/Team:Groningen/files/address.js?action=raw&amp;ctype=text/javascript"></script>
+
 
 +
<link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Groningen/files/slider.css?action=raw&amp;ctype=text/css">
 +
 
 +
<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>
<script type="text/javascript" src="https://2010.igem.org/Team:Groningen/files/tweet.js?action=raw&amp;ctype=text/javascript"></script>
<script type="text/javascript">
<script type="text/javascript">
-
var pages = ["home", "project", "human", "modeling", "team", "contact"];
 
function ucfirst(str) {
function ucfirst(str) {
var firstLetter = str.substr(0, 1);
var firstLetter = str.substr(0, 1);
Line 37: Line 39:
$(document).ready(function() {
$(document).ready(function() {
 +
$("#contentWrapper").css('height', $("#otherContent").outerHeight() + "px");
$("ul#topnav li").hover(function() {  
$("ul#topnav li").hover(function() {  
-
$(this).css({ 'background' : '#1376c9 url(https://static.igem.org/mediawiki/2010/2/29/Groningen_topnav_active.gif) repeat-x'});  
+
$(this).css({ 'background' : '#1376c9 url(https://static.igem.org/mediawiki/2010/2/29/Groningen_topnav_active.gif) repeat-x'});
-
$(this).find("span").show();  
+
$(this).find("span").show();
-
} , function() { //on hover out...
+
} , function() {  
-
$(this).css({ 'background' : 'none'});  
+
$(this).css({ 'background' : 'none'}); //on hover out...
-
$(this).find("span").hide();  
+
$(this).find("span").hide();
});
});
});
});
-
 
$.address.change(function (event) {
$.address.change(function (event) {
-
var margin = $(".slide_content").width();
 
var page = event.path.substring(1);
var page = event.path.substring(1);
if(page == "") { page = 'home'; }  
if(page == "") { page = 'home'; }  
-
if ($.inArray(page, pages) !== -1) {
 
-
margin = (margin * ($.inArray(page, pages))) * -1;
 
-
$(".tabslider").stop().animate({
 
-
marginLeft: margin + "px"
 
-
}, 
 
-
{duration: 300,
 
-
complete: function() { $("#contentWrapper").css('height', $(".textWrapper[rel='"+page+"']").parent().outerHeight() + "px"); }
 
-
}); } else {
 
$(".ajaxWrapper").html("");
$(".ajaxWrapper").html("");
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) {
$(".ajaxWrapper").html(data);
$(".ajaxWrapper").html(data);
-
margin = (margin * (pages.length)) * -1;
+
$("#contentWrapper").css('height', $("#otherContent").outerHeight() + "px");
-
$(".tabslider").css("margin-left", margin + "px");
+
-
$("#contentWrapper").css('height', $(".textWrapper[rel='ajax']").parent().outerHeight() + "px");
+
});
});
-
}
 
});
});
</script>
</script>
Line 76: Line 66:
<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>
Line 91: Line 81:
             <a href="https://2010.igem.org/Team:Groningen#/project">Project</a>
             <a href="https://2010.igem.org/Team:Groningen#/project">Project</a>
             <span>
             <span>
 +
                <a href="https://2010.igem.org/Team:Groningen#/project">Overview</a> |
                 <a href="https://2010.igem.org/Team:Groningen#/biofilm">Biofilm</a> |
                 <a href="https://2010.igem.org/Team:Groningen#/biofilm">Biofilm</a> |
                 <a href="https://2010.igem.org/Team:Groningen#/hydrophobins">Chaplins</a> |
                 <a href="https://2010.igem.org/Team:Groningen#/hydrophobins">Chaplins</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/expression">Expression</a> |
                 <a href="https://2010.igem.org/Team:Groningen#/applications">Applications</a> |
                 <a href="https://2010.igem.org/Team:Groningen#/applications">Applications</a> |
-
                 <a href="https://2010.igem.org/Team:Groningen#/notebook">Notebook</a> |
+
                 <a href="https://2010.igem.org/Team:Groningen#/biobricks">Biobricks</a>
-
                 <a href="https://2010.igem.org/Team:Groningen#/biobricks">Biobricks</a> |
+
            </span>
-
                 <a href="https://2010.igem.org/Team:Groningen#/protocols">Protocols</a>
+
        </li>
 +
        <li>
 +
            <a href="https://2010.igem.org/Team:Groningen#/modeling">Modeling</a>
 +
            <span>
 +
                <a href="https://2010.igem.org/Team:Groningen#/modeling">Overview</a> |
 +
                 <a href="https://2010.igem.org/Team:Groningen#/biofilm_model">Biofilm dynamics</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/expression_model">Expression</a> |
 +
                <a href="https://2010.igem.org/Team:Groningen#/killswitch_model">Kill Switch</a> |
 +
                 <a href="https://2010.igem.org/Team:Groningen#/info_standard">Information standard</a>
             </span>
             </span>
         </li>
         </li>
-
 
         <li>
         <li>
             <a href="https://2010.igem.org/Team:Groningen#/human">Human Practices</a>
             <a href="https://2010.igem.org/Team:Groningen#/human">Human Practices</a>
             <span>
             <span>
-
                 <a href="https://2010.igem.org/Team:Groningen#/images">Image of Science</a> |
+
                 <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#/practices">Education</a> |
                 <a href="https://2010.igem.org/Team:Groningen#/safety">Safety</a> |
                 <a href="https://2010.igem.org/Team:Groningen#/safety">Safety</a> |
-
                 <a href="https://2010.igem.org/Team:Groningen#/ethics">Ethics</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>
             </span>
         </li>
         </li>
-
         <li>
+
         <li><a href="https://2010.igem.org/Team:Groningen#/organization">Organization</a>
-
            <a href="https://2010.igem.org/Team:Groningen#/modeling">Modeling</a>
+
             <span>
             <span>
-
                 <a href="https://2010.igem.org/Team:Groningen#/biofilm_model">Biofilm dynamics</a> |
+
                 <a href="https://2010.igem.org/Team:Groningen#/organization">Overview</a> |
-
                 <a href="https://2010.igem.org/Team:Groningen#/expression_model">Expression</a> |
+
                 <a href="https://2010.igem.org/Team:Groningen#/brainstorm">Brainstorm</a> |  
-
                 <a href="https://2010.igem.org/Team:Groningen#/killswitch_model">Kill Switch</a> |
+
                 <a href="https://2010.igem.org/Team:Groningen#/flowchart">Flow Chart</a> |
-
                 <a href="https://2010.igem.org/Team:Groningen#/info_standard">Information standard</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>
             </span>
         </li>
         </li>
-
         <li><a href="https://2010.igem.org/Team:Groningen#/team">Team</a></li>
+
         <li><a href="https://2010.igem.org/Team:Groningen#/judging">Judging</a>
-
         <li><a href="https://2010.igem.org/Team:Groningen#/contact">Contact</a></li>
+
         </li>
-
        <li><a href="https://2010.igem.org/Team:Groningen#/judging">Judging</a></li>
+
     </ul>
     </ul>
</div>
</div>
<div id="otherContent">
<div id="otherContent">

Latest revision as of 22:54, 27 October 2010