|
|
| (9 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | <html>
| + | {{Reading2}} |
| − | | + | |
| − | <HEAD>
| + | |
| − | <SCRIPT LANGUAGE="JavaScript">
| + | |
| − | function changeBioContent(index)
| + | |
| − | { | + | |
| − | var bios = ["Benny", "Chris", "Emily", "Izzah", "Matt", "Nasser", "Pete", "Pete", "Sam", "Tom", "Tom", "Jenny"];
| + | |
| − | document.getElementById("bioframe").innerHTML= bios[index];
| + | |
| − | }
| + | |
| − |
| + | |
| − | function buildPage(){
| + | |
| − | buildMenu();
| + | |
| − | buildTeamGrid();
| + | |
| − | } | + | |
| − |
| + | |
| − | function buildMenu()
| + | |
| − | {
| + | |
| − | var names = ["Home", "Team", "Project", "Parts", "Notebook"];
| + | |
| − | 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:50px; float:left;"><a href="https://2015.igem.org/Team:' + address[i1] + '">' + names[i1] + '</a></div>';
| + | |
| − | }
| + | |
| − | document.getElementById("Menu").innerHTML= menuHTML;
| + | |
| − | }
| + | |
| − |
| + | |
| − | function buildTeamGrid()
| + | |
| − | {
| + | |
| − | var index = 0;
| + | |
| − | var names = ["Benny Bostock", "Chris Tucker", "Emily Michelle Capes", "Izzah Elahi", "Matt Shepherd"];
| + | |
| − | var address = ["Reading", "Reading/Team", "Reading/Project", "Reading/Parts", "Reading/Notebook"]
| + | |
| − | var teamHTML = '<table style="width:100%; color:#ffffff; background-color:#e92525">';
| + | |
| − | for(i1 = 0; i1 < 4; i1++){
| + | |
| − | teamHTML += '<tr>';
| + | |
| − | 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>';
| + | |
| − | index += 1;
| + | |
| − | }
| + | |
| − | teamHTML += '</tr>';
| + | |
| − | }
| + | |
| − | teamHTML += '</table>';
| + | |
| − | document.getElementById("teamtable").innerHTML= teamHTML;
| + | |
| − | }
| + | |
| − | | + | |
| − | function lightUpMenu(Button)
| + | |
| − | {
| + | |
| − | Button.style.backgroundColor = '#4444ee';
| + | |
| − | Button.style.Color = '#ffffff';
| + | |
| − | }
| + | |
| − | | + | |
| − | function DullMenu(Button)
| + | |
| − | {
| + | |
| − | Button.style.backgroundColor = '#FFFFFF';
| + | |
| − | Button.style.Color = 'red';
| + | |
| − | } | + | |
| − | window.onload = buildPage;
| + | |
| − | | + | |
| − | </SCRIPT>
| + | |
| − | </HEAD>
| + | |
| − | | + | |
| − | <body style="background-Color:#e92525;">
| + | |
| − | <div style="width:100%; background-Color:#e92525;">
| + | |
| − | | + | |
| − | <div >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2015/9/96/Reading2015IGEMShield.jpg">
| + | |
| − | <h1 style="color:#ffffff; font-size:45px">EcoCharge</h1>
| + | |
| − | <h3 style="color:#ffffff;">Reading University iGEM Team 2015</h3>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div id = "Menu" style="background-Color:#ffffff;">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div style="color:#000000; float:left;top:150px; padding: 10px; border-radius: 25px; border-style: solid; border-width 40px; border-color:#25d4e9; 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>
| + | |