(14 intermediate revisions by 3 users not shown) | |||
Line 5: | Line 5: | ||
<html> | <html> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | var cardShowing = false; | ||
/* --------------------- WE DECLARE THE ARRAYS WITH THE ---------------------- | /* --------------------- WE DECLARE THE ARRAYS WITH THE ---------------------- | ||
Line 85: | Line 86: | ||
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/c/c7/T--TecCEM--TeamMembers_Carlo.png"); | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/c/c7/T--TecCEM--TeamMembers_Carlo.png"); | ||
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/6/61/T--TecCEM--TeamMembers_Nadia.png"); | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/6/61/T--TecCEM--TeamMembers_Nadia.png"); | ||
− | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/6/ | + | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/6/65/T--TecCEM--TeamMembers_Arturo2.png"); |
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/b/b2/T--TecCEM--TeamMembers_Nayelhi.png"); | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/b/b2/T--TecCEM--TeamMembers_Nayelhi.png"); | ||
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/a/a3/T--TecCEM--TeamMembers_Enrique.png"); | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/a/a3/T--TecCEM--TeamMembers_Enrique.png"); | ||
Line 124: | Line 125: | ||
teamMembersSongs.push("Otra Noche en Miami - Bad Bunny 🥰👁🐰"); | teamMembersSongs.push("Otra Noche en Miami - Bad Bunny 🥰👁🐰"); | ||
teamMembersSongs.push("Believer - Imagine Dragons"); | teamMembersSongs.push("Believer - Imagine Dragons"); | ||
− | teamMembersSongs.push(" | + | teamMembersSongs.push("Behold - Orbit Culture"); |
teamMembersSongs.push("Dancing queen- ABBA"); | teamMembersSongs.push("Dancing queen- ABBA"); | ||
teamMembersSongs.push("Roses - The Chainsmokers"); | teamMembersSongs.push("Roses - The Chainsmokers"); | ||
Line 143: | Line 144: | ||
teamMembersBook.push("In search of the meaning of life"); | teamMembersBook.push("In search of the meaning of life"); | ||
teamMembersBook.push("How dreams really do come true"); | teamMembersBook.push("How dreams really do come true"); | ||
− | teamMembersBook.push("Music, Maths and Nightmares: a new | + | teamMembersBook.push("Music, Maths and Nightmares: a new approach"); |
teamMembersBook.push("Life lessons, how to face them by not collapsing... A lot"); | teamMembersBook.push("Life lessons, how to face them by not collapsing... A lot"); | ||
teamMembersBook.push("Leaving your comfort zone as a lifestyle that changes you every day"); | teamMembersBook.push("Leaving your comfort zone as a lifestyle that changes you every day"); | ||
Line 187: | Line 188: | ||
var teamAdvisorsPhotosArray = new Array(); | var teamAdvisorsPhotosArray = new Array(); | ||
− | teamAdvisorsPhotosArray.push("https://static.igem.org/mediawiki/2021/ | + | teamAdvisorsPhotosArray.push("https://static.igem.org/mediawiki/2021/e/e2/T--TecCEM--Carloss.png"); |
− | teamAdvisorsPhotosArray.push("https://static.igem.org/mediawiki/2021/ | + | teamAdvisorsPhotosArray.push("https://static.igem.org/mediawiki/2021/3/3c/T--TecCEM--JesusIsma.png"); |
Line 199: | Line 200: | ||
var teamInvestigatorsNames = new Array(); | var teamInvestigatorsNames = new Array(); | ||
teamInvestigatorsNames.push('PhD. Ana Laura Torres Huerta'); | teamInvestigatorsNames.push('PhD. Ana Laura Torres Huerta'); | ||
− | teamInvestigatorsNames.push('Aurora Antonio Perez'); | + | teamInvestigatorsNames.push('PhD. Aurora Antonio Perez'); |
var teamInvestigatorsPhotosArray = new Array(); | var teamInvestigatorsPhotosArray = new Array(); | ||
Line 221: | Line 222: | ||
− | headerTable.style.width = "90%" | + | headerTable.style.width = "90%"; |
headerTable.innerHTML = "\ | headerTable.innerHTML = "\ | ||
<tr>\ | <tr>\ | ||
Line 301: | Line 302: | ||
div.style.transform = "translate(-50%,-50%)"; | div.style.transform = "translate(-50%,-50%)"; | ||
div.style.backgroundColor = "rgb(0, 20, 137)"; | div.style.backgroundColor = "rgb(0, 20, 137)"; | ||
− | div.style.borderRadius = "20px" | + | div.style.borderRadius = "20px"; |
div.style.position = "fixed"; | div.style.position = "fixed"; | ||
div.width = '100%'; | div.width = '100%'; | ||
Line 315: | Line 316: | ||
div.appendChild(footerTable); | div.appendChild(footerTable); | ||
team_table_div.appendChild(div); | team_table_div.appendChild(div); | ||
− | + | ||
− | document.addEventListener("click", (evt) => { | + | /*document.addEventListener("click", (evt) => { |
− | + | var flyoutElement = div; | |
let targetElement = evt.target; // clicked element | let targetElement = evt.target; // clicked element | ||
− | + | if (targetElement != flyoutElement){ | |
− | if (targetElement != flyoutElement) { | + | if (cardShowing == true) { |
div.parentNode.removeChild(div); | div.parentNode.removeChild(div); | ||
− | + | cardShowing = false; | |
+ | } | ||
} | } | ||
}); | }); | ||
+ | |||
+ | cardShowing = true;*/ | ||
+ | |||
} | } | ||
Line 364: | Line 369: | ||
window.onload = function(){ | window.onload = function(){ | ||
− | generate_header("The team", " | + | generate_header("The team", "20%", "5%", "https://static.igem.org/mediawiki/2021/9/96/T--TecCEM--TeamPhotos_4.png", "#EFD250", "#45ACFF", "#FFFFFF" ); |
//alert(teamMembersPhotosArray.toString()); | //alert(teamMembersPhotosArray.toString()); | ||
//alert(teamMembersElems.toString()); | //alert(teamMembersElems.toString()); |
Latest revision as of 18:54, 13 December 2021
The team
Advisors
name |
name |
Principal Investigators
name |
name |
Funny moments
Tip
Click on the photo of a team member