Difference between revisions of "Template:ReadingTeamFunctions"

 
(80 intermediate revisions by 4 users not shown)
Line 6: Line 6:
 
function changeBioContent(index){
 
function changeBioContent(index){
 
//add a </br> to break the line, also do not include " without a \ before, eg: \"
 
//add a </br> to break the line, also do not include " without a \ before, eg: \"
−
+
var bios = [];
−
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>";
+
bios.push("<p style=\"font-size:120%\"><b>Benny Bostock</b> </br> <u>Degree</u></br> Biochemistry 1<sup>st</sup> year </br><u>Profile</u></br> The Nomadic member, dislikes staying in one place too long. Consequently has traveled most of the world on his weekends off.  </br> Catchphrase: 'Let's Wing it' </br> Life Aim: To Rule the World. </br> Also (Claims to be) A comedic genius. </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>";
+
bios.push("<p style=\"font-size:120%\"><b>Chris Tucker</b> </br> <u>Degree</u></br> Biochemistry 1<sup>st</sup> year </br> <u>Profile</u></br> Chris is an avid computer gamer. He is the brains behind the only working part of our project - the fuel cell.</br> Has likened designing it to going on holiday with someone you don't like. Looks good from the outside but lots of internal resistance. </br> Has had to overcome many obstacles on his road to success, including but not limited to; being unable to use black rubber motif, as acrylic is more in this season and having a large sexy belly. </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>";
+
bios.push("<p style=\"font-size:120%\"><b>Emily Capes</b> </br> <u>Degree</u></br> Biochemistry 1<sup>st</sup> year </br> <u>Profile</u></br> Emily is the team's helpful member 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 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>";
+
bios.push("<p style=\"font-size:120%\"><b>Izzah Elahi</b> </br> <u>Degree</u></br> Biological Sciences 1<sup>st</sup> year </br> <u>Profile</u></br> Most commonly found: On Tom's sofa watching Made in Chelsea. </br> Passions include, the Les Miserables soundtrack, Wagamummas, and playing guitar. </br> Has a serious sweet addiction. Send help. </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>";
+
bios.push("<p style=\"font-size:120%\"><b>Matt Shepherd</b> </br> <u>Degree</u></br> Microbiology 1<sup>st</sup> year </br> <u>Profile</u></br> <ul style=\"font-size:120%\"> <li>The Groups Organiser</li><li>Fast Talker</li><li>Chocolate croissant euthusiast</li><li>Most commonly found: uploading to the wiki</li><li>Has extensive knowledge of Lord of the Rings trivia</li><li>Catchphrase: 'I've written this for the wiki guys, feel free to edit'</li><li>Has a large collection of cuddly E.Coli,</li><li>Loves Lists.</li> </ul> </br> </p>");
−
var bios = [bennyBio, chrisBio, emilyBio, izzahBio, mattBio, nasserBio, peteRBio, PeteWHBio, tomBBio, tomWLBio];
+
 
 +
bios.push("<p style=\"font-size:120%\"><b>Nasser Al-Farhan</b> </br> <u>Degree</u></br> Psychology and Neuroscience 1<sup>st</sup> year</br> <u>Profile</u></br> Previously did Cybernetics </br> Avid gym member. </br> Has managed to keep most of his life a mystery from the group.</br> Often wears hats, may or may not have hair. </p>");
 +
 
 +
bios.push("<p style=\"font-size:120%\"><b>Pete Roe</b> </br> <u>Degree</u></br> Computer Science 1<sup>st</sup> year </br> <u>Profile</u></br> Best coder in the universe and also the sole designer of our wiki.</br> Most commonly found: Near/around computer or in the gym. </br> Life Aim: To be in both places at once. </br> Has tried his best to understand the ways of his numerous biologist colleagues, after extensively studying them he has discovered computers are less complicated.  </br> </p>");
 +
 
 +
bios.push("<p style=\"font-size:120%\"><b>Pete Whitehead</b> </br> <u>Degree</u></br> Biomedical Sciences 1<sup>st</sup> year </br> <u>Profile</u></br> Can't hold his alcohol. When drunk he will imitate an aeroplane, sounds effects included.</br>  </p>");
 +
 
 +
bios.push("<p style=\"font-size:120%\"><b>Tom Biggs</b> </br> <u>Degree</u></br> Biological sciences 2<sup>nd</sup> year </br> <u>Profile</u></br> Best known for: His impeccable punctuality.</br>Tom is our resident genetics guru. </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>");
 +
 
 +
bios.push("<p style=\"font-size:120%\"><b>Tom Ward-Leggat</b> </br> <u>Degree</u></br> Microbiology 1<sup>st</sup> year </br> <u>Profile</u></br> Tom is our youngest and most dedicated team member, trekking into the lab in all weathers to take our daily readings and do sciency things. </br> A very confident presenter, shown by partaking in the optional UK Westminster iGEM meet up, and presenting in Boston.  </br> Worked on the project until the bitter end, maintaining a smile whether experiments went his way or not. </br> You may see him in next year's iGEM team... </br> </p>");
 +
 
 
document.getElementById("bioframe").innerHTML= bios[index];
 
document.getElementById("bioframe").innerHTML= bios[index];
 
}
 
}
Line 23: Line 33:
 
function buildTeamGrid(){
 
function buildTeamGrid(){
 
var index = 0;
 
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"];
+
var members =[];
−
var pictureName = ["/c/c2/BennyBostock.jpg", "/e/ea/ChrisTucker.jpg", "/0/02/EmilyMichelleCapes.jpg", "/4/41/Blankprofile.png", "/4/41/Blankprofile.png", "/4/41/Blankprofile.png", "/4/41/Blankprofile.png", "/4/41/Blankprofile.png", "/4/41/Blankprofile.png", "/4/41/Blankprofile.png"];
+
members.push(["Benny </br> Bostock", "/7/7b/Reading-Benny.jpg"]);
−
var teamHTML = '<table style="width:100%; color:#d8131d; border-spacing: 15px;">';
+
members.push(["Chris </br> Tucker", "/a/a3/Reading-Chris.jpg"]);
 +
members.push(["Emily </br> Capes", "/0/09/Reading-Emily.jpg"]);
 +
members.push(["Izzah </br> Elahi", "/0/0a/Reading-Izzah.jpg"]);
 +
members.push(["Matt </br> Shepherd", "/f/f5/Reading-Matt.jpg"]);
 +
members.push(["Nasser </br> Al-Farhan", "/f/f4/Reading-Nasser.jpg"]);
 +
members.push(["Pete </br> Roe", "/2/26/Reading-Pete.jpg"]);
 +
members.push(["Pete </br> Whitehead", "/2/2c/Reading-PeteW.jpg"]);
 +
members.push(["Tom </br> Biggs", "/b/b3/Reading-Tom.jpg"]);
 +
members.push(["Tom Ward </br> Leggat", "/b/b2/Reading-TomW.jpg"]);
 +
 +
var teamHTML = '<table style="width:100%; color:#d8131d;">';
 
var newline = true;
 
var newline = true;
 
while(newline){
 
while(newline){
 
teamHTML += '<tr>';
 
teamHTML += '<tr>';
−
for(i2 = 0; i2 < 3; i2++){
+
for(i2 = 0; i2 < 4; i2++){
−
if(index < names.length){teamHTML += '<td align="center"><b>' + names[index] + '</b><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' + pictureName[index] + ');" onmouseover="changeBioContent(' + index + ')"></div></td>';
+
if(index < members.length){teamHTML += '<td width = "25%" valign="bottom" align="left"><title2>' + members[index][0] + '</title2><div style="border-style:solid; border-color:#ffffff; border-width:5px; width: 75%; border-radius:100%; height: 0; padding-bottom: 75%; background-size:cover; background-image:url(https://static.igem.org/mediawiki/2015' + members[index][1] + ');" onmouseover="changeBioContent(' + index + ')"></div></td>';
 
index += 1;}
 
index += 1;}
 
else{
 
else{
Line 44: Line 64:
 
function buildAdviserGrid(){
 
function buildAdviserGrid(){
 
var index = 0;
 
var index = 0;
−
var names = ["Hannah", "Sam"];
+
var names = ["Hannah </br> Collard", "Samuel </br> Hardy"];
−
var pictureName = ["/c/c2/BennyBostock.jpg", "/e/ea/ChrisTucker.jpg"];
+
var pictureName = ["/e/eb/Hannah.Collard.jpg", "/c/c4/Sam.Hardy.jpg"];
−
var teamHTML = '<table style="width:100%; color:#d8131d; border-spacing: 15px;">';
+
var teamHTML = '<table style="width:75%; color:#d8131d;">';
 
var newline = true;
 
var newline = true;
 
while(newline){
 
while(newline){
 
teamHTML += '<tr>';
 
teamHTML += '<tr>';
−
for(i2 = 0; i2 < 3; i2++){
+
for(i2 = 0; i2 < 4; i2++){
−
if(index < names.length){teamHTML += '<td align="center"><b>' + names[index] + '</b><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' + pictureName[index] + ');"></div></td>';
+
if(index < names.length){teamHTML += '<td valign="bottom" align="left"><p style=\"font-size:130%\">' + names[index] + '</p><div style="border-style:solid; border-color:#ffffff; border-width:5px; width: 50%; border-radius:100%; height: 0; padding-bottom: 50%; background-size:cover; background-image:url(https://static.igem.org/mediawiki/2014' + pictureName[index] + ');"></div></td>';
 
index += 1;}
 
index += 1;}
 
else{
 
else{
Line 61: Line 81:
 
teamHTML += '</table>';
 
teamHTML += '</table>';
 
document.getElementById("adviserstable").innerHTML= teamHTML;
 
document.getElementById("adviserstable").innerHTML= teamHTML;
 +
}
 +
 +
function buildTeamPage(){
 +
buildTeamGrid();
 +
buildAdviserGrid();
 
}
 
}
  

Latest revision as of 20:29, 18 September 2015