|
|
| Line 1: |
Line 1: |
| − | <html>
| + | {{Reading2}} |
| − | | + | |
| − | <HEAD>
| + | |
| − | <SCRIPT LANGUAGE="JavaScript">
| + | |
| − | | + | |
| − | var home = ["Home"];
| + | |
| − | var team = ["Team"];
| + | |
| − | var project = ["Project", "Description", "Experiment And Protocols", "Results", "Design"];
| + | |
| − | var parts = ["Parts", "Team Parts", "Basic Parts", "Composite Parts", "Part Collection"];
| + | |
| − | var notebook = ["Notebook"];
| + | |
| − | var attributions = ["Attributions", "Attributions", "Collaborations", "Human Practices"];
| + | |
| − | var saftey = ["saftey"];
| + | |
| − | var modeling = ["Modeling"];
| + | |
| − | var measument = ["Measument"];
| + | |
| − | var software = ["Software"];
| + | |
| − | var entrepreneurship = ["Application"];
| + | |
| − | var pagenames = [home, team, project, parts, notebook, attributions, saftey, modeling, measument, software, entrepreneurship];
| + | |
| − | | + | |
| − | var adhome = ["Reading"];
| + | |
| − | var adteam = ["Reading/Team"];
| + | |
| − | var adproject = ["Reading/Description", "Reading/ExperimentAndProtocols", "Reading/Results", "Reading/Design"];
| + | |
| − | var adparts = ["Reading/TeamParts", "Reading/BasicParts", "Reading/CompositeParts", "Reading/PartCollection"];
| + | |
| − | var adnotebook = ["Reading/Notebook"];
| + | |
| − | var adattributions = ["Reading/Attributions", "Reading/Collaborations", "Reading/HumanPractices"];
| + | |
| − | var adsaftey = ["Reading/saftey"];
| + | |
| − | var admodeling = ["Reading/Modeling"];
| + | |
| − | var admeasument = ["Reading/Measument"];
| + | |
| − | var adsoftware = ["Reading/Software"];
| + | |
| − | var adentrepreneurship = ["Reading/Entrepreneurship"];
| + | |
| − | var address = [adhome, adteam, adproject, adparts, adnotebook, adattributions,adsaftey, admodeling, admeasument, adsoftware, adentrepreneurship];
| + | |
| − | var menuactive = 0;
| + | |
| − | | + | |
| − | 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 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 < pagenames.length; i1++){
| + | |
| − | if(pagenames[i1].length <= 1){
| + | |
| − | menuHTML += '<div onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + i1 + ')" style = "height:100%; width:80px; 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 = "height:100%; width:80px; float:left; text-align:center;">' + pagenames[i1][0] + '</div>';
| + | |
| − | }
| + | |
| − | }
| + | |
| − | document.getElementById("Menu").innerHTML= menuHTML;
| + | |
| − | //document.getElementById("SubMenu").style.visibility = "hidden";
| + | |
| − | }
| + | |
| − | | + | |
| − | function lightUpMenu(Button, index){
| + | |
| − | Button.style.backgroundColor = '#25d4e9';
| + | |
| − | 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 = 80 * (index);
| + | |
| − | subM.style.marginLeft = offset + 'px';
| + | |
| − | }
| + | |
| − | | + | |
| − | 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 id = "main" style="border:1px; border-style:solid; border-color:#ffffff;margin:auto;width:75%; min-width:960px; 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;">Biosafety and ethical concerns</div>
| + | |
| − | </d
| + | |
| − |
| + | |
| − |
| + | |
| − | <div id = "Menu" style="background-Color:#05a4ff; color:#ffffff;height: 25px;">
| + | |
| − | </div>
| + | |
| − | <div id = "SubMenu" style="visibility:hidden; position:absolute; background-Color:#05a4ff; color:#ffffff;">
| + | |
| − | .
| + | |
| − | </div>
| + | |
| − | <table style="background-color:#e3e3e3; width:100%;">
| + | |
| − | <tr>
| + | |
| − | <td width="50%">
| + | |
| − | <div id="teamtable" style = "float:left; border-bottom-width: 15px; width:100%;">
| + | |
| − | </div>
| + | |
| − | </td>
| + | |
| − | <td width="50%">
| + | |
| − | <div id="bioframe" style="color:#000000; top:150px; padding: 30px; border-radius: 25px; border-style: solid; border-width 40px; border-color:#e3e3e3; height:500px; width:(100% - 110); background-color:#ffffff">
| + | |
| − | </div>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </body>
| + | |
| − | </html>
| + | |