Difference between revisions of "Team:Bordeaux/Team"

 
(39 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
−
 
−
    <head>
 
−
        <meta charset="utf-8" />
 
−
        <style>
 
−
@import url(http://fonts.googleapis.com/css?family=Anaheim);
 
−
 
−
*{
 
−
  margin: 0;
 
−
  padding: 0;
 
−
  outline: none;
 
−
  border: none;
 
−
box-sizing: border-box;
 
−
}
 
−
*:before,
 
−
*:after{
 
−
box-sizing: border-box;
 
−
}
 
−
html,
 
−
body{
 
−
min-height: 100%;
 
−
}
 
−
body{
 
−
 
−
}
 
−
h1{
 
−
display: table;
 
−
margin: 5% auto 0;
 
−
text-transform: uppercase;
 
−
font-family: 'Anaheim', sans-serif;
 
−
font-size: 4em;
 
−
font-weight: 400;
 
−
text-shadow: 0 1px white, 0 2px black;
 
−
}
 
−
.container{
 
−
margin: 4% auto;
 
−
width: 210px;
 
−
height: 140px;
 
−
position: relative;
 
−
perspective: 1000px;
 
−
}
 
−
#carousel{
 
−
width: 100%;
 
−
height: 100%;
 
−
position: absolute;
 
−
transform-style: preserve-3d;
 
−
animation: rotation 20s infinite linear;
 
−
}
 
−
#carousel:hover{
 
−
animation-play-state: paused;
 
−
}
 
−
#carousel figure{
 
−
display: block;
 
−
position: absolute;
 
−
width: 186px;
 
−
height: 116px;
 
−
left: 10px;
 
−
top: 10px;
 
−
background: black;
 
−
overflow: hidden;
 
−
border: solid 5px black;
 
−
}
 
−
#carousel figure:nth-child(1) {transform: rotateY(0deg) translateZ(500px);}
 
−
#carousel figure:nth-child(2) { transform: rotateY(25deg) translateZ(500px);}
 
−
#carousel figure:nth-child(3) { transform: rotateY(51deg) translateZ(500px);}
 
−
#carousel figure:nth-child(4) { transform: rotateY(77deg) translateZ(500px);}
 
−
#carousel figure:nth-child(5) { transform: rotateY(102deg) translateZ(500px);}
 
−
#carousel figure:nth-child(6) { transform: rotateY(128deg) translateZ(500px);}
 
−
#carousel figure:nth-child(7) { transform: rotateY(154deg) translateZ(500px);}
 
−
#carousel figure:nth-child(8) { transform: rotateY(180deg) translateZ(500px);}
 
−
#carousel figure:nth-child(9) { transform: rotateY(205deg) translateZ(500px);}
 
−
#carousel figure:nth-child(10) { transform: rotateY(231deg) translateZ(500px);}
 
−
#carousel figure:nth-child(11) { transform: rotateY(257deg) translateZ(500px);}
 
−
#carousel figure:nth-child(12) { transform: rotateY(282deg) translateZ(500px);}
 
−
#carousel figure:nth-child(13) { transform: rotateY(310deg) translateZ(500px);}
 
−
#carousel figure:nth-child(14) { transform: rotateY(360deg) translateZ(500px);}
 
−
 
−
img{
 
−
 
−
cursor: pointer;
 
−
transition: all .5s ease;
 
−
}
 
−
img:hover{
 
−
 
−
  transform: scale(1.2,1.2);
 
−
}
 
−
 
−
@keyframes rotation{
 
−
from{
 
−
transform: rotateY(0deg);
 
−
}
 
−
to{
 
−
transform: rotateY(360deg);
 
−
}
 
−
}
 
−
        </style>
 
−
        <title>Premiers tests du CSS</title>
 
−
    </head>
 
  
 
<!-- JQUERY for bubble title -->
 
<!-- JQUERY for bubble title -->
Line 130: Line 33:
 
         </script>
 
         </script>
 
         </div>
 
         </div>
 +
    </section>
 +
 +
    <section id="Mascot">
 +
        <div class="content_wrapper">
 +
 +
            <div class="column full_size">
 +
            <h1 style="text-align:center">The mascots</h1> 
 +
 +
            <img src=" https://static.igem.org/mediawiki/2016/b/b1/T--Bordeaux--BiootifulLife.png "
 +
            style="display:block ; margin-left: auto ; margin-right: auto"
 +
            title="Biootiful Life">
 +
 +
<br><br>
 +
 +
            <img src=" https://static.igem.org/mediawiki/2016/9/99/T--Bordeaux--FoolishAdventures.png "
 +
            style="display:block ; margin-left: auto ; margin-right: auto"
 +
            title="Foo(lish) Adventures">
 +
 +
            </div>
 +
 +
        </div>
 +
 
     </section>
 
     </section>
  
Line 138: Line 63:
  
 
             <h3 align="center">Denis DUPUY</h3>
 
             <h3 align="center">Denis DUPUY</h3>
 +
           
 +
<br>
 
             <img src="https://static.igem.org/mediawiki/2016/5/55/T--Bordeaux--Dupuy.png"  
 
             <img src="https://static.igem.org/mediawiki/2016/5/55/T--Bordeaux--Dupuy.png"  
 
             style="display:block ; margin-left: auto ; margin-right: auto; width:75% ; height:auto"  
 
             style="display:block ; margin-left: auto ; margin-right: auto; width:75% ; height:auto"  
 
             id="Dupuy" title="Denis DUPUY, our biology project supervisor">
 
             id="Dupuy" title="Denis DUPUY, our biology project supervisor">
 +
<br>
  
 
             <p align="justify"><b>Denis DUPUY</b> is a Research officer (CR1) at the National Institute of Health and Medical Research (INSERM). He works at the European Institute of Chemistry and Biology on tools and methods needed to perform systematic analysis of spatiotemporal gene expression in vivo in <i>Caenorhabditis elegans</i>.</p>
 
             <p align="justify"><b>Denis DUPUY</b> is a Research officer (CR1) at the National Institute of Health and Medical Research (INSERM). He works at the European Institute of Chemistry and Biology on tools and methods needed to perform systematic analysis of spatiotemporal gene expression in vivo in <i>Caenorhabditis elegans</i>.</p>
Line 147: Line 75:
 
             <div class="column half_size">
 
             <div class="column half_size">
 
             <h3 align="center">Marie BEURTON-AIMAR</h3>
 
             <h3 align="center">Marie BEURTON-AIMAR</h3>
 +
           
 +
<br>
 
             <img src="https://static.igem.org/mediawiki/2016/d/da/T--Bordeaux--Beurton.png"  
 
             <img src="https://static.igem.org/mediawiki/2016/d/da/T--Bordeaux--Beurton.png"  
 
             style="display:block ; margin-left: auto ; margin-right: auto; width:75% ; height:auto"  
 
             style="display:block ; margin-left: auto ; margin-right: auto; width:75% ; height:auto"  
 
             id="Beurton" title="Marie BEURTON-AIMAR, our bioinformatics supervisor">
 
             id="Beurton" title="Marie BEURTON-AIMAR, our bioinformatics supervisor">
  
 +
<br>
 
             <p align="justify"><b>Marie BEURTON AIMAR</b> is is the head of the Bioformatics Master of Bordeaux University. She is also a Research officer at the Bordeaux Laboratory of Research and Informatics (LaBRI) and works on the modeling and simulation of biochemical reactions and on the processing and analysis of biological images.</p>
 
             <p align="justify"><b>Marie BEURTON AIMAR</b> is is the head of the Bioformatics Master of Bordeaux University. She is also a Research officer at the Bordeaux Laboratory of Research and Informatics (LaBRI) and works on the modeling and simulation of biochemical reactions and on the processing and analysis of biological images.</p>
 
             </div>
 
             </div>
Line 181: Line 112:
 
             </div>
 
             </div>
 
             </div>
 
             </div>
−
 
+
<br>
 
             <div class="column full_size"><h5 id="teamReturn"><i>Click on the pictures to know more about each team! <br> (Or wait few seconds and something will appear..)</i></h5></div>
 
             <div class="column full_size"><h5 id="teamReturn"><i>Click on the pictures to know more about each team! <br> (Or wait few seconds and something will appear..)</i></h5></div>
 
    
 
    
Line 191: Line 122:
 
             <div class="column half_size">
 
             <div class="column half_size">
 
              
 
              
−
             <h3 align="center">Team Survivor</h3><img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"  
+
             <h3 align="center">Team Survivor</h3>
 +
            <br>
 +
            <img src="https://static.igem.org/mediawiki/2016/7/78/T--Bordeaux--Survivor.jpg"  
 
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"  
 
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"  
−
            onmouseover="this.src=' https://static.igem.org/mediawiki/2016/f/f3/T--Bordeaux--Button.png '"
 
−
            style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
 
 
             onclick="focus_display('Survivor')"
 
             onclick="focus_display('Survivor')"
−
            onmouseout="this.src=' https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg '"
+
             id="Survivor" title="Team Survivor">
−
            style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
+
            <br>
−
             id="Survivor" title="The Survivors">
+
 
              
 
              
 
             <h3 align="center" style="color:red">Team Valor</h3>
 
             <h3 align="center" style="color:red">Team Valor</h3>
 +
            <br>
 
             <img src="https://static.igem.org/mediawiki/2016/6/63/T--Bordeaux--Valor1.jpg"  
 
             <img src="https://static.igem.org/mediawiki/2016/6/63/T--Bordeaux--Valor1.jpg"  
−
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"  
+
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:90% ; height:auto"  
 
             onmouseover="this.src=' https://static.igem.org/mediawiki/2016/6/65/T--Bordeaux--Valor2.jpg '"  
 
             onmouseover="this.src=' https://static.igem.org/mediawiki/2016/6/65/T--Bordeaux--Valor2.jpg '"  
−
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
+
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:90% ; height:auto"
 
             onclick="focus_display('Valor')"
 
             onclick="focus_display('Valor')"
 
             onmouseout="this.src=' https://static.igem.org/mediawiki/2016/6/63/T--Bordeaux--Valor1.jpg '"  
 
             onmouseout="this.src=' https://static.igem.org/mediawiki/2016/6/63/T--Bordeaux--Valor1.jpg '"  
−
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
+
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:90% ; height:auto"
 
             id="Valor" title="Team Valor">
 
             id="Valor" title="Team Valor">
 
             </div>
 
             </div>
Line 214: Line 145:
 
              
 
              
 
             <h3 align="center" style="color:blue">Team Mystic</h3>
 
             <h3 align="center" style="color:blue">Team Mystic</h3>
 +
            <br>
 
             <img src="https://static.igem.org/mediawiki/2016/6/64/T--Bordeaux--Mystic1.png"  
 
             <img src="https://static.igem.org/mediawiki/2016/6/64/T--Bordeaux--Mystic1.png"  
 
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
 
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
Line 222: Line 154:
 
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
 
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
 
             id="Mystic" title="Team Mystic">
 
             id="Mystic" title="Team Mystic">
 +
            <br>
 
              
 
              
 
             <h3 align="center" style="color:yellow">Team Instinct</h3>
 
             <h3 align="center" style="color:yellow">Team Instinct</h3>
−
             <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"
+
            <br>
−
            style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
+
             <img src="https://static.igem.org/mediawiki/2016/2/29/T--Bordeaux--Instinct.jpg"  
−
            onmouseover="this.src=' https://static.igem.org/mediawiki/2016/f/f3/T--Bordeaux--Button.png '"  
+
 
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
 
             style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
 
             onclick="focus_display('Instinct')"
 
             onclick="focus_display('Instinct')"
−
            onmouseout="this.src=' https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg '"
 
−
            style="display:block ; margin-left:auto ; margin-right: auto ; padding:10px ; width:80% ; height:auto"
 
 
             id="Instinct" title="Team Instinct">
 
             id="Instinct" title="Team Instinct">
 
             </div>
 
             </div>
Line 236: Line 166:
 
         </div>
 
         </div>
  
 +
<!-- JQUERY for moving menu -->
 +
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
 
         <script>
 
         <script>
  
Line 284: Line 217:
 
                 html += "            <div class=\"column half_size\">";
 
                 html += "            <div class=\"column half_size\">";
 
                 html += "            ";
 
                 html += "            ";
−
                 html += "            <img src=\"http:\/\/2016.igem.org\/wiki\/images\/8\/8b\/T--Bordeaux--Tempory.jpeg\" ";
+
                 html += "            <img src=\"http:\/\/2016.igem.org\/wiki\/images\/7\/78\/T--Bordeaux--Survivor.jpg\" ";
 
                 html += "            style=\"display:block ; margin-left:auto ; margin-right:auto ; width:90% ; height:auto\"> ";
 
                 html += "            style=\"display:block ; margin-left:auto ; margin-right:auto ; width:90% ; height:auto\"> ";
 
                 html += "            ";
 
                 html += "            ";
Line 295: Line 228:
 
                 html += "            <h3>Jean DESCARPENTRIE, the Pirate of Genetics<\/h3>";
 
                 html += "            <h3>Jean DESCARPENTRIE, the Pirate of Genetics<\/h3>";
 
                 html += "            <p align=\"justify\"><b>23 years old<\/b>, currently in his 5th year of <i>Molecular and Cellular Genetics (Bordeaux University)<\/i>, he participated to the previous project <b>Cur'ed Vine<\/b>. Master of (role playing) games, he loves to tease all the team members with his jokes. He suggested the first subject ideas for the new project <b> Sleep with EpiC elegans<\/b>.<\/p>";
 
                 html += "            <p align=\"justify\"><b>23 years old<\/b>, currently in his 5th year of <i>Molecular and Cellular Genetics (Bordeaux University)<\/i>, he participated to the previous project <b>Cur'ed Vine<\/b>. Master of (role playing) games, he loves to tease all the team members with his jokes. He suggested the first subject ideas for the new project <b> Sleep with EpiC elegans<\/b>.<\/p>";
−
                html += "            ";
 
−
                html += "            <h3>Charlotte MAILLOT, the Human Jukebox<\/h3>";
 
−
                html += "            <p align=\"justify\"><b>21 years old<\/b>, currently in her 3rd year in <i>the Engineering School of Biotechnology (ENSTBB)<\/i>, she participated to the previous project <b>Cur'ed Vine<\/b>. Always smiling, she helps the team with her English skills from Switzerland where she has her school internship. We miss you little Chaa !<\/p>";
 
 
                 html += "            ";
 
                 html += "            ";
 
                 html += "            <h3>Emilie GOUNIN, the Unicorn Lover<\/h3>";
 
                 html += "            <h3>Emilie GOUNIN, the Unicorn Lover<\/h3>";
Line 308: Line 238:
 
                 html += "            <p align=\"justify\"><b>23 years old<\/b>, currently in her 5th year of <i>Agroscience Biology specialized in Biotechnologies and Plant Biology (Bordeaux University)<\/i>, he participated to the previous project <b>Cur'ed Vine<\/b>. Always saying \"Have you talked about me?\" when he hears his name, he supports the team by giving many advices.<\/p>";
 
                 html += "            <p align=\"justify\"><b>23 years old<\/b>, currently in her 5th year of <i>Agroscience Biology specialized in Biotechnologies and Plant Biology (Bordeaux University)<\/i>, he participated to the previous project <b>Cur'ed Vine<\/b>. Always saying \"Have you talked about me?\" when he hears his name, he supports the team by giving many advices.<\/p>";
 
                 html += "            ";
 
                 html += "            ";
−
                 html += "            <h3>Thomas FAVRAUD, the Secret Man<\/h3>";
+
                 html += "            <h3>Charlotte MAILLOT, the Human Jukebox<\/h3>";
−
                 html += "            <p align=\"justify\"><b>22 years old<\/b>, in his 2nd year in <i>the Engineering School of Biochemistry, Chemistry and Physics (ENSTBP)<\/i>, he participated to the previous project <b>Cur'ed Vine<\/b>. He wants to have many strings to his bow, learning both biotechnology and nanotechnology.<\/p>";
+
                 html += "            <p align=\"justify\"><b>21 years old<\/b>, currently in her 3rd year in <i>the Engineering School of Biotechnology (ENSTBB)<\/i>, she participated to the previous project <b>Cur'ed Vine<\/b>. Always smiling, she helps the team with her English skills from the north east of France where she has her school internship. We miss you little Chaa!<\/p>";
 
                 html += "            ";
 
                 html += "            ";
 
                 html += "          <a href=\"#teamReturn\"><h5 style=\"text-align:right\"><i>Return to the other teams ...<\/i><\/h5><\/a>";
 
                 html += "          <a href=\"#teamReturn\"><h5 style=\"text-align:right\"><i>Return to the other teams ...<\/i><\/h5><\/a>";
Line 321: Line 251:
 
                 html += "            <div class=\"column half_size\">";
 
                 html += "            <div class=\"column half_size\">";
 
                 html += "            ";
 
                 html += "            ";
−
                 html += "            <img src=\"http:\/\/2016.igem.org\/wiki\/images\/6\/65\/T--Bordeaux--Valor2.jpg\" ";
+
                 html += "            <img src=\"http:\/\/2016.igem.org\/wiki\/images\/6\/65\/T--Bordeaux--Valor2.jpg \"";
 
                 html += "            style=\"display:block ; margin-left:auto ; margin-right: auto ; width:90% ; height:auto\"> ";
 
                 html += "            style=\"display:block ; margin-left:auto ; margin-right: auto ; width:90% ; height:auto\"> ";
 
                 html += "            ";
 
                 html += "            ";
Line 365: Line 295:
 
                 html += "            ";
 
                 html += "            ";
 
                 html += "            <h3>Marie BONNIN, Little Marie<\/h3>";
 
                 html += "            <h3>Marie BONNIN, Little Marie<\/h3>";
−
                 html += "            <p align=\"justify\"><b>21 years old<\/b>, currently in 1st year of <i>the Engineering School of Biochemistry, Chemistry and Physics (ENSTBP)<\/i>, she started the iGEM adventure since this year. Always full of energy, she is interested in pretty much everything. The legend says that her bloodline comes from the love story between a woman and one of the last hobbits.<\/p>";
+
                 html += "            <p align=\"justify\"><b>21 years old<\/b>, currently in 1st year of <i>the Engineering School of Biochemistry, Chemistry and Physics (ENSTBP)<\/i>, she started the iGEM adventure this year. Always full of energy, she is interested in pretty much everything. The legend says that her bloodline comes from the love story between a woman and one of the last hobbits.<\/p>";
 
                 html += "            ";
 
                 html += "            ";
 
                 html += "            <h3>Fatma SALECK, the Pokémon Go Hunter <\/h3>";
 
                 html += "            <h3>Fatma SALECK, the Pokémon Go Hunter <\/h3>";
Line 376: Line 306:
 
                 html += "            <p align=\"justify\"><b>22 years old<\/b>, currently in 4th year of <i>Molecular and Cellular Genetics (Bordeaux University)<\/i>, she started the iGEM adventure this year. She loves wandering into the wilderness to take pictures. The legend says that her bloodline comes from the love story between a woman and one of the last giants.<\/p>";
 
                 html += "            <p align=\"justify\"><b>22 years old<\/b>, currently in 4th year of <i>Molecular and Cellular Genetics (Bordeaux University)<\/i>, she started the iGEM adventure this year. She loves wandering into the wilderness to take pictures. The legend says that her bloodline comes from the love story between a woman and one of the last giants.<\/p>";
 
                 html += "            ";
 
                 html += "            ";
−
                 html += " <h3>Alexandre DE BARROS, the Poster Designer<\/h3>";
+
                 html += "           <h3>Alexandre DE BARROS, the Poster Designer<\/h3>";
 
                 html += "            <p align=\"justify\"><b>21 years old<\/b>, currently in 3rd year of <i>Molecular Biology and Cellular Physiology (Bordeaux University)<\/i>, he started the iGEM adventure this year. At day, he is an Photoshop expert making for the team some great and wonderful banner and posters. But when the night comes, he becomes a Rock Star ... <\/p>";
 
                 html += "            <p align=\"justify\"><b>21 years old<\/b>, currently in 3rd year of <i>Molecular Biology and Cellular Physiology (Bordeaux University)<\/i>, he started the iGEM adventure this year. At day, he is an Photoshop expert making for the team some great and wonderful banner and posters. But when the night comes, he becomes a Rock Star ... <\/p>";
 
                 html += "            ";         
 
                 html += "            ";         
Line 389: Line 319:
 
                 html += "            <div class=\"column half_size\">";
 
                 html += "            <div class=\"column half_size\">";
 
                 html += "            ";
 
                 html += "            ";
−
                 html += "            <img src=\"http:\/\/2016.igem.org\/wiki\/images\/8\/8b\/T--Bordeaux--Tempory.jpeg\" ";
+
                 html += "            <img src=\"http:\/\/2016.igem.org\/wiki\/images\/2\/29\/T--Bordeaux--Instinct.jpg\" ";
 
                 html += "            style=\"display:block ; margin-left:auto ; margin-right: auto ; width:90% ; height:auto\"> ";
 
                 html += "            style=\"display:block ; margin-left:auto ; margin-right: auto ; width:90% ; height:auto\"> ";
 
                 html += "            ";
 
                 html += "            ";
Line 401: Line 331:
 
                 html += "            <p align=\"justify\"><b>23 years old<\/b>, currently in 4th year of <i>Molecular and Cellular Genetics (Bordeaux University)<\/i>, he started the iGEM adventure this year. He likes singing at loud in the lab during doing his experiments. He always success the PCR that's why, the team calls him \"Fairy fingers of PCR\".<\/p>";
 
                 html += "            <p align=\"justify\"><b>23 years old<\/b>, currently in 4th year of <i>Molecular and Cellular Genetics (Bordeaux University)<\/i>, he started the iGEM adventure this year. He likes singing at loud in the lab during doing his experiments. He always success the PCR that's why, the team calls him \"Fairy fingers of PCR\".<\/p>";
 
                 html += "            ";
 
                 html += "            ";
−
                 html += " <h3>Noémie DUBUC, the CRISPR-CAS9 lover<\/h3>";
+
                 html += "           <h3>Noémie DUBUC, the CRISPR-CAS9 lover<\/h3>";
 
                 html += "            <p align=\"justify\"><b>23 years old<\/b>, currently in 5th year of <i>Molecular and Cellular Genetics (Bordeaux University)<\/i>, she started the iGEM adventure this year. Always have many ideas for the CRISPR project, To continue ... <\/p>";
 
                 html += "            <p align=\"justify\"><b>23 years old<\/b>, currently in 5th year of <i>Molecular and Cellular Genetics (Bordeaux University)<\/i>, she started the iGEM adventure this year. Always have many ideas for the CRISPR project, To continue ... <\/p>";
 
                 html += "            ";  
 
                 html += "            ";  
 +
                html += "            <h3>Maurene BINDELS, the Treasure Hunter<\/h3>";
 +
                html += "            <p align=\"justify\"><b>21 years old<\/b>, currently in 2nd year in <i>the Engineering School of Biotechnology (ENSTBB)<\/i>; she started the iGEM adventure this year. If she wasn't in science studies, her dream would be to be a journalist because she has great skills in writing. She helped a lot on the sponsoring part. <\/p>";
 +
                html += "            ";
 
                 html += "            <h3>Linejy TAVARS, the Female Joker <\/h3>";
 
                 html += "            <h3>Linejy TAVARS, the Female Joker <\/h3>";
 
                 html += "            <p align=\"justify\"><b>24 years old<\/b>, currently in 5th year of <i>Agroscience Biology specialized in Biotechnologies and Plant Biology (Bordeaux University)<\/i>, she started the iGEM adventure this year. Always motivated, she loves doing jokes (even if sometimes, the team doesn't understand it). She organized the Apéro Science events.<\/p>";
 
                 html += "            <p align=\"justify\"><b>24 years old<\/b>, currently in 5th year of <i>Agroscience Biology specialized in Biotechnologies and Plant Biology (Bordeaux University)<\/i>, she started the iGEM adventure this year. Always motivated, she loves doing jokes (even if sometimes, the team doesn't understand it). She organized the Apéro Science events.<\/p>";
 
                 html += "            ";
 
                 html += "            ";
−
                 html += "            <h3>Maurene BINDELS, the Treasure Hunter<\/h3>";
+
                 html += "            <h3>Thomas FAVRAUD, the Secret Man<\/h3>";
−
                 html += "            <p align=\"justify\"><b>21 years old<\/b>, currently in 2nd year in <i>the Engineering School of Biotechnology (ENSTBB)<\/i>; she started the iGEM adventure this year. If she wasn't in science studies, her dream would be to be a journalist because she has great skills in writing. She helped a lot on the sponsoring part. <\/p>";
+
                 html += "            <p align=\"justify\"><b>22 years old<\/b>, in his 2nd year in <i>the Engineering School of Biochemistry, Chemistry and Physics (ENSTBP)<\/i>, he participated to the previous project <b>Cur'ed Vine<\/b>. He wants to have many strings to his bow, learning both biotechnology and nanotechnology.<\/p>";
−
                 html += "            ";  
+
                 html += "            ";
 
                 html += "          <a href=\"#teamReturn\"><h5 style=\"text-align:right\"><i>Return to the other teams ...<\/i><\/h5><\/a>";
 
                 html += "          <a href=\"#teamReturn\"><h5 style=\"text-align:right\"><i>Return to the other teams ...<\/i><\/h5><\/a>";
 
                 html += "            <\/div>";
 
                 html += "            <\/div>";
Line 433: Line 366:
 
     </section>
 
     </section>
  
−
<section id="Mascot">
+
    <section id="gallery">
−
        <div class="content_wrapper">
+
  
−
            <div class="column full_size">
+
    <div class="content_wrapper">
−
            <h1 style="text-align:center">The mascots</h1> 
+
−
            </div>
+
  
−
            <div class="column half_size">
+
    <div class="column full_size">
−
            <h1 align="center">Bioo</h1>
+
−
            <p style="text-align:center"><i>Click on the picture to know more about him!</i></p>  
+
  
−
            <img src=" https://static.igem.org/mediawiki/2016/a/a0/T--Bordeaux--BiooAwake.png "
+
    <a href="https://2016.igem.org/Team:Bordeaux/Photos"><h5>See more photos of us...</h5></a>
−
            style="display:block ; margin-left: auto ; margin-right: auto; width:50% ; height:200px"
+
−
            onmouseover="this.src=' https://static.igem.org/mediawiki/2016/9/97/T--Bordeaux--BiooAsleep.png ' "  
+
−
            style="display:block ; margin-left: auto ; margin-right: auto; width:50% ; height:200px"
+
−
            onclick="Mascot_display('Bioo')"
+
−
            onmouseout="this.src=' https://static.igem.org/mediawiki/2016/a/a0/T--Bordeaux--BiooAwake.png ' "
+
−
            style=" display:block ; margin-left: auto ; margin-right: auto; width:50% ; height:200px"
+
−
            id="Bioo" title="Meet Bioo!">
+
−
            </div>
+
  
−
            <div class="column half_size">
+
<br><br>
−
            <h1 align="center">Foo</h1>
+
−
            <p style="text-align:center"><i>Click on the picture to know more about him!</i></p>  
+
  
−
             <img src=" https://static.igem.org/mediawiki/2016/6/60/T--Bordeaux--FooAwake.png "  
+
    <div class="container">
−
             style="display:block ; margin-left: auto ; margin-right: auto ; width:40% ; height:auto"  
+
        <div id="carousel">
−
             onmouseover="this.src=' https://static.igem.org/mediawiki/2016/e/ef/T--Bordeaux--FooAsleep.png '"  
+
             <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0101.jpg" style="width:100%;height:auto"></figure>
−
             style="display:block ; margin-left: auto ; margin-right: auto ; width:50% ; height:auto"
+
             <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740807-dsc-0123.jpg" style="width:100%;height:auto"> </figure>
−
             onclick="Mascot_display('Foo')"
+
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740814-dsc-0131.jpg" style="width:100%;height:auto"></figure>
−
             onmouseout="this.src=' https://static.igem.org/mediawiki/2016/6/60/T--Bordeaux--FooAwake.png '"  
+
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0136.jpg" style="width:100%;height:auto"></figure>
−
             style="display:block ; margin-left: auto ; margin-right: auto ; width:40% ; height:auto"
+
             <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0147.jpg" style="width:100%;height:auto"> </figure>
−
             id="Foo" title="Meet Foo!">
+
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476741052-img-5112-1.jpg" style="width:100%;height:auto"> </figure>
−
             </div>
+
             <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476741082-img-8826.jpg" style="width:100%;height:auto"> </figure>
 +
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476741084-img-8804.jpg" style="width:100%;height:auto"></figure>
 +
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914252-dsc-0009.jpg" style="width:100%;height:auto"></figure>
 +
             <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914252-dsc-0019.jpg" style="width:100%;height:auto"></figure>
 +
             <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914252-dsc-0110-1.jpg" style="width:100%;height:auto"></figure>
 +
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914252-dsc-0140.jpg" style="width:100%;height:auto"></figure>
 +
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914253-dsc-0377.jpg" style="width:100%;height:auto"></figure>
 +
             <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476915842-logo.jpg" style="width:100%;height:auto"></figure>
 +
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914252-dsc-0146.jpg" style="width:100%;height:auto"></figure>
 +
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914253-dsc-0377.jpg" style="width:100%;height:auto"></figure>
 +
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914252-dsc-0061.jpg" style="width:100%;height:auto"></figure>
 +
            <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914252-dsc-0110.jpg" style="width:100%;height:auto"></figure>
 +
             <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914252-dsc-0146.jpg" style="width:100%;height:auto"></figure>
 +
             <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476914253-dsc-0151.jpg" style="width:100%;height:auto"></figure>
  
−
            <div class="column full_size">
+
 
−
             <div id="MascotComic"></div>
+
              
−
            </div>
+
−
  <div class="container">
+
−
<div id="carousel">
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0101.jpg"width="100%" height="100%"/></figure>
+
−
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740807-dsc-0123.jpg" width="100%" height="100%" /> </figure>
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740814-dsc-0131.jpg" width="100%" height="100%" /></figure>
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0136.jpg" width="100%" height="100%" /> </figure>
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0147.jpg"width="100%" height="100%" /> </figure>
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476741052-img-5112-1.jpg"width="100%" height="100%" /> </figure>
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476741082-img-8826.jpg"width="100%" height="100%" /> </figure>
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476741084-img-8804.jpg"width="100%" height="100%"/></figure>
+
−
 
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476779752-dsc-0008.jpg"width="100%" height="100%"/></figure>
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476779798-dsc-0146.jpg"width="100%" height="100%"/></figure>
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476779843-dsc-0364.jpg"width="100%" height="100%"/></figure>
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476779845-dsc-0371.jpg"width="100%" height="100%"/></figure>
+
−
<figure><img src="http://image.noelshack.com/fichiers/2016/42/1476779838-dsc-0334.jpg"width="100%" height="100%"/></figure>
+
−
</div>
+
−
</div>
+
 
         </div>
 
         </div>
 +
    </div>
  
−
            <!-- JQUERY for moving menu -->
+
    <div class="photos">
−
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
    </div>
−
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+
  
−
        <script>
+
    </div>
−
 
+
<br><br>  
−
            $(function() {
+
    </div>
−
                $("#Bioo").bind('click', function(event) {
+
−
                    $('html, body').stop().animate({
+
−
                        scrollTop: $("#MascotComic").offset().top
+
−
                    }, 1500, 'easeInOutExpo');
+
−
                event.preventDefault();
+
−
                });
+
−
            });
+
−
 
+
−
            $(function() {
+
−
                $("#Foo").bind('click', function(event) {
+
−
                    $('html, body').stop().animate({
+
−
                        scrollTop: $("#MascotComic").offset().top
+
−
                    }, 1500, 'easeInOutExpo');
+
−
                event.preventDefault();
+
−
                });
+
−
            });
+
−
 
+
−
            function Mascot_display(name) {
+
−
                var element = document.getElementById("MascotComic");
+
−
                var html="";
+
−
 
+
−
                if  (name === "Bioo") {
+
−
                    html +="<img src=\"http:\/\/2016.igem.org\/wiki\/images\/8/8b\/T--Bordeaux--Tempory.jpeg\"";
+
−
                    html +="style=\"display:block ; margin-left: auto ; margin-right: auto ; width:100% ; height:auto\"";
+
−
                    html +="id=\"BiooBD\" title=\"(Bioo)tiful Life!\">";
+
−
                }
+
−
 
+
−
                else if (name === "Foo") {
+
−
                    html +="<img src=' http:\/\/2016.igem.org\/wiki\/images\/f\/fa\/T--Bordeaux--FoolishAdvendtures.png' ";
+
−
                    html +="style=\"display:block ; margin-left: auto ; margin-right: auto ; width:100% ; height:auto\"";
+
−
                    html +="id=\"FooBD\" title=\"(Foo)lish Adventures!\">";
+
−
                }
+
−
       
+
−
                element.innerHTML = html;
+
−
            };
+
−
 
+
−
        </script>
+
 
     </section>
 
     </section>
 
</html>
 
</html>
  
 
{{Bordeaux/Footer}}
 
{{Bordeaux/Footer}}

Latest revision as of 02:29, 20 October 2016

Sleep with EpiC elegans

The mascots



Our supervisors

Denis DUPUY



Denis DUPUY is a Research officer (CR1) at the National Institute of Health and Medical Research (INSERM). He works at the European Institute of Chemistry and Biology on tools and methods needed to perform systematic analysis of spatiotemporal gene expression in vivo in Caenorhabditis elegans.

Marie BEURTON-AIMAR



Marie BEURTON AIMAR is is the head of the Bioformatics Master of Bordeaux University. She is also a Research officer at the Bordeaux Laboratory of Research and Informatics (LaBRI) and works on the modeling and simulation of biochemical reactions and on the processing and analysis of biological images.

Together, they have been participating in the iGEM competition since 2012 and they have been supporting the student initiatives through the creation of the iGEM Bordeaux team.

The members

Hiba BEN MOHAMED, a real iGEM addict!

Hiba is the oldest member of our team.
24 years old, currently in her 5th year of Agroscience Biology specialized in Phytopathology and Mycology (Bordeaux University), she started her first iGEM adventure in 2014. Against winds and tides, she is always there (we can't get rid of her!), supporting the team with her happiness and her smile. Money (for sponsoring!) and handsome guys can't resist to her charms.


Click on the pictures to know more about each team!
(Or wait few seconds and something will appear..)

Team Survivor



Team Valor


Team Mystic



Team Instinct


How to find us ?

Feel free to email us to provide some feedback on our project, have some information on the team and our work, or to just say hello !

Mail: igembdx@gmail.com
Copyright © iGEM Bordeaux 2016