Difference between revisions of "Team:Reading/Project"

Line 3: Line 3:
 
<HEAD>
 
<HEAD>
 
<SCRIPT LANGUAGE="JavaScript">
 
<SCRIPT LANGUAGE="JavaScript">
 +
 +
var names = ["Home", "Team", "Project", "Parts", "Notebook"];
 +
var address = ["Reading", "Reading/Team", "Reading/Project", "Reading/Parts", "Reading/Notebook"];
 +
 
function changeBioContent(index)
 
function changeBioContent(index)
 
{
 
{
−
var bios = ["Benny", "Chris", "Emily", "Izzah", "Matt", "Nasser", "Pete", "Pete", "Sam", "Tom", "Tom", "Jenny"];
+
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];
 
document.getElementById("bioframe").innerHTML= bios[index];
 
}
 
}
Line 13: Line 17:
 
buildTeamGrid();
 
buildTeamGrid();
 
}
 
}
−
+
−
function buildMenu()
+
−
{
+
−
var names = ["Home", "Team", "Project", "Parts", "Lab Book"];
+
−
var address = ["Reading", "Reading/Team", "Reading/Project", "Reading/Parts", "Reading/Notebook"]
+
−
var menuHTML = '.';
+
−
for(i1 = 0; i1 < 5; i1++){
+
−
menuHTML += '<div onmouseout="DullMenu(this)"onmouseover="lightUpMenu(this)" style = "width:60px; float:left;"><a href="https://2015.igem.org/Team:' + address[i1] + '">' + names[i1] + '</a></div>';
+
−
}
+
−
document.getElementById("Menu").innerHTML= menuHTML;
+
−
}
+
−
+
 
function buildTeamGrid()
 
function buildTeamGrid()
 
{
 
{
 
var index = 0;
 
var index = 0;
−
var names = ["Benny Bostock", "Chris Tucker", "Emily Michelle Capes", "Izzah Elahi", "Matt Shepherd"];
+
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 address = ["Reading", "Reading/Team", "Reading/Project", "Reading/Parts", "Reading/Notebook"]
+
var teamHTML = '<table style="width:100%; color:#05a4ff; background-color:#e3e3e3">';
−
var teamHTML = '<table style="width:100%; color:#ffffff; background-color:#e92525">';
+
var newline = true;
−
for(i1 = 0; i1 < 4; i1++){
+
while(newline){
 
teamHTML += '<tr>';
 
teamHTML += '<tr>';
 
for(i2 = 0; i2 < 3; i2++){
 
for(i2 = 0; i2 < 3; i2++){
−
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>';
+
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;
+
index += 1;}
 +
else{
 +
newline = false;
 +
}
 
}
 
}
 
teamHTML += '</tr>';
 
teamHTML += '</tr>';
Line 41: Line 37:
 
teamHTML += '</table>';
 
teamHTML += '</table>';
 
document.getElementById("teamtable").innerHTML= teamHTML;
 
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)
 
function lightUpMenu(Button)
 
{
 
{
−
Button.style.backgroundColor = '#4444ee';
+
Button.style.backgroundColor = '#25d4e9';
−
Button.style.Color = '#ffffff';
+
Button.style.Color = '#000000';
 
}
 
}
  
 
function DullMenu(Button)
 
function DullMenu(Button)
 
{
 
{
−
Button.style.backgroundColor = '#FFFFFF';
+
Button.style.backgroundColor = '#05a4ff';
−
Button.style.Color = 'red';
+
Button.style.Color = '#ffffff';
 
}
 
}
 
window.onload = buildPage;
 
window.onload = buildPage;
  
 
</SCRIPT>
 
</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>
 
</HEAD>
  
−
<body style="background-Color:#e92525;">
+
<body style="background-color:#c30100;">
−
<div style="width:100%; background-Color:#e92525;">
+
<div style="border:1px; border-style:solid; border-color:#ffffff;margin-left:12.5%;width:75%; background-Color:#e32118;">
  
−
<div >
+
<div>
−
<img src="https://static.igem.org/mediawiki/2015/9/96/Reading2015IGEMShield.jpg">
+
<div style="padding:15px;"><img src="https://static.igem.org/mediawiki/2015/9/96/Reading2015IGEMShield.jpg"></div>
−
<h1 style="color:#ffffff; font-size:45px">EcoCharge</h1>
+
<div style="margin:20px; color:#ffffff; font-size:45px; text-decoration:none;">The Reading team</div>
−
<h3 style="color:#ffffff;">Reading University iGEM Team 2015</h3>
+
<div style="clear:left; margin:15px; color:#ffffff; font-size:25px;">Reading University iGEM Team 2015</div>
−
</div>
+
−
+
−
<div id = "Menu" style="background-Color:#ffffff;">
+
 
</div>
 
</div>
  

Revision as of 17:14, 17 July 2015

The Reading team
Reading University iGEM Team 2015
Project text here