(32 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
− | <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> | + | <head> |
− | + | <meta charset="utf-8" /> | |
− | + | <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> | |
− | + | <!--<link rel="stylesheet" type="text/css" href="style.css" />--> | |
− | + | <title>Team</title> | |
− | + | <script | |
src="https://code.jquery.com/jquery-3.3.1.min.js" | src="https://code.jquery.com/jquery-3.3.1.min.js" | ||
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" | integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" | ||
crossorigin="anonymous"></script> | crossorigin="anonymous"></script> | ||
− | <style> | + | <style> |
− | p { | + | p { |
− | + | text-align: justify; | |
− | } | + | } |
− | .advisors | + | .advisors |
− | { | + | { |
display: flex; | display: flex; | ||
+ | flex-direction: row; | ||
justify-content: space-around; | justify-content: space-around; | ||
− | + | } | |
− | } | + | |
− | .phototeamcenter { | + | .phototeamcenter { |
− | + | transform: rotate(-90deg); | |
− | + | transform-origin: center; | |
− | + | margin: auto; | |
− | + | height: 200px; | |
− | + | max-width: 200px; | |
− | } | + | flex: 0 0 auto; |
+ | object-fit: scale-down; | ||
+ | } | ||
− | .element, .advisor { | + | .element, .advisor { |
− | + | display: flex; | |
− | + | flex-direction: column; | |
− | + | justify-content: center; | |
− | } | + | text-align: center; |
+ | width: 33%; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | .element h3, .advisor h3 { | ||
+ | font-size: 20px; | ||
+ | } | ||
− | .team { | + | .team { |
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
− | } | + | } |
− | .imageBox { | + | .imageBox, .photo { |
− | + | position: relative; | |
− | + | float: left; | |
− | } | + | } |
− | .imageBox .hoverImg { | + | .imageBox .hoverImg { |
− | + | position: absolute; | |
− | + | left: 0; | |
− | + | top: 0; | |
− | + | display: none; | |
− | + | ||
− | + | ||
− | + | } | |
− | + | ||
− | + | .imageBox:hover .hoverImg { | |
+ | display: block; | ||
− | + | } | |
− | + | ||
− | + | .phototeam { | |
− | + | max-height:400px; | |
− | margin-right: auto; | + | display: block; |
− | } | + | margin-left: auto; |
+ | margin-right: auto; | ||
+ | } | ||
− | + | #bodyContent h1 { | |
− | + | margin: 1em; | |
− | } | + | line-height: 100%; |
− | + | } | |
− | </style> | + | </style> |
</head> | </head> | ||
− | |||
<body> | <body> | ||
− | + | <img class="banniere" src="https://static.igem.org/mediawiki/2018/f/fa/T--Montpellier--banniere_team.png"/> | |
− | + | ||
− | <img src="https://static.igem.org/mediawiki/2018/ | + | |
− | < | + | <section> |
− | + | ||
− | < | + | <img src="https://static.igem.org/mediawiki/2018/8/88/T--Montpellier--team_MTP.JPG" class="phototeam" /> |
− | + | ||
− | + | ||
− | + | ||
− | < | + | <br/> |
− | < | + | <br/> |
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
− | + | <!-- Lea----------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | <div class="team"> | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <div class="texte"><h2>Léa Meneu</h2><p>Early bird and night owl at the same time, Léa is the one spending the most time working at the bench. She is responsible for the good atmosphere in the lab with her music and party stories. Also her knowledge of Synthetic Biology is very helpful for the team throughout the months.</p></div> |
− | < | + | <div class="imageBox"> |
+ | <div class="imageInn"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/7/74/T--Montpellier--lea1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
+ | <div class="hoverImg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/3/36/T--Montpellier--lea2_mtp.png" alt="lea" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br/><br/><br/> | ||
+ | <br/><br/><br/> | ||
− | |||
+ | <!-- Elsa-------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <div class="team"> |
− | + | <div class="imageBox"> | |
+ | <div class="imageInn"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--Montpellier--elsa1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
+ | <div class="hoverImg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/26/T--Montpellier--elsa2_mtp.png" alt="Elsa" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
− | </div> | + | </div> |
+ | <div class="texte"><h2>Elsa Fristot</h2><p>Elsa is studying drug engineering at the Faculty of Pharmacy. This allows her to have a better vision of the future of our project. She worked with Tamara on the illustrations and she came up with the cool project title and logo.</p></div> | ||
+ | </div> | ||
− | |||
− | |||
− | < | + | <br/><br/><br/> |
+ | <br/><br/><br/> | ||
− | < | + | <!-- Tamara--------------------------------------------------------------------------------------------------------------------------------------------> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <div class="team"> |
− | < | + | <div class="texte"><h2>Tamara Yehouessi </h2><p>Tamara is a self-made artist studying Biotechnologies. She’s the one that had the original idea of the project. Together with Elsa she is responsible of a the graphic and communication of Vagineering. She did a huge job at designing sequences (#SUF) and still managed to create the comic book.</p></div> |
+ | <div class="imageBox"> | ||
+ | <div class="imageInn"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/cc/T--Montpellier--tamara1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
+ | <div class="hoverImg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/de/T--Montpellier--tamara2_mtp.png" alt="Tamara" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <br/><br/><br/> |
+ | <br/><br/><br/> | ||
− | + | <!-- Younes-------------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <div class="team"> |
− | + | <div class="imageBox"> | |
+ | <div class="imageInn"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/d0/T--Montpellier--younes1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
+ | <div class="hoverImg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/1a/T--Montpellier--younes2_mtp.png" alt="lea" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
− | </div> | + | </div> |
+ | <div class="texte"><h2>Younes Babaaziz</h2><p>This Moroccan Biophysics student is responsible for the Spermatozoa Tracking software. He spends his days in front of his computer. Rarely taking a break, Younes is able to eat his lunch in up to 5 minutes to go back to work.</p></div> | ||
+ | </div> | ||
− | |||
− | |||
+ | <br/><br/><br/> | ||
+ | <br/><br/><br/> | ||
− | |||
− | |||
− | + | <!-- Marie----------------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | <div class="team"> | + | <div class="team"> |
− | <div class="imageBox"> | + | <div class="texte"><h2>Marie Peras</h2><p>Marie is the head of the wiki team. She is as able to spend hours coding as to stay very late at the lab for experiments. She is also in charge of the Sperm Motility Assay experiments. Her knowledge and experience in Biology, Computer Science and Physics opened a lot of doors.</p></div> |
− | + | <div class="imageBox"> | |
− | + | <div class="imageInn"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/d/d6/T--Montpellier--marie1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px"> | |
− | + | </div> | |
− | + | <div class="hoverImg"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/a/a9/T--Montpellier--marie2_mtp.png" alt="lea" style = "transform: rotate(-90deg); height:200px"> | |
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | </ | + | <br/><br/><br/> |
− | + | <br/><br/><br/> | |
− | < | + | <!-- Julien-----------------------------------------------------------------------------------------------------------------------------> |
+ | <div class="team"> | ||
+ | <div class="imageBox"> | ||
+ | <div class="imageInn"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/47/T--Montpellier--julien1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
+ | <div class="hoverImg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/55/T--Montpellier--julien2_mtp.png" alt="lea" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="texte"><h2>Julien Mathieu</h2><p>Julien is our IT guy doing the bioinformatic part of the project. Doing a Master Degree in Biophysics he is always enthusiastic for doing Molecular Biology in the lab which allowed him to get away from his computer for some times (even though he would quickly go back to it). He always has an anecdote to tell during lunch times.</p></div> | ||
− | < | + | </div> |
− | + | ||
− | |||
− | <br> | + | <br/><br/><br/> |
− | <br> | + | <br/><br/><br/> |
+ | <!-- Léo-------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <div class="team"> | ||
+ | <div class="texte"><h2>Leo Carrillo</h2><p>Léo is the best team manager we could have ever hoped for. (He forced me to write this, he is a tyrant, help us please ☹). Always there to remind us that it’s not time to go back home ... but we will follow like baby sheep our leader to the gold medal.</p></div> | ||
+ | <div class="imageBox"> | ||
+ | <div class="imageInn"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/cb/T--Montpellier--leo1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
+ | <div class="hoverImg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/1e/T--Montpellier--leo2_mtp.png" alt="lea" style = "transform: rotate(-90deg); height:200px"> | ||
+ | </div> | ||
+ | </div> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
− | </ | + | <br/><br/><br/> |
+ | <br/><br/><br/> | ||
− | < | + | <!-- Miguel----------------------------------------------------------------------------------------------------------------------------------------> |
− | + | ||
− | |||
+ | <div class="team"> | ||
+ | <div class="photo"><img src="https://static.igem.org/mediawiki/2018/4/41/T--Montpellier--miguel1_mtp.png" style = "height:200px; transform: rotate(-90deg); "/></div> | ||
+ | <div class="texte"><h2>Miguel Enrique Camacho Rufino</h2><p>Miguel is from Peru. He never hesitates to tell us how much the things that we do here seem weird to him. He is the main reason lab working is fun for us. He always has a fun story to say and some of his sentences became very popular in the team. His knowledge of molecular biology helped us in many occasions.</p></div> | ||
+ | </div> | ||
− | < | + | <br/><br/><br/> |
− | + | <br/><br/><br/> | |
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | <!-- Maxime-----------------------------------------------------------------------------------------------------------------------------------------------> |
− | + | ||
− | < | + | <div class="team"> |
+ | <div class="texte"><h2>Maxime Heintzé</h2><p>Maxime is a curly-haired longboard-rider Biotechnology student. He’s very good at making very bad puns. He’s part of the wiki team with Marie and likes to spend his afternoons coding in a couch.</p></div> | ||
− | + | <div class="imageBox"> | |
− | + | <div class="imageInn"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/1/1a/T--Montpellier--maxime1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px"> | |
− | <div class="imageBox"> | + | </div> |
− | + | <div class="hoverImg"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/8/86/T--Montpellier--maxime2_mtp.png" alt="Maxime" style = "transform: rotate(-90deg); height:200px"> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | </div> | + | |
− | </div> | + | </div> |
− | <br> | + | <br/><br/><br/> |
− | <br> | + | <br/><br/><br/> |
− | <br> | + | |
+ | <h1>Principal Instructors</h1> | ||
+ | <div class="advisors"> | ||
+ | <div class="element"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/7/71/T--Montpellier--Luca_Montpellier.JPG" class="phototeamcenter"/> | ||
+ | <h3>Luca Ciandrini</h3> | ||
+ | </div> | ||
+ | <div class="element"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/5f/T--Montpellier--Jerome_Montpellier.JPG" class="phototeamcenter"/> | ||
+ | <h3>Jérôme Bonnet</h3> | ||
+ | </div> | ||
+ | <div class="element"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e5/T--Montpellier--Guillaume_Montpellier.JPG" class="phototeamcenter"/> | ||
+ | <h3>Guillaume Cambray</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | <h1>Instructors</h1> | ||
+ | <div class="advisors"> | ||
+ | <div class="element"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/d2/T--Montpellier--Hung_Ju_Montpellier.JPG" class="phototeamcenter"/> | ||
+ | <h3>Hung Ju Chang</h3> | ||
+ | </div> | ||
+ | <div class="element"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/29/T--Montpellier--Ana_Montpellier.JPG" class="phototeamcenter"/> | ||
+ | <h3>Ana Zuniga</h3> | ||
+ | </div> | ||
+ | <div class="element"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/28/T--Montpellier--Peter_Montpellier.JPG" class="phototeamcenter"/> | ||
+ | <h3>Peter Voyvodic</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | <h1>Advisor</h1> | ||
+ | <div class="advisor"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/7/76/T--Montpellier--Sarah_Montpellier.JPG" class="phototeamcenter"/> | ||
+ | <h3>Sarah Guiziou</h3> | ||
+ | </div> | ||
+ | </section> | ||
+ | </body> | ||
− | + | </html> | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
{{Template:Montpellier/Footer}} | {{Template:Montpellier/Footer}} |
Latest revision as of 16:23, 7 December 2018
Léa Meneu
Early bird and night owl at the same time, Léa is the one spending the most time working at the bench. She is responsible for the good atmosphere in the lab with her music and party stories. Also her knowledge of Synthetic Biology is very helpful for the team throughout the months.
Elsa Fristot
Elsa is studying drug engineering at the Faculty of Pharmacy. This allows her to have a better vision of the future of our project. She worked with Tamara on the illustrations and she came up with the cool project title and logo.
Tamara Yehouessi
Tamara is a self-made artist studying Biotechnologies. She’s the one that had the original idea of the project. Together with Elsa she is responsible of a the graphic and communication of Vagineering. She did a huge job at designing sequences (#SUF) and still managed to create the comic book.
Younes Babaaziz
This Moroccan Biophysics student is responsible for the Spermatozoa Tracking software. He spends his days in front of his computer. Rarely taking a break, Younes is able to eat his lunch in up to 5 minutes to go back to work.
Marie Peras
Marie is the head of the wiki team. She is as able to spend hours coding as to stay very late at the lab for experiments. She is also in charge of the Sperm Motility Assay experiments. Her knowledge and experience in Biology, Computer Science and Physics opened a lot of doors.
Julien Mathieu
Julien is our IT guy doing the bioinformatic part of the project. Doing a Master Degree in Biophysics he is always enthusiastic for doing Molecular Biology in the lab which allowed him to get away from his computer for some times (even though he would quickly go back to it). He always has an anecdote to tell during lunch times.
Leo Carrillo
Léo is the best team manager we could have ever hoped for. (He forced me to write this, he is a tyrant, help us please ☹). Always there to remind us that it’s not time to go back home ... but we will follow like baby sheep our leader to the gold medal.
Miguel Enrique Camacho Rufino
Miguel is from Peru. He never hesitates to tell us how much the things that we do here seem weird to him. He is the main reason lab working is fun for us. He always has a fun story to say and some of his sentences became very popular in the team. His knowledge of molecular biology helped us in many occasions.
Maxime Heintzé
Maxime is a curly-haired longboard-rider Biotechnology student. He’s very good at making very bad puns. He’s part of the wiki team with Marie and likes to spend his afternoons coding in a couch.
Principal Instructors
Luca Ciandrini
Jérôme Bonnet
Guillaume Cambray
Instructors
Hung Ju Chang
Ana Zuniga
Peter Voyvodic
Advisor
Sarah Guiziou