Difference between revisions of "Team:Reading/Team"

(Undo revision 75313 by PROE (talk))
(Undo revision 75310 by PROE (talk))
Line 1: Line 1:
−
<html>
+
{{readingscript}}
−
 
+
{{readingstyle}}
−
<HEAD>
+
−
<SCRIPT LANGUAGE="JavaScript">
+
−
 
+
−
//each of these are the main headings for the menu,
+
−
//lists with one entry are basic links
+
−
//links with two or more are submenus, the first entry is not a link but is displayed
+
−
//each entry must have a matching entry in the list with the "ad" prefix.
+
−
 
+
−
var home = ["Home"];
+
−
var team = ["Team"];
+
−
var project = ["Project", "Description", "Transformations", "Fuel Cell", "Safety", "Results"];
+
−
var parts = ["Parts"];
+
−
var notebook = ["Lab Book", "Lab Notes", "Data"];
+
−
var labwork = ["Lab Work", "Protocols", "Experiments"];
+
−
var humanpractices = ["Human Practices", "Human Practices", "Public Engagement", "Collaborations"];
+
−
var modeling = ["Modelling"];
+
−
var entrepreneurship = ["Application"];
+
−
var attributions = ["Attributions"];
+
−
var pagenames = [home, team, project, parts, notebook, labwork, humanpractices, modeling, entrepreneurship, attributions];
+
−
 
+
−
var adhome = ["Reading"];
+
−
var adteam = ["Reading/Team"];
+
−
var adproject = ["Reading/Description", "Reading/Transformations", "Reading/FuelCell", "Reading/Safety", "Reading/Results"];
+
−
var adparts = ["Reading/Parts"];
+
−
var adnotebook = ["Reading/Notebook", "Reading/Data"];
+
−
var adlabwork = ["Reading/Protocols", "Reading/Experiments"];
+
−
var adhumanpractices= ["Reading/Practices", "Reading/PublicEngagement", "Reading/Collaborations"];
+
−
var admodeling = ["Reading/Modelling"];
+
−
var adentrepreneurship = ["Reading/Application"];
+
−
var adattributions = ["Reading/Attributions"];
+
−
var address = [adhome, adteam, adproject, adparts, adnotebook, adlabwork , adhumanpractices, admodeling, adentrepreneurship, adattributions];
+
−
var menuactive = 0;
+
−
var menucount = 0;
+
−
 
+
−
function changeBioContent(index){
+
−
//add a </br> to break the line, also do not include " without a \ before, eg: \"
+
−
+
−
var bennyBio = "<p style=\"font-size:160%\">Benny Bostock </br> Degree: Biochemistry 1<sup>st</sup> year </br>Profile: </p>";
+
−
var chrisBio = "<p style=\"font-size:160%\">Chris Tucker </br> Degree: Biochemistry 1<sup>st</sup> year </br> Profile: Chris is an avid computer gamer. He also has a shisha pipe. Nuff said.</p>";
+
−
var emilyBio = "<p style=\"font-size:160%\">Emily Capes </br> Degree: Biochemistry 1<sup>st</sup> year </br> Profile:  Emily is very helpful and always offers people lifts in her car. </br> Do not accept this, she has no sense of direction or time. </br> Consequently, you will not make it to your destination.</p>";
+
−
var izzahBio = "<p style=\"font-size:160%\">Izzah Elahi </br> Degree: Biological Sciences 1<sup>st</sup> year </br> Profile: </p>";
+
−
var mattBio = "<p style=\"font-size:160%\">Matt Shepherd </br> Degree: Microbiology 1<sup>st</sup> year </br> Profile:</p>";
+
−
var nasserBio = "<p style=\"font-size:160%\">Nasser Al-Farhan </br> Degree: Psychology and Neuroscience 1<sup>st</sup> year, previously Computer science </br> Profile: </p>";
+
−
var peteRBio = "<p style=\"font-size:160%\">Pete Roe </br> Degree: Computer Science 1<sup>st</sup> year </br> Profile: Best coder in the universe. Most commonly found: Near/around computer or in the gym. </br> Life Aim: To be in both places at once</p>";
+
−
var PeteWHBio = "<p style=\"font-size:160%\">Pete Whitehead </br> Degree: Biomedical Sciences 1<sup>st</sup> year </br> Profile: Can't hold alcohol. When drunk he will imitate an aeroplane, sounds effects included. </p>";
+
−
var tomBBio = "<p style=\"font-size:160%\">Tom Biggs </br> Degree: Biological sciences 2<sup>nd</sup> year </br> Best known for: His Impeccable punctuality </br> Profile: Tom is our resident Genetics guru, and is an invaluable member of the team. </br> Unfortunately, he leads a sheltered life, and has not discovered the wonders of modern time-keeping. Consequently he is late, without fail, to nearly everything we do.</p>";
+
−
var tomWLBio = "<p style=\"font-size:160%\">Tom Ward-Leggat </br> Degree: Microbiology 1<sup>st</sup> year </br> Profile: </p>";
+
−
var bios = [bennyBio, chrisBio, emilyBio, izzahBio, mattBio, nasserBio, peteRBio, PeteWHBio, tomBBio, tomWLBio];
+
−
document.getElementById("bioframe").innerHTML= bios[index];
+
−
}
+
−
 
+
−
function buildPage(){
+
−
buildMenu();
+
−
buildTeamGrid();
+
−
setInterval(function(){
+
−
if(menuactive <= 0){
+
−
menucount = menucount - 1;
+
−
if(menucount <= 0){
+
−
document.getElementById("SubMenu").style.visibility = "hidden";
+
−
}
+
−
}
+
−
},10);
+
−
}
+
−
 
+
−
function buildMenu(){
+
−
var menuHTML = '.';
+
−
for(i1 = 0; i1 < pagenames.length; i1++){
+
−
if(pagenames[i1].length <= 1){
+
−
menuHTML += '<div onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + i1 + ')" style = "vertical-align:text-bottom; height:100%; width:135px; float:left; text-align:center;"><a style = "color: #ffffff;text-decoration:none;" href="https://2015.igem.org/Team:' + address[i1][0] + '">' + pagenames[i1][0] + '</a></div>';
+
−
}else{
+
−
menuHTML += '<div onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + i1 + ')" style = "vertical-align:text-bottom; height:100%; width:135px; float:left; text-align:center;">' + pagenames[i1][0] + '</div>';
+
−
}
+
−
}
+
−
document.getElementById("Menu").innerHTML= menuHTML;
+
−
document.getElementById("SubMenu").style.visibility = "hidden";
+
−
}
+
−
 
+
−
function lightUpMenu(Button, index){
+
−
menuactive = 1;
+
−
menucount = 15;
+
−
Button.style.backgroundColor = '#e35a61';
+
−
Button.style.Color = '#000000';
+
−
if(index == -1){
+
−
+
−
}else if(pagenames[index].length > 1){
+
−
editSubMenu(index);
+
−
document.getElementById("SubMenu").style.visibility = "visible";
+
−
}else{
+
−
document.getElementById("SubMenu").style.visibility = "hidden";
+
−
}
+
−
}
+
−
 
+
−
function editSubMenu(index){
+
−
var i1 = 0;
+
−
var submenuHTML = '';
+
−
for(i1 = 0; i1 < pagenames[index].length - 1; i1++){
+
−
submenuHTML += '<div onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + -1 + ')" style = "padding:7px; margin:0px; text-align:left;"><a style = "color: #ffffff;text-decoration:none;" href="https://2015.igem.org/Team:' + address[index][i1] + '">' + pagenames[index][i1 + 1] + '</a></div>';
+
−
}
+
−
var subM = document.getElementById("SubMenu");
+
−
subM.innerHTML= submenuHTML;
+
−
var offset = document.getElementById("main").style.marginLeft;
+
−
offset = 135 * (index);
+
−
subM.style.marginLeft = offset + 'px';
+
−
}
+
−
 
+
−
function dullMenu(Button){
+
−
Button.style.backgroundColor = '#d8131d';
+
−
Button.style.Color = '#ffffff';
+
−
menuactive = 0;
+
−
}
+
−
 
+
−
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%;
+
−
height:100%;
+
−
background:none;
+
−
}
+
−
</style>
+
  
 
</HEAD>
 
</HEAD>
  
−
<body style="background-image:url(https://static.igem.org/mediawiki/2015/9/9e/Reading%2BBackground.jpg); padding:0px; margin:0px;height:100%;">
+
{{readingbody}}
−
<div id = "main" style="border-width:10px;border-radius:20px;border:2px; border-style:solid; border-color:#ffffff;margin:auto;width:85%; min-width:1360px; background-Color:#ffffff;">
+
−
 
+
−
<div style="height:355px; width:100%;">
+
−
<div style="background-repeat:no-repeat; border-top-left-radius: 20px; border-top-right-radius: 20px; height:100%; width:(100%-54px);padding:15px; background-image:url(https://static.igem.org/mediawiki/2015/2/26/Team_Reading_banner.jpg)"></div>
+
−
</div>
+
−
+
−
+
−
<div id = "Menu" style="background-Color:#d8131d; color:#ffffff;height: 25px;">
+
−
</div>
+
−
+
−
<div id = "SubMenu" style="visibility:hidden; position:absolute; width:135px; background-Color:#d8131d; color:#ffffff;">
+
−
.
+
−
</div>
+
−
</body>
+
−
</html>
+
−
 
+
  
 
<table style="border-bottom-left-radius: 20px; background-color:#e3e3e3; border-bottom-right-radius: 20px; width:100%;">
 
<table style="border-bottom-left-radius: 20px; background-color:#e3e3e3; border-bottom-right-radius: 20px; width:100%;">

Revision as of 20:43, 1 August 2015

<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%; height:100%; background:none; } </style>

</HEAD>

<body style="background-image:url(Reading%2BBackground.jpg); padding:0px; margin:0px;height:100%;">


</body>

Roll over the images to see the team member bio and extra photos in here.
</html>