Difference between revisions of "Team:Reading/Project"

(Replaced content with "{{Reading2}}")
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
+
{{Reading2}}
 
+
<HEAD>
+
<SCRIPT LANGUAGE="JavaScript">
+
 
+
var names = ["Home", "Team", "Project", "Parts", "Notebook"];
+
var address = ["Reading", "Reading/Team", "Reading/Project", "Reading/Parts", "Reading/Notebook"];
+
+
function changeBioContent(index)
+
{
+
var bios = ["Benny Bostock", "Chris Tucker", "Emily Capes", "Izzah Elahi", "Matt Shepherd", "Nasser Al-Farhan", "Pete Roe", "Pete Whitehead", "Tom Biggs", "Tom Ward-Leggat", "Jenny Pasang"];
+
document.getElementById("bioframe").innerHTML= bios[index];
+
}
+
+
function buildPage(){
+
buildMenu();
+
buildTeamGrid();
+
}
+
+
function buildTeamGrid()
+
{
+
var index = 0;
+
var names = ["Benny Bostock", "Chris Tucker", "Emily Capes", "Izzah Elahi", "Matt Shepherd", "Nasser Al-Farhan", "Pete Roe", "Pete Whitehead", "Tom Biggs", "Thomas Ward-Leggat", "Jenny Pasang"];
+
var teamHTML = '<table style="width:100%; color:#05a4ff; background-color:#e3e3e3">';
+
var newline = true;
+
while(newline){
+
teamHTML += '<tr>';
+
for(i2 = 0; i2 < 3; i2++){
+
if(index < names.length){teamHTML += '<td>' + names[index] + '<div style="border-style:solid; border-color:#ffffff; border-width:5px; border-radius:50px; height: 100px; width: 150px; background-size:cover; background-image:url(https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png);" onmouseover="changeBioContent(' + index + ')"></div></td>';
+
index += 1;}
+
else{
+
newline = false;
+
}
+
}
+
teamHTML += '</tr>';
+
}
+
teamHTML += '</table>';
+
document.getElementById("teamtable").innerHTML= teamHTML;
+
}
+
 
+
function buildMenu()
+
{
+
var menuHTML = '.';
+
for(i1 = 0; i1 < names.length; i1++){
+
menuHTML += '<div onmouseout="DullMenu(this)"onmouseover="lightUpMenu(this)" style = "width:75px; float:left; text-align:center;"><a style = "color: #ffffff;text-decoration:none;" href="https://2015.igem.org/Team:' + address[i1] + '">' + names[i1] + '</a></div>';
+
}
+
document.getElementById("Menu").innerHTML= menuHTML;
+
}
+
 
+
function lightUpMenu(Button)
+
{
+
Button.style.backgroundColor = '#25d4e9';
+
Button.style.Color = '#000000';
+
}
+
 
+
function DullMenu(Button)
+
{
+
Button.style.backgroundColor = '#05a4ff';
+
Button.style.Color = '#ffffff';
+
}
+
window.onload = buildPage;
+
 
+
</SCRIPT>
+
 
+
<style>
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
    display:none;}
+
#top-section {
+
border: none;
+
height: 0px;}
+
#content {
+
border:none;
+
border:0px;
+
margin:0px;
+
padding:0px;
+
width:100%;
+
background-color:#c30100;
+
}
+
</style>
+
 
+
</HEAD>
+
 
+
<body style="background-color:#c30100;">
+
<div style="border:1px; border-style:solid; border-color:#ffffff;margin-left:12.5%;width:75%; background-Color:#e32118;">
+
 
+
<div>
+
<div style="padding:15px;"><img src="https://static.igem.org/mediawiki/2015/9/96/Reading2015IGEMShield.jpg"></div>
+
<div style="margin:20px; color:#ffffff; font-size:45px; text-decoration:none;">The Reading team</div>
+
<div style="clear:left; margin:15px; color:#ffffff; font-size:25px;">Reading University iGEM Team 2015</div>
+
</div>
+
 
+
<div id = "Menu" style="background-Color:#05a4ff; color:#ffffff;">
+
</div>
+
 
+
<div style="color:#000000; float:left;top:150px; padding: 10px; border-radius: 25px; border-style: solid; border-width 40px; border-color:#c30100; text-align:left; height:500px; border-bottom-width: 15px; max-width:1050px; width:97%; min-width:450px; background-color:#f0f0f0">
+
Project text here
+
</div>
+
+
 
+
</div>
+
 
+
</body>
+
</html>
+

Latest revision as of 14:12, 25 July 2015