Line 7: | Line 7: | ||
/* --------------------- WE DECLARE THE ARRAYS WITH THE ---------------------- | /* --------------------- WE DECLARE THE ARRAYS WITH THE ---------------------- | ||
----------------------- INFORMATION OF THE TEAM MEMBERS --------------------- */ | ----------------------- INFORMATION OF THE TEAM MEMBERS --------------------- */ | ||
− | + | var teamMembersElems = document.getElementsByClassName("person_image"); | |
+ | var teamMembersNames = new Array(); | ||
+ | teamMembersNames.push("Francisco"); | ||
+ | teamMembersNames.push("Carlo"); | ||
+ | teamMembersNames.push("Nadia"); | ||
+ | teamMembersNames.push("Jorge"); | ||
+ | teamMembersNames.push("Nayelhi"); | ||
+ | teamMembersNames.push("Enrique"); | ||
+ | teamMembersNames.push("Brenda"); | ||
+ | teamMembersNames.push("Jossan"); | ||
+ | teamMembersNames.push("Valery"); | ||
+ | teamMembersNames.push("Daniela"); | ||
+ | teamMembersNames.push("Tania"); | ||
+ | teamMembersNames.push("Maria Jose"); | ||
+ | //12 | ||
− | + | var teamMembersFullNames = new Array(); | |
− | + | teamMembersFullNames.push("Francisco J. Castaneda Villagran"); | |
− | + | teamMembersFullNames.push("Carlo Ariel Flores Carrillo"); | |
− | + | teamMembersFullNames.push("Nadia Espinoza Mendoza"); | |
− | + | teamMembersFullNames.push("Jorge Arturo Ortiz Loyola Solana"); | |
− | + | teamMembersFullNames.push("Nayelhi Julieta Alcazar Ramirez"); | |
− | + | teamMembersFullNames.push("Jairo Enrique Ramirez Sanchez"); | |
− | + | teamMembersFullNames.push("Brenda Jimenez"); | |
− | + | teamMembersFullNames.push("Jossan David Cardona Ramirez"); | |
− | + | teamMembersFullNames.push("Valery Robles"); | |
− | + | teamMembersFullNames.push("Daniela Zavala Melo"); | |
− | + | teamMembersFullNames.push("Tania E. Campa Sosapavon"); | |
− | + | teamMembersFullNames.push("Maria Jose Monteagudo"); | |
− | + | //12 | |
− | + | ||
− | + | var teamMembersJobs = new Array(); | |
− | + | teamMembersJobs.push("Team Leader"); | |
− | + | teamMembersJobs.push("Project Manager"); | |
− | + | teamMembersJobs.push("Interlab manager"); | |
− | + | teamMembersJobs.push("Wet Lab Coordinator"); | |
− | + | teamMembersJobs.push("Cloning Manager"); | |
− | + | teamMembersJobs.push("Math Modeling"); | |
− | + | teamMembersJobs.push("Material characterization and fermentations"); | |
− | + | teamMembersJobs.push("Hardware Manager"); | |
− | + | teamMembersJobs.push("Biobricks design"); | |
− | + | teamMembersJobs.push("Daniela Zavala Melo's job"); | |
− | + | teamMembersJobs.push("Dry Lab Coordinator"); | |
− | + | teamMembersJobs.push("Human práctices"); | |
− | + | //12 | |
− | + | ||
− | + | var teamMembersMajors = new Array(); | |
+ | teamMembersMajors.push("Biotechnology"); | ||
+ | teamMembersMajors.push("Biotechnology"); | ||
+ | teamMembersMajors.push("Biotechnology"); | ||
+ | teamMembersMajors.push("Biotechnology"); | ||
+ | teamMembersMajors.push("Biotechnology"); | ||
+ | teamMembersMajors.push("Data science and mathematics"); | ||
+ | teamMembersMajors.push("Biotechnology"); | ||
+ | teamMembersMajors.push("Automotive"); | ||
+ | teamMembersMajors.push("Biotechnology"); | ||
+ | teamMembersMajors.push("Mechatronics"); | ||
+ | teamMembersMajors.push("Mechatronics"); | ||
+ | teamMembersMajors.push("Bussiness Administration"); | ||
+ | //12 | ||
+ | |||
+ | var teamMembersPhotosArray = new Array(); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg"); | ||
+ | |||
+ | |||
+ | |||
+ | var teamMembersDescriptions = new Array(); | ||
+ | teamMembersDescriptions.push("Francisco is a seventh semester student of Biotechnology Engineering, a career that he is passionate about due to his great love for science. He loves to play drums, read epic adventure books, and explore different places in his city. One of the things he enjoys the most is traveling and learning about different cultures. He is very fond of history and gets excited looking at old maps."); | ||
+ | teamMembersDescriptions.push("Carlo Flores is currently in the seventh semester of Biotechnology Engineering. Biology has caused him great curiosity from an early age. Also, since childhood he has liked to play sports, but among those he likes the most are basketball, swimming and martial arts. He loves hiking, spending time with his family, reflecting on life, reading horror / suspense / action stories, and playing video games."); | ||
+ | teamMembersDescriptions.push("Nadia is studying the seventh semester of Biotechnology Engineering. She has always had a great interest in science and in particular biology. She loves spending time with her sister, traveling, and hanging out with her friends. In her free moments, she likes to practice yoga and listen to music. She really enjoys learning new things and sleeping all day."); | ||
+ | teamMembersDescriptions.push("jorge's description"); | ||
+ | teamMembersDescriptions.push("Nayelhi is studying the seventh\ | ||
+ | semester of Biotechnology Engineering. Her passion is \ | ||
+ | ballet, however, she enjoys and loves dance in general. \ | ||
+ | She likes to spend time reading, eating chocolate, and \ | ||
+ | playing with her puppy. She has a great love for science, \ | ||
+ | for the arts and believes in the power of both disciplines \ | ||
+ | to change the world."); | ||
+ | teamMembersDescriptions.push("He is Enrique, a student from Michoacán who is currently studying the 3rd semester of Engineering in Data Science and Mathematics. Enrique joined Tec de Monterrey as he was awarded the distinction of Leaders of Tomorrow. He really enjoys walking and exploring nature. Mathematics, music and helping others are his greatest tastes."); | ||
+ | teamMembersDescriptions.push("She is Brenda, currently in the 5th semester of B.S. in Biotechnology Engineering which she is passionate about, as well as biological sciences focused on health. She loves being part of the IGEM team, and she is also part of the TEC swimming representative, and 2 student groups. She loves spending time with her friends and family, traveling, painting, and she also loves reading mystery novels and Greek mythology."); | ||
+ | teamMembersDescriptions.push("Jossan was born in Guadalajara, Jalisco. He is currently studying the 5th semester of Automotive Design Engineering. Since he was a child, he has been very fond of soccer and exercising. In his spare time, he likes to enjoy the different sports that are broadcast on television. His main passion is learning and venturing into different areas of science and engineering."); | ||
+ | teamMembersDescriptions.push("Valery is currently in the seventh semester of Biotechnology Engineering. Since she was a child, she has liked sports a lot and since then she has practiced basketball and she is a professional Tahitian dancer, in addition to that she likes to practice crossfit and go to the gym in her spare time. She is passionate about science and she dreams of one day helping many people with it. She also likes spending time with her family, spending time with herself, seeing new places, and trying different foods."); | ||
+ | teamMembersDescriptions.push("Daniela is studying the fifth semester of the Mechatronics Engineering career, she loves all the mystery stories and reading, a habit that took her a while to develop. She is a fan of winter sports, musical theater and the skills that she has learned little by little in her career and short life 😂. Most of the time Daniela is on her own planet, imagining the possibilities that her career for the future, so you always have to bring it back to earth."); | ||
+ | teamMembersDescriptions.push("Tania's description"); | ||
+ | teamMembersDescriptions.push("Maria Jose's description"); | ||
+ | |||
+ | |||
+ | var teamMembersSongs = new Array(); | ||
+ | teamMembersSongs.push("A Change of Seasons - Dream Theater"); | ||
+ | teamMembersSongs.push("Gravity Storm - Steve Vai"); | ||
+ | teamMembersSongs.push("A Sky Full Of Stars - Coldplay"); | ||
+ | teamMembersSongs.push("Otra Noche en Miami - Bad Bunny"); | ||
+ | teamMembersSongs.push("Believer - Imagine Dragons"); | ||
+ | teamMembersSongs.push("The Shadowing - Orbit Culture"); | ||
+ | teamMembersSongs.push("Dancing queen- ABBA"); | ||
+ | teamMembersSongs.push("Roses - The Chainsmokers"); | ||
+ | teamMembersSongs.push("The Nights - Avicii "); | ||
+ | teamMembersSongs.push("..."); | ||
+ | teamMembersSongs.push("Free - Rudimental ft Emeli Sande"); | ||
+ | teamMembersSongs.push("..."); | ||
+ | //12 | ||
+ | |||
+ | |||
+ | var teamMembersBook = new Array(); | ||
+ | teamMembersBook.push("A review of history of all the cultures on earth"); | ||
+ | teamMembersBook.push("Mismatched likes? Science, Arts, Sports and Philosophy"); | ||
+ | teamMembersBook.push("How to survive being an absent-minded"); | ||
+ | teamMembersBook.push("Search for the meaning in life"); | ||
+ | teamMembersBook.push("How dreams really do come true"); | ||
+ | teamMembersBook.push("Music, Maths and Nightmares: a new appoach"); | ||
+ | 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("How to achieve your goals from facing your fears"); | ||
+ | teamMembersBook.push("..."); | ||
+ | teamMembersBook.push("Self love as a radical act"); | ||
+ | teamMembersBook.push("..."); | ||
+ | //12 | ||
+ | |||
+ | |||
+ | var teamMembersLinkedin = new Array(); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/in/francisco-javier-casta%C3%B1eda-villagran-853966191/"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/in/nadia-espinoza-mendoza-75420510b/"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/in/jorgearturoortizloyolasolana"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/in/nayelhialcazar-r/"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/in/jairoenriqueramirezsanchez/"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/in/brendajim%C3%A9nezl%C3%B3pez/"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/in/jossancardona/"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/in/valery-tixian-44aaa41a4"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/in/elizabeth-campa-sosapav%C3%B3n-0b8330176/"); | ||
+ | teamMembersLinkedin.push("https://www.linkedin.com/in/mar%C3%ADa-jos%C3%A9-monteagudo-candiani-a5a90098/"); | ||
+ | //12 | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 106: | Line 190: | ||
function person_data(name, description, i){ | function person_data(name, description, i){ | ||
− | var teamTableDiv = document.getElementsByTagName('body'); | + | var teamTableDiv = document.getElementsByTagName('body')[0]; |
var div = document.createElement('div'); | var div = document.createElement('div'); | ||
var cross = document.createElement('img'); | var cross = document.createElement('img'); | ||
var image = document.createElement('img'); | var image = document.createElement('img'); | ||
− | |||
var content = document.createElement('p'); | var content = document.createElement('p'); | ||
− | + | var headerTable = document.createElement("table"); | |
− | + | var footerTable = document.createElement("table"); | |
+ | |||
+ | |||
+ | headerTable.style.width = "90%" | ||
+ | headerTable.innerHTML = "\ | ||
+ | <tr>\ | ||
+ | <td style='width:60%; border:none'>\ | ||
+ | <p style='font-weight:bold; font-size:35px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;'>" + full_name + "</p>\ | ||
+ | <p style='font-size:25px; font-style: italic; margin-top:0px; margin-bottom:0px;'>" + job + "</p>\ | ||
+ | </td>\ | ||
+ | \ | ||
+ | <td style='width:10%;'>\ | ||
+ | <a href=" + linkedin + ">\ | ||
+ | <img style='width:60%; filter: grayscale(100%); opacity:0.5; margin-left:25%; ' src='https://static.igem.org/mediawiki/2021/e/e2/T--TecCEM--SocialMediaLogo_linkedin.png'>\ | ||
+ | </a>\ | ||
+ | </td>\ | ||
+ | <td style=' width:30%; border:none'>\ | ||
+ | <p style='font-weight:bold; font-size:35px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;'>" + "Major:" + "</p>\ | ||
+ | <p style='font-size:25px; font-style: italic; margin-top:0px; margin-bottom:0px;'>" + major + "</p>\ | ||
+ | </td>\ | ||
+ | </tr>"; | ||
+ | headerTable.style.transform = "translate(-50%,0%)"; | ||
+ | headerTable.style.marginLeft = "50%"; | ||
+ | |||
content.innerHTML = description; | content.innerHTML = description; | ||
− | content.style.marginLeft = " | + | content.style.marginLeft = "7.5%"; |
− | content.style.width = "80%"; | + | content.style.marginRight = "7.5%"; |
− | content.style.marginBottom = " | + | /*content.style.width = "80%";*/ |
+ | content.style.marginBottom = "2%"; | ||
content.style.fontWeight = "bold"; | content.style.fontWeight = "bold"; | ||
+ | content.style.fontFamily = "'Roboto', sans-serif" | ||
+ | content.style.fontSize = "20px"; | ||
− | cross.src = "https:// | + | cross.src = "https://cdn.icon-icons.com/icons2/2098/PNG/512/close_cross_icon_128690.png" |
− | cross.style.width = " | + | cross.style.width = "40px"; |
− | cross.style.height = " | + | cross.style.height = "40px"; |
− | cross.style.marginTop = " | + | cross.style.marginTop = "10px"; |
+ | cross.style.marginLeft = "10px"; | ||
cross.style.display = "block"; | cross.style.display = "block"; | ||
cross.onclick = function() {div.parentNode.removeChild(div)}; | cross.onclick = function() {div.parentNode.removeChild(div)}; | ||
Line 130: | Line 240: | ||
image.src = teamMembersPhotosArray[i]; | image.src = teamMembersPhotosArray[i]; | ||
image.style.marginLeft = "50%"; | image.style.marginLeft = "50%"; | ||
− | image.style.transform = "translate(-50%,-50%)"; | + | image.style.transform = "translate(-50%,-60%)"; |
+ | image.style.borderRadius = "100%"; | ||
+ | image.style.display = "block"; | ||
+ | image.style.border = "solid 5px #3A9300"; | ||
+ | |||
+ | footerTable.style.width = "90%" | ||
+ | footerTable.innerHTML = "\ | ||
+ | <tr>\ | ||
+ | <td style='width:10%'>\ | ||
+ | <img style='width:70%; opacity:0.5;' src='https://static.igem.org/mediawiki/2021/3/3c/T--TecCEM--Images_music_icon.png'>\ | ||
+ | </td>\ | ||
+ | <td style='width:40%; border:none'>\ | ||
+ | <p style='font-size:25px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;'>" + name + "'s song is:</p>\ | ||
+ | <p style='font-size:20px; margin-top:0px; margin-bottom:0px;'>" + song + "</p>\ | ||
+ | </td>\ | ||
+ | <td style='width:10%'>\ | ||
+ | <img style='width:80%; opacity:0.5;' src='https://static.igem.org/mediawiki/2021/c/cb/T--TecCEM--Images_book_icon.png'>\ | ||
+ | </td>\ | ||
+ | <td style='width:40%; border:none'>\ | ||
+ | <p style='font-size:25px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;'>If " + name + " wrote a book it would be about:</p>\ | ||
+ | <p style='font-size:20px; margin-top:0px; margin-bottom:0px;'>" + book + "</p>\ | ||
+ | </td>\ | ||
+ | </tr>"; | ||
+ | footerTable.style.transform = "translate(-50%,0%)"; | ||
+ | footerTable.style.marginLeft = "50%"; | ||
+ | footerTable.style.marginBottom = "5%"; | ||
div.className = "centered_div"; | div.className = "centered_div"; | ||
− | div.style.backgroundColor = "# | + | div.style.backgroundColor = "#53D100"; |
− | div.style.borderRadius = "20px" | + | div.style.borderRadius = "20px" |
div.style.position = "fixed"; | div.style.position = "fixed"; | ||
− | + | div.width = '100%'; | |
− | div.width = | + | |
div.style.color = "white"; | div.style.color = "white"; | ||
div.style.fontFamily = "sans-serif"; | div.style.fontFamily = "sans-serif"; | ||
Line 143: | Line 277: | ||
div.appendChild(cross); | div.appendChild(cross); | ||
div.appendChild(image); | div.appendChild(image); | ||
− | div.appendChild(header); | + | div.appendChild(headerTable); |
+ | /*div.appendChild(header); */ | ||
div.appendChild(content); | div.appendChild(content); | ||
+ | div.appendChild(footerTable); | ||
team_table_div.appendChild(div); | team_table_div.appendChild(div); | ||
} | } | ||
− | |||
function grow(elem){ | function grow(elem){ | ||
elem.style.transform = 'scale(1.1)'; | elem.style.transform = 'scale(1.1)'; |
Revision as of 22:07, 13 October 2021
The team
Advisors
name |
name |
Principal Investigators
name |
name |
Funny moments
![idea](https://static.igem.org/mediawiki/2021/5/58/T--TecCEM--idea.png)
Tips
Click on the photo of a team member