Template:Team:Macquarie Australia/About

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:Macquarie_Australia/TopNavBar}}
{{Team:Macquarie_Australia/TopNavBar}}
<html>
<html>
-
 
<head>
<head>
<link href="https://2014.igem.org/Template:Team:Macquarie_Australia/css/global?action=raw&ctype=text/css" rel="stylesheet">
<link href="https://2014.igem.org/Template:Team:Macquarie_Australia/css/global?action=raw&ctype=text/css" rel="stylesheet">
<script src="https://2014.igem.org/Team:Macquarie_Australia/js/banner?action=raw&ctype=text/javascript" type="text/javascript""></script>
<script src="https://2014.igem.org/Team:Macquarie_Australia/js/banner?action=raw&ctype=text/javascript" type="text/javascript""></script>
 +
<style>
 +
#coverBack {
 +
width: 100%;
 +
background-color: #333333;
 +
position: absolute;
 +
left: 0px;
 +
top: 0px;
 +
visibility: hidden;
 +
opacity:0.75;
 +
filter:alpha(opacity=75);
 +
z-index: 998;
 +
}
 +
#photoBox {
 +
position: relative;
 +
width: 600px;
 +
top: 100px;
 +
z-index: 999;
 +
visibility: hidden;
 +
height: 300px;
 +
}
 +
</style>
 +
<script>
 +
document.getElementById("coverBack”).style.height = window.screen.height;
 +
// document.getElementById("coverBack”) finds an element with id cover
 +
// window.screen.height returns the height of the window.
 +
// So we set the height of cover div to height of window.
 +
var winW, winH;
 +
browserWindowSize();
 +
 +
document.getElementById(“photoBox").style.left = winW/2-300;
 +
// we set the position of box from left to >> (center position of window) – (width of the box)
 +
// Value of winW is obtained by function browserWindowSize(); which is defined below
 +
 +
// This function is taken from http://www.developersnippets.com/2007/05/13/cross-browser-snippet-for-finding-the-size-of-the-browser-window/
 +
function browserWindowSize() {
 +
        var browserWinWidth = 0, browserWinHeight = 0;
 +
        if( typeof( window.innerWidth ) == ‘number’ ) {
 +
                //Non-IE
 +
                browserWinWidth = window.innerWidth;
 +
                browserWinHeight = window.innerHeight;
 +
        } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
 +
                //IE 6+ in ‘standards compliant mode’
 +
                browserWinWidth = document.documentElement.clientWidth;
 +
                browserWinHeight = document.documentElement.clientHeight;
 +
        } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
 +
                //IE 4 compatible
 +
                browserWinWidth = document.body.clientWidth;
 +
                browserWinHeight = document.body.clientHeight;
 +
        }
 +
        winW = browserWinWidth;
 +
        winH = browserWinHeight;
 +
//      alert( ‘Browser Window Width = ‘ + browserWinWidth +’ Browser Window Height = ‘+browserWinHeight);
 +
}
 +
 +
function coverIt() {
 +
        // Set the visiblity of cover to visible
 +
        document.getElementById("coverBack”).style.visibility = "visible";
 +
        // set the visibility of box to visible.
 +
        document.getElementById(“photoBox").style.visibility = "visible";
 +
}
 +
// Call the function coverIt when somebody clicks on anything whose id it "initiator"
 +
document.getElementById(“init”).onclick = coverIt;
 +
 +
function backToNormal() {
 +
// Set the visiblity of cover to hidden
 +
document.getElementById("coverBack”).style.visibility = "hidden";
 +
}
 +
// Call the function backToNormal() when somebody clicks on cover
 +
document.getElementById("coverBack”).onclick = backToNormal;
 +
</script>
</head>
</head>
<body>
<body>
 +
<div id=“coverBack”></div>
<section id="Content">
<section id="Content">
<h1>About the team!</h1>
<h1>About the team!</h1>
<h2>The students</h2>
<h2>The students</h2>
<p>
<p>
-
<img src="https://static.igem.org/mediawiki/2014/2/27/Eddie.jpg"/>
+
<div id=“init”>
 +
<img src="https://static.igem.org/mediawiki/2014/2/27/Eddie.jpg"/>
 +
</div>
</p>
</p>

Revision as of 03:59, 21 August 2014

About the team!

The students

Retrieved from "http://2014.igem.org/Template:Team:Macquarie_Australia/About"