Difference between revisions of "Team:TecCEM/Team"

 
(47 intermediate revisions by 4 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 13: Line 14:
 
teamMembersNames.push("Carlo");
 
teamMembersNames.push("Carlo");
 
teamMembersNames.push("Nadia");
 
teamMembersNames.push("Nadia");
teamMembersNames.push("Jorge");
+
teamMembersNames.push("Arturo");
 
teamMembersNames.push("Nayelhi");
 
teamMembersNames.push("Nayelhi");
 
teamMembersNames.push("Enrique");
 
teamMembersNames.push("Enrique");
Line 22: Line 23:
 
teamMembersNames.push("Tania");
 
teamMembersNames.push("Tania");
 
teamMembersNames.push("Maria Jose");
 
teamMembersNames.push("Maria Jose");
 +
teamMembersNames.push("Marianela");
 +
teamMembersNames.push("Carlos");
 +
teamMembersNames.push("Jose Angel");
 
//12
 
//12
  
Line 37: Line 41:
 
teamMembersFullNames.push("Tania E. Campa Sosapavon");
 
teamMembersFullNames.push("Tania E. Campa Sosapavon");
 
teamMembersFullNames.push("Maria Jose Monteagudo");
 
teamMembersFullNames.push("Maria Jose Monteagudo");
 +
teamMembersFullNames.push("Marianela Contreras Domínguez");
 +
teamMembersFullNames.push("Carlos Espejel");
 +
teamMembersFullNames.push("Jose Angel Del Angel D.");
 
//12
 
//12
  
Line 52: Line 59:
 
teamMembersJobs.push("Dry Lab Coordinator");
 
teamMembersJobs.push("Dry Lab Coordinator");
 
teamMembersJobs.push("Human práctices");
 
teamMembersJobs.push("Human práctices");
 +
teamMembersJobs.push("Image Coordinator");
 +
teamMembersJobs.push("Web developement");
 +
teamMembersJobs.push("Web developement");
 
//12
 
//12
  
Line 67: Line 77:
 
teamMembersMajors.push("Mechatronics");
 
teamMembersMajors.push("Mechatronics");
 
teamMembersMajors.push("Bussiness Administration");
 
teamMembersMajors.push("Bussiness Administration");
 +
teamMembersMajors.push("Communication");
 +
teamMembersMajors.push("Computer Science");
 +
teamMembersMajors.push("Robotics & Digital Systems Engineering");
 
//12
 
//12
 
 
Line 73: 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/1/16/T--TecCEM--TrialImages-man.jpeg");
+
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 81: Line 94:
 
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/e/ef/T--TecCEM--TeamMembers_Daniela.png");
 
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/e/ef/T--TecCEM--TeamMembers_Daniela.png");
 
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/e/eb/T--TecCEM--TeamMembers_Tania.png");
 
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/e/eb/T--TecCEM--TeamMembers_Tania.png");
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg");
+
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/4/4b/T--TecCEM--TeamMembers_Maria_jose.png");
 +
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/6/64/T--TecCEM--TeamMembers_Marianela.png");
 +
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/2/2b/T--TecCEM--TeamMembers_Carlos.png");
 +
teamMembersPhotosArray.push("https://static.igem.org/mediawiki/2021/a/a7/T--TecCEM--TeamMembers_JoseAngel.png");
  
  
  
 
var teamMembersDescriptions = new Array();
 
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("Francisco is a ninth-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("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("I am studying the ninth semester of Biotechnology Engineering. I have always had a great interest in science and in particular biology. I love spending time with my sister, traveling, and hanging out with my friends. In my spare time I like to practice yoga and listen to music. I really enjoy learning new things and sleeping all day.");
teamMembersDescriptions.push("jorge's description");
+
teamMembersDescriptions.push("I am Arturo Ortiz 🥵 and I am in fifth semester of biotechnology engineering 😎👌. I love chemistry and biology and that's why I'm sure iGEM is for me 😍✋. I enjoy swimming, playing tennis and being with my friends 🥰. I really like traveling but I like more Bad Bunny 😫💦. I learn German at the Goethe 🇩🇪🤪 and my goal is to go to study and live in Germany 😳👉👈.");
teamMembersDescriptions.push("Nayelhi is studying the seventh\
+
teamMembersDescriptions.push("I am studying the ninth semester of Biotechnology Engineering. I have a great love for art (dance especially) and science, and it makes me very happy to live my life with both disciplines. Being part of iGEM and the TECCEM jazz dance company is the dream that has come true. In my spare time I like to read, watch mystery movies, play with my puppy, and spend time with my family and friends.");
semester of Biotechnology Engineering. Her passion is \
+
teamMembersDescriptions.push("I am a person who finds happiness in purpose and passionate about technological development for human well-being. My passion has allowed me today to be the leader of an entrepreneurship initiative with the mission of fighting for the inclusion of people with hearing disabilities, obtaining a 100% scholarship at the Tecnológico de Monterrey and being a member of the Mexican artificial intelligence society. But even more important than that, I am someone in love with nature who likes to walk in it, someone who lives through music and loves to share the knowledge they have.");
ballet, however, she enjoys and loves dance in general. \
+
teamMembersDescriptions.push("My name is Brenda, I am an Engineer in Biotechnology 7th semester student and I am really passionate about it, also to health related biological sciences. I love being part of the iGEM team and I am also part of the swimming representative team at TEC CEM. I love spending time with my family, friends and pets. I enjoy gardening, traveling, painting and reading mystery novels and Greek mythology books.");
She likes to spend time reading, eating chocolate, and \
+
teamMembersDescriptions.push("My name is Jossan David, I was born in Guadalajara, Jalisco. He is currently studying the seventh semester of Automotive Design Engineering. My favorite sport is soccer and Formula 1, I also like to go to the gym. I am passionate about learning and venturing into different areas of science and engineering, which is why I spend my free hours reading books, participating in different projects or reviewing scientific articles.");
playing with her puppy. She has a great love for science, \
+
teamMembersDescriptions.push("Currently ninth semester of Biotechnology Engineering. Since I was a child I have liked sports a lot and since then I have been playing basketball and I am a professional Tahitian dancer, besides that I like to try healthy recipes and go to the gym in my spare time. I am passionate about science and dream of one day having my own food supplement company. I also like spending time with my family, spending time with myself, seeing new places, reading and being the best version of myself every day.");
for the arts and believes in the power of both disciplines \
+
teamMembersDescriptions.push("I am studying the fifth semester of the Mechatronics Engineering career, I love all the mystery stories and reading, a habit that took me a while to develop. I am a fan of winter sports, musical theater and the skills that I have gradually learned in my career and short life. Most of the time I find myself on my own planet, imagining the possibilities that my career offers me for the future, so I always have to bring myself back to earth.");
to change the world.");
+
teamMembersDescriptions.push("...");
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("I am a person who is passionate about learning, understanding how the world works in order to improve it. I love visualizing the world from a scientific point of view as it is quite interesting to think that science is also art. My goal is to be a researcher from the perspective of quantum biology, I love nature, knowing that biology is so perfect and well done can fascinate me in every way.");
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("My name is Marianela Contreras, I am currently studying a career in Communication and Digital Media. I am passionate about my career because I believe that communication is everywhere. My hobbies are cooking, especially desserts, reading, writing, going to the cinema, exercising, traveling and learning new languages. I speak Spanish, as my native language, English, French, Japanese and I would like to learn many more. I love studying them because I feel that being able to communicate with people in their native language is a deeper way to be able to clearly express an idea and learn from their culture.");
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("I am a seventh-term student of systems engineering, I am passionate about technological development and learning new things every day, I consider myself a self-taught, focused and highly organized person. I really enjoy creating technological solutions to different problems and sharing my knowledge with the world or simply programming for fun, always accompanied by good music and coffee. I like to have time to myself and relax, enjoy nature, go for a run or ride a bike.");
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("Jose Angel is a junior student at Tecnologico de Monterrey CEM, he has plenty of experience in programming, he enjoys solving programming puzzles, app developement, playing soccer and hanging out with his friends. Jose Angel's favorite dj's and bands are Avicii, Lost Frecuencies and Imagine Dragons");
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");
+
  
  
Line 110: Line 123:
 
teamMembersSongs.push("Gravity Storm - Steve Vai");
 
teamMembersSongs.push("Gravity Storm - Steve Vai");
 
teamMembersSongs.push("A Sky Full Of Stars - Coldplay");
 
teamMembersSongs.push("A Sky Full Of Stars - Coldplay");
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("The Shadowing - Orbit Culture");
+
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 119: Line 132:
 
teamMembersSongs.push("Free - Rudimental ft Emeli Sande");
 
teamMembersSongs.push("Free - Rudimental ft Emeli Sande");
 
teamMembersSongs.push("...");
 
teamMembersSongs.push("...");
 +
teamMembersSongs.push("In My Life - The Beatles ");
 +
teamMembersSongs.push("Like a stone - Audioslave");
 +
teamMembersSongs.push("West coast - Imagine Dragons");
 
//12
 
//12
  
Line 126: Line 142:
 
teamMembersBook.push("Mismatched likes? Science, Arts, Sports and Philosophy");
 
teamMembersBook.push("Mismatched likes? Science, Arts, Sports and Philosophy");
 
teamMembersBook.push("How to survive being an absent-minded");
 
teamMembersBook.push("How to survive being an absent-minded");
teamMembersBook.push("Search for the meaning in 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 appoach");
+
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 135: Line 151:
 
teamMembersBook.push("Self love as a radical act");
 
teamMembersBook.push("Self love as a radical act");
 
teamMembersBook.push("...");
 
teamMembersBook.push("...");
 +
teamMembersBook.push("Public opinion influence on the social construct of the success");
 +
teamMembersBook.push("The impact of artificial intelligence on our society");
 +
teamMembersBook.push("The Machine Learning handbook as summarized as possible");
 
//12
 
//12
  
Line 151: Line 170:
 
teamMembersLinkedin.push("https://www.linkedin.com/in/elizabeth-campa-sosapav%C3%B3n-0b8330176/");
 
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/");
 
teamMembersLinkedin.push("https://www.linkedin.com/in/mar%C3%ADa-jos%C3%A9-monteagudo-candiani-a5a90098/");
 +
teamMembersLinkedin.push("https://www.linkedin.com/in/marianela-contreras-dominguez/");
 +
teamMembersLinkedin.push("https://www.linkedin.com/in/carlos-espejel-salazar-4a8655192");
 +
teamMembersLinkedin.push("https://www.linkedin.com/in/jos%C3%A9-%C3%A1ngel-del-%C3%A1ngel-6a9293175/");
 
//12
 
//12
  
Line 166: Line 188:
  
 
                 var teamAdvisorsPhotosArray = new Array();
 
                 var teamAdvisorsPhotosArray = new Array();
teamAdvisorsPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg");
+
teamAdvisorsPhotosArray.push("https://static.igem.org/mediawiki/2021/e/e2/T--TecCEM--Carloss.png");
teamAdvisorsPhotosArray.push("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--TrialImages-man.jpeg");
+
teamAdvisorsPhotosArray.push("https://static.igem.org/mediawiki/2021/3/3c/T--TecCEM--JesusIsma.png");
  
  
Line 178: 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 200: Line 222:
  
 
 
headerTable.style.width = "90%"
+
headerTable.style.width = "90%";
 
headerTable.innerHTML = "\
 
headerTable.innerHTML = "\
 
<tr>\
 
<tr>\
 
<td style='width:60%; border:none;'>\
 
<td style='width:60%; border:none;'>\
<p style='font-weight:bold; font-size:25px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;'>" + full_name + "</p>\
+
<p style='font-weight:bold; font-size:25px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;color:white;'>" + full_name + "</p>\
<p style='font-size:15px; font-style: italic; margin-top:0px; margin-bottom:0px;'>" + job + "</p>\
+
<p style='font-size:15px; font-style: italic; margin-top:0px; margin-bottom:0px;color:white;'>" + job + "</p>\
 
</td>\
 
</td>\
 
\
 
\
 
<td style='width:10%; border:none;'>\
 
<td style='width:10%; border:none;'>\
 
    <a href=" + linkedin + ">\
 
    <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'>\
+
<img style='filter: grayscale(100%) invert(1) ; width:60%; opacity:0.5; margin-left:25%; ' src='https://static.igem.org/mediawiki/2021/e/e2/T--TecCEM--SocialMediaLogo_linkedin.png'>\
 
</a>\
 
</a>\
 
</td>\
 
</td>\
 
<td style=' width:30%; border:none;'>\
 
<td style=' width:30%; border:none;'>\
<p style='font-weight:bold; font-size:25px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;'>" + "Major:" + "</p>\
+
<p style='color:white; font-weight:bold; font-size:25px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;'>" + "Major:" + "</p>\
<p style='font-size:15px; font-style: italic; margin-top:0px; margin-bottom:0px;'>" + major + "</p>\
+
<p style='color:white;font-size:15px; font-style: italic; margin-top:0px; margin-bottom:0px;'>" + major + "</p>\
 
</td>\
 
</td>\
 
</tr>";
 
</tr>";
Line 231: Line 253:
 
content.style.fontFamily = "'Roboto', sans-serif"
 
content.style.fontFamily = "'Roboto', sans-serif"
 
content.style.fontSize = "15px";
 
content.style.fontSize = "15px";
                         content.style.color = "black";
+
                         content.style.color = "white";
 
 
 
cross.src = "https://static.igem.org/mediawiki/2021/c/cc/T--TecCEM--CrossIcon.png";
 
cross.src = "https://static.igem.org/mediawiki/2021/c/cc/T--TecCEM--CrossIcon.png";
Line 240: Line 262:
 
cross.style.display = "block";
 
cross.style.display = "block";
 
cross.onclick = function() {div.parentNode.removeChild(div)};
 
cross.onclick = function() {div.parentNode.removeChild(div)};
 +
                        cross.style.cursor = 'pointer';
 +
                        cross.style.filter = 'invert(1)';
 
 
 
image.style.width = "20%";
 
image.style.width = "20%";
Line 253: Line 277:
 
<tr>\
 
<tr>\
 
<td style='width:10%; border:none;'>\
 
<td style='width:10%; border:none;'>\
<img style='width:70%; opacity:0.5;' src='https://static.igem.org/mediawiki/2021/3/3c/T--TecCEM--Images_music_icon.png'>\
+
<img style='filter: invert(1);width:70%; opacity:0.5;' src='https://static.igem.org/mediawiki/2021/3/3c/T--TecCEM--Images_music_icon.png'>\
 
</td>\
 
</td>\
 
<td style='width:40%; border:none'>\
 
<td style='width:40%; border:none'>\
<p style='font-size:15px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;'>" + name + "'s song is:</p>\
+
<p style='font-size:15px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;color:white;'>" + name + "'s song is:</p>\
<p style='font-size:15px; margin-top:0px; margin-bottom:0px;'>" + song + "</p>\
+
<p style='font-size:15px; margin-top:0px; margin-bottom:0px;color:white;'>" + song + "</p>\
 
</td>\
 
</td>\
 
<td style='width:10%; border:none'>\
 
<td style='width:10%; border:none'>\
<img style='width:80%; opacity:0.5;' src='https://static.igem.org/mediawiki/2021/c/cb/T--TecCEM--Images_book_icon.png'>\
+
<img style='filter: invert(1);width:80%; opacity:0.5;' src='https://static.igem.org/mediawiki/2021/c/cb/T--TecCEM--Images_book_icon.png'>\
 
</td>\
 
</td>\
 
<td style='width:40%; border:none'>\
 
<td style='width:40%; border:none'>\
<p style='font-size:15px; 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:15px; font-family:\"Nunito\", sans-serif;margin-top:0px; margin-bottom:0px;color:white;'>If " + name + " wrote a book it would be about:</p>\
<p style='font-size:15px; margin-top:0px; margin-bottom:0px;'>" + book + "</p>\
+
<p style='font-size:15px; margin-top:0px; margin-bottom:0px;color:white;'>" + book + "</p>\
 
</td>\
 
</td>\
 
</tr>";
 
</tr>";
Line 277: Line 301:
 
  div.style.left = "50%";
 
  div.style.left = "50%";
 
  div.style.transform = "translate(-50%,-50%)";
 
  div.style.transform = "translate(-50%,-50%)";
div.style.backgroundColor = "#53D100";
+
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 292: Line 316:
 
div.appendChild(footerTable);
 
div.appendChild(footerTable);
 
team_table_div.appendChild(div);
 
team_table_div.appendChild(div);
 +
           
 +
                        /*document.addEventListener("click", (evt) => {
 +
                            var flyoutElement = div;
 +
                            let targetElement = evt.target; // clicked element
 +
 +
                                if (targetElement != flyoutElement){
 +
                                    if (cardShowing == true) {
 +
                                    div.parentNode.removeChild(div);
 +
                                    cardShowing = false;
 +
                                    }
 +
                              }
 +
                          });
 +
 +
                      cardShowing = true;*/
 +
 
}
 
}
 +
 
function grow(elem){
 
function grow(elem){
 
elem.style.transform = 'scale(1.1)';
 
elem.style.transform = 'scale(1.1)';
Line 329: Line 369:
  
 
    window.onload = function(){  
 
    window.onload = function(){  
                         generate_header("The team", "https://static.igem.org/mediawiki/2021/9/96/T--TecCEM--TeamPhotos_4.png", "#FDE68A", "#0099ff", "#B1E7EF" );
+
                         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());
Line 394: Line 434:
 
<table class="full_screen_table" style="border:none;">
 
<table class="full_screen_table" style="border:none;">
 
<tr>
 
<tr>
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px; text-align:center;"></p></div></td>
+
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px; text-align:center; font-weight:bold";></p></div></td>
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px;text-align:center;"></p></div></td>
+
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px;text-align:center; font-weight:bold;"></p></div></td>
                         <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px;text-align:center;"></p></div></td>
+
                         <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px;text-align:center; font-weight:bold;"></p></div></td>
 
</tr>
 
</tr>
 
                        
 
                        
 
<tr>
 
<tr>
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px; text-align:center;"></p></div></td>
+
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px; text-align:center; font-weight:bold;"></p></div></td>
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px;text-align:center;"></p></div></td>
+
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px;text-align:center; font-weight:bold;"></p></div></td>
                         <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px;text-align:center;"></p></div></td>
+
                         <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px;text-align:center;"></p></div></td>
  
 
</tr>
 
</tr>
  
 
<tr>
 
<tr>
                         <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px; text-align:center;"></p></div></td>
+
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px; text-align:center;"></p></div></td>
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px;text-align:center;"></p></div></td>
+
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px;text-align:center;"></p></div></td>
                         <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px;text-align:center;"></p></div></td>
+
                         <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px;text-align:center;"></p></div></td>
 +
</tr>
 +
 +
                <tr>
 +
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px; text-align:center;"></p></div></td>
 +
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px;text-align:center;"></p></div></td>
 +
                         <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px;text-align:center;"></p></div></td>
 
</tr>
 
</tr>
  
<tr>
+
                <tr>
                        <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px; text-align:center;"></p></div></td>
+
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px; text-align:center;"></p></div></td>
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px;text-align:center;"></p></div></td>
+
<td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px;text-align:center;"></p></div></td>
                         <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:30px;text-align:center;"></p></div></td>
+
                         <td class="td_person_table" style="border:none;"><div class="person_image_div" style="inline_block"><img class="person_image"><p class="person_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:30px;text-align:center;"></p></div></td>
 
+
 
</tr>
 
</tr>
  
Line 427: Line 472:
 
<table class="full_screen_table" style="border:none;">
 
<table class="full_screen_table" style="border:none;">
 
<tr>
 
<tr>
<td style="border:none;"><div class="advisor_image_div" style="inline_block"><img class="advisor_image"><p class="advisor_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:20px;text-align:center;">name</p></div></td>
+
<td style="border:none;"><div class="advisor_image_div" style="inline_block"><img class="advisor_image"><p class="advisor_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:20px;text-align:center;">name</p></div></td>
<td style="border:none;"><div class="advisor_image_div" style="inline_block"><img class="advisor_image"><p class="advisor_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:20px;text-align:center;">name</p></div></td>
+
<td style="border:none;"><div class="advisor_image_div" style="inline_block"><img class="advisor_image"><p class="advisor_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:20px;text-align:center;">name</p></div></td>
 
 
 
</tr>
 
</tr>
Line 440: Line 485:
 
<table class="full_screen_table" style="border:none;">
 
<table class="full_screen_table" style="border:none;">
 
<tr>
 
<tr>
<td style="border:none;"><div class="investigator_image_div" style="align:block;"><img class="investigator_image"><p class="investigator_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:20px;text-align:center;">name</p></div></td>
+
<td style="border:none;"><div class="investigator_image_div" style="align:block;"><img class="investigator_image"><p class="investigator_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:20px;text-align:center;">name</p></div></td>
<td style="border:none;"><div class="investigator_image_div" style="align:block;"><img class="investigator_image"><p class="investigator_name_tb" style="font-family:'Roboto', sans-serif; color:white; font-size:20px;text-align:center;">name</p></div></td>
+
<td style="border:none;"><div class="investigator_image_div" style="align:block;"><img class="investigator_image"><p class="investigator_name_tb" style="font-family:'Roboto', sans-serif; color:#45ACFF; font-size:20px;text-align:center;">name</p></div></td>
 
</tr>
 
</tr>
 
</table>
 
</table>

Latest revision as of 18:54, 13 December 2021

Untitled Document i

The team

Advisors

name

name

Principal Investigators

name

name

Funny moments

idea

Tip

Click on the photo of a team member