|
|
| Line 1: |
Line 1: |
| | {{Reading2}} | | {{Reading2}} |
| − | <html>
| |
| − |
| |
| − | <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; top:150px; padding: 10px; border-radius: 25px; border-style: solid; border-width 40px; border-color:#c30100; text-align:left; height:500px; width:100% - 70px; background-color:#f0f0f0">
| |
| − | Project text here
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |