Difference between revisions of "Team:Bordeaux/Team"

m
m (fix responsive matters.WIP : change img on hover with tree pictures)
Line 36: Line 36:
 
}
 
}
 
.card img{
 
.card img{
−
    position: relative;
 
 
     z-index:0;
 
     z-index:0;
 
     display: block;
 
     display: block;
−
     width: 500px;
+
     max-width:350px;
−
     height:500px;
+
     min-height:350px;
 +
    width: auto;
 +
    height: auto;
 
}
 
}
 
.rectangle{
 
.rectangle{
Line 47: Line 48:
 
     display:table;
 
     display:table;
 
     z-index:3;
 
     z-index:3;
−
     top:82%;
+
     top:85%;
 
     width:100%;
 
     width:100%;
 
     height:100%;
 
     height:100%;
Line 57: Line 58:
 
}
 
}
 
.card:hover > .rectangle{
 
.card:hover > .rectangle{
−
     top:72%;
+
     top:75%;
 
}
 
}
 
.hidden-text{
 
.hidden-text{
Line 80: Line 81:
 
@media screen and (max-width: 1200px) and (min-width : 980px) {
 
@media screen and (max-width: 1200px) and (min-width : 980px) {
 
     .rectangle {
 
     .rectangle {
−
         top:80%;
+
         top:84%;
 
     }
 
     }
 
     .card:hover > .rectangle{
 
     .card:hover > .rectangle{
−
         top:69%;
+
         top:74%;
 
     }
 
     }
 
     .hidden-text{
 
     .hidden-text{
Line 91: Line 92:
 
@media screen and (max-width: 768px) and (min-width : 576px) {
 
@media screen and (max-width: 768px) and (min-width : 576px) {
 
     .rectangle {
 
     .rectangle {
−
         top:80%;
+
         top:84%;
 
     }
 
     }
 
     .card:hover > .rectangle{
 
     .card:hover > .rectangle{
−
         top:65%;
+
         top:74%;
 
     }
 
     }
 
     .hidden-text{
 
     .hidden-text{
Line 102: Line 103:
 
@media screen and (max-width: 374px) and (min-width : 280px) {
 
@media screen and (max-width: 374px) and (min-width : 280px) {
 
     .rectangle {
 
     .rectangle {
−
         top:78%;
+
         top:84%;
 
     }
 
     }
 
     .card:hover > .rectangle{
 
     .card:hover > .rectangle{
−
         top:66.5%;
+
         top:74%;
 
     }
 
     }
 
     .hidden-text{
 
     .hidden-text{
Line 113: Line 114:
 
@media screen and (max-width: 280px) {
 
@media screen and (max-width: 280px) {
 
     .rectangle {
 
     .rectangle {
−
         top:74%;
+
         top:84%;
 
     }
 
     }
 
     .card:hover > .rectangle{
 
     .card:hover > .rectangle{
−
         top:60%;
+
         top:72%;
 
     }
 
     }
 
     .hidden-text{
 
     .hidden-text{
Line 152: Line 153:
 
                             <img class="card-img-top" src="" alt="Denis">
 
                             <img class="card-img-top" src="" alt="Denis">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Denis
 
                                     Denis
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 173: Line 174:
 
                             <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/19/T--Bordeaux--margueritte.png" alt="Margueritte">
 
                             <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/19/T--Bordeaux--margueritte.png" alt="Margueritte">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Margueritte
 
                                     Margueritte
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 193: Line 194:
 
                     <div class="col-xs-12 col-sm-6 col-lg-4" >
 
                     <div class="col-xs-12 col-sm-6 col-lg-4" >
 
                         <div id="Thoams" class="card">
 
                         <div id="Thoams" class="card">
−
                             <img class="card-img-top" src="" alt="Thoams">
+
                             <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/f/fc/T--Bordeaux--thoams.jpg" alt="Thoams">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Thoams
 
                                     Thoams
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 216: Line 217:
 
                             <img class="card-img-top" src="" alt="Ines">
 
                             <img class="card-img-top" src="" alt="Ines">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Ines
 
                                     Ines
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 236: Line 237:
 
                             <img class="card-img-top" src="" alt="Ines">
 
                             <img class="card-img-top" src="" alt="Ines">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Pierre
 
                                     Pierre
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 257: Line 258:
 
                             <img class="card-img-top" src="" alt="Yasmine">
 
                             <img class="card-img-top" src="" alt="Yasmine">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Yasmine
 
                                     Yasmine
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 278: Line 279:
 
                             <img class="card-img-top" src="" alt="Lorine">
 
                             <img class="card-img-top" src="" alt="Lorine">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Lorine
 
                                     Lorine
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 300: Line 301:
 
                             <img class="card-img-top" src="" alt="David">
 
                             <img class="card-img-top" src="" alt="David">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     David
 
                                     David
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 321: Line 322:
 
                             <img class="card-img-top" src="" alt="François">
 
                             <img class="card-img-top" src="" alt="François">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     François
 
                                     François
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 342: Line 343:
 
                             <img class="card-img-top" src="" alt="Maëlle">
 
                             <img class="card-img-top" src="" alt="Maëlle">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Maëlle
 
                                     Maëlle
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 363: Line 364:
 
                             <img class="card-img-top" src="" alt="Sandro">
 
                             <img class="card-img-top" src="" alt="Sandro">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Sandro
 
                                     Sandro
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 383: Line 384:
 
                             <img class="card-img-top" src="" alt="Jean-Clément">
 
                             <img class="card-img-top" src="" alt="Jean-Clément">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Jean Clément
 
                                     Jean Clément
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 403: Line 404:
 
                             <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/a0/T--Bordeaux--frederic.jpg" alt="Frederic">
 
                             <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/a0/T--Bordeaux--frederic.jpg" alt="Frederic">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Frederic
 
                                     Frederic
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 423: Line 424:
 
                             <img class="card-img-top" src="" alt="Anaïs">
 
                             <img class="card-img-top" src="" alt="Anaïs">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Anaïs
 
                                     Anaïs
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 444: Line 445:
 
                             <img class="card-img-top" src="" alt="Arthur">
 
                             <img class="card-img-top" src="" alt="Arthur">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Arthur
 
                                     Arthur
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
Line 465: Line 466:
 
                             <img class="card-img-top" src="" alt="Seb">
 
                             <img class="card-img-top" src="" alt="Seb">
 
                             <div class="card-body rectangle">
 
                             <div class="card-body rectangle">
−
                                 <h4 class="card-title memb-name">
+
                                 <h5 class="card-title memb-name">
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
 
                                     Sebastien
 
                                     Sebastien
−
                                 </h4>
+
                                 </h5>
 
                                 <i class="card-text">
 
                                 <i class="card-text">
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
 
                                     <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->

Revision as of 14:22, 9 August 2018

We are IGEM Bordeaux 2018

Among the 56000 student-trees of the University of Bordeaux was living XX motivated and ambitious young-trees. All scattered into the green mass, they reunited on this day of November 2017 to learn more about the iGEM competition. Their wise predecessors told them the adventure they lived last year. Envious and dreamers, they decided to take up the challenge too. Our XX trees come from different horizons, with different backgrounds and future perspectives but they are all reunited by the desire to expand their branches of knowledge. As the time passed, only the trees with very resistant roots survived to the “let it go” storm. After that our XX young little trees were reunited to form a stronger gathering ready to start the competition.

Denis
Denis
The sequoia

He is in some sort the founder father of the forest. He is nothing less than a researcher officer at the National Institute of Health and Medical Research (INSEREM). It is him who sowed the seeds since 6 years now, and watch them to grow until the Jamboree.

Margueritte
Margueritte
The ginkgo

She is a first year Plant Biotechnology Masters student. This ancestral tree is very powerful. Indeed, she is both president of the team, and in charge of the Human practice pole. It is good to have a ginkgo around it brings many health benefits.

Thoams
Thoams
The bonsai

He graduated this year of a Biotechnology Engineering School. Symbol of ideas communication, he is at the head of the partnerships and funding pole. He participates to the competition for the second time, therefore this tree is always here to give an attentive leaf to the needs of the team.

Ines
Ines
The cherry tree

She is a first year bioinformatics Master student. In charge of the Communication pole, her aim is to make shining the team as much as her flowers in lovely day of spring.

Ines
Pierre
The stick insect

He is a first year Bioinformatics Masters student. Passionate about computing, he delved the topic until to perfectly match to it. Most of the time he hides behind a screen to code and build the wiki.

Yasmine
Yasmine
The fir

She graduated this year with a Bachelor in Molecular and Cellular Biology. At the head of the thorny Scientific pole she has to coordinate all the progress of the various project carried out. Her needles shelter someone who loves to escape the everyday grind by traveling or having deep readings.

Lorine
Lorine
The eucalyptus

She graduated this year with a Bachelor in Molecular and Cellular Biology. She is not from Australia but her determination is from the same size. She leads the wiki construction, et make sure everything is written on time. This tree needs a minimum of sun each day.

David
David
The oak

He graduated this year with a Bachelor in Molecular and Cellular Biology. His branches are active in the scientific pole. Caution, this tree is robust and cannot be grown inside.

François
François
The poplar

He graduated this year with a Bachelor degree in Molecular and Cellular Biology. This tree is tall such as his implication in the work lab for iGEM. A healthy mind in a healthy trunk is his motto.

Maëlle
Maëlle
The mapple

She is in third year of Biotech Engineering School. She takes part of the iGEM lab experiments. Some other trees reported she regularly use 5mL propipette to share her mapple syrup.

Sandro
Sandro
The weeping willow

He graduated this year with a Bachelor in Cells and Organisms Biology. Apparently he did not whimper to participate to the iGEM lab work, and he is not wailing neither during his working time.

Jean-Clément
Jean Clément
The pine

He graduated this year in Biology of Cells and Organisms. He grows straight up, like a rocket that wants to discover the world.

Frederic
Frederic
The linden

He is a first year Bioinformatics Masters student. Curious about new technology he planned to build an algorithm to calculate the exact time needed for a perfect infusion.

Anaïs
Anaïs
The cocoa tree

She graduated with a Bachelor in Cells and Organisms Biology. Very coveted for her fruits. Well managed and processed you can extract from her a piece of heaven

Arthur
Arthur
The pistachio

He graduated this year with a Bachelor in Molecular and Cellular Biology. His green ideas intermingle music, DIY, and computer science. All in one shell.

Seb
Sebastien
The catalpa

He if a first year Bioinformatics Master student. Hiding in the shadow, he is here to support the Bioinformatic team of Bordeaux. Ready to respond for any computing matters, his mind will always respond to the call of programming.