Difference between revisions of "Team:Bordeaux/Team"
m (Fix some responsive bugs (pictures and cards)) |
(Tree on hover (have to fix the size of picture)) |
||
| Line 146: | Line 146: | ||
<body> | <body> | ||
<!-- Presentation banner --> | <!-- Presentation banner --> | ||
| − | + | <img class="team_banner" src="https://static.igem.org/mediawiki/2018/9/96/T--Bordeaux--cardbgteam.jpg" alt="Team Bordeaux"> | |
| − | + | <h1 class="text_title"> We are IGEM Bordeaux 2018 </h1> | |
| − | + | <!-- Main Content--> | |
| − | + | <!-- Intro Team IGEM--> | |
| − | + | <div class="container text_intro"> | |
| − | + | <p> | |
| − | + | 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 15 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 15 young little trees were reunited to form a stronger gathering ready to start the competition. | |
| − | + | </p> | |
| − | + | </div> | |
| − | + | <!-- Cards Members --> | |
| − | + | <div class="container card-memb"> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Marguerite" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/1/19/T--Bordeaux--margueritte.png'); background-size:cover; background-position:center;"></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Marguerite | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The ginkgo | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Estelle" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/a/a7/T--Bordeaux--estelle.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Estelle | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The olive tree | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | She graduated of a Master in genetics. From the Southern of France, this mediterranean tree participates to the competition for the second time. After squeezing her fruits you obtain an intersting oil rich in laugh, travel and science fiction. | |
| − | + | It is him who sowed the seeds since 6 years now, and watch them to grow until the Jamboree. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Thomas" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/f/fc/T--Bordeaux--thoams.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Thomas | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The Japenese Maple | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Yasmine" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/2/29/T--Bordeaux--yasmine1.png'); background-size:cover; background-position:center;"></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Yasmine | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The fir | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | She graduated this year with a Bachelor in Molecular and Cellular Biology. She is our team leader and has to coordinate all the progresses from the different poles. In addition she is at the head of the thorny Scientific pole to organize and motivate the lab work. Her needles shelter someone who loves to escape the everyday grind by traveling or having deep readings. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Ines" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/b/bb/T--Bordeaux--ines.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Ines | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The cherry tree | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Pierre" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/4/48/T--Bordeaux--pierre1.png'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Pierre | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The stick insect | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| + | </div> | ||
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Lorine" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/thumb/f/f4/T--Bordeaux--lorine2.jpg/600px-T--Bordeaux--lorine2.jpg'); background-size:cover; background-position:center;"></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Lorine | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The eucalyptus | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="David" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/1/1a/T--Bordeaux--david1.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | David | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The oak | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="François" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/9/95/T--Bordeaux--francois.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | François | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The poplar | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Maëlle" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/5/5d/T--Bordeaux--maelle.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Maëlle | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The mapple | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Sandro" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/d/da/T--Bordeaux--sandro1.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Sandro | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The weeping willow | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Jean-Clément" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/4/40/T--Bordeaux--jean_clement.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Jean Clément | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The pine | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | He graduated this year in Biology of Cells and Organisms. | |
| − | + | He grows straight up, like a rocket that wants to discover the world. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Frederic" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/a/a0/T--Bordeaux--frederic.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Frederic | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The linden | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Anaïs" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/d/d8/T--Bordeaux--anais.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Anaïs | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The cocoa tree | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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 | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Arthur" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/0/05/T--Bordeaux--arthur.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Arthur | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The pistachio | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-xs-12 col-sm-6 col-lg-4" > | |
| − | + | <div id="Sebastien" class="card"> | |
| − | + | <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/9/9b/T--Bordeaux--seb.jpg'); background-size:cover; background-position:center";></div> | |
| − | + | <div class="card-body rectangle"> | |
| − | + | <h5 class="card-title memb-name"> | |
| − | + | <!-- ##### ECRIRE LE NOM EN DESSOUS #####--> | |
| − | + | Sebastien | |
| − | + | </h5> | |
| − | + | <i class="card-text"> | |
| − | + | <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### --> | |
| − | + | The catalpa | |
| − | + | </i> | |
| − | + | <p class="hidden-text"> | |
| − | + | <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####--> | |
| − | + | 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. | |
| − | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | </div> | ||
| + | <script href="https://2018.igem.org/Team:Bordeaux/Template/bootstrapjs?action=raw"></script> | ||
<script> | <script> | ||
$(function() { | $(function() { | ||
| Line 502: | Line 503: | ||
if($(this).find(".hidden-text").hasClass("team-toggled")) return; | if($(this).find(".hidden-text").hasClass("team-toggled")) return; | ||
else { | else { | ||
| + | var img_trees = { | ||
| + | "Marguerite" : "https://static.igem.org/mediawiki/2018/3/38/T--Bordeaux--ginkgo.jpg", | ||
| + | "Estelle" : "https://static.igem.org/mediawiki/2018/d/d4/T--Bordeaux--olive_tree.jpeg", | ||
| + | "Thomas" : "https://static.igem.org/mediawiki/2018/5/5b/T--Bordeaux--japanese_maple.jpg", | ||
| + | "Yasmine" : "https://static.igem.org/mediawiki/2018/8/8b/T--Bordeaux--fir.jpg", | ||
| + | "Ines" : "https://static.igem.org/mediawiki/2018/b/be/T--Bordeaux--cherry_tree.jpg", | ||
| + | "Pierre" : "https://static.igem.org/mediawiki/2018/5/56/T--Bordeaux--stick_insect.jpeg", | ||
| + | "Lorine" : "https://static.igem.org/mediawiki/2018/0/05/T--Bordeaux--eucalyptus.jpg", | ||
| + | "David" : "https://static.igem.org/mediawiki/2018/5/55/T--Bordeaux--oak.jpg", | ||
| + | "François" : "https://static.igem.org/mediawiki/2018/4/48/T--Bordeaux--poplar.jpg", | ||
| + | "Maëlle" : "https://static.igem.org/mediawiki/2018/3/38/T--Bordeaux--maple.jpeg", | ||
| + | "Sandro" : "https://static.igem.org/mediawiki/2018/2/24/T--Bordeaux--weeping_willow.jpg", | ||
| + | "Jean-Clément" : "https://static.igem.org/mediawiki/2018/9/9e/T--Bordeaux--pine.jpg", | ||
| + | "Frederic" : "https://static.igem.org/mediawiki/2018/8/8e/T--Bordeaux--linden.jpg", | ||
| + | "Anaïs" : "https://static.igem.org/mediawiki/2018/9/98/T--Bordeaux--cocoa_tree.jpg", | ||
| + | "Arthur" : "https://static.igem.org/mediawiki/2018/2/22/T--Bordeaux--pistachio.jpeg", | ||
| + | "Sebastien" : "https://static.igem.org/mediawiki/2018/d/dc/T--Bordeaux--catalpa.jpg" | ||
| + | }; | ||
var color_list = ["#8A2BE2"," #A52A2A","#D2691E"," #6495ED","#FF1493","#228B22","#FF69B4"]; | var color_list = ["#8A2BE2"," #A52A2A","#D2691E"," #6495ED","#FF1493","#228B22","#FF69B4"]; | ||
var random_color = color_list[Math.floor(Math.random()*color_list.length)]; | var random_color = color_list[Math.floor(Math.random()*color_list.length)]; | ||
| + | var img_url = $(this).find(".img-profile") | ||
| + | .css("background-image"); // on hover change picture with corresponding tree | ||
| + | var card_id = $(this).attr("id"); | ||
| + | $(this).data("profile_img",img_url); | ||
$(this).find(".rectangle") | $(this).find(".rectangle") | ||
.css({ | .css({ | ||
backgroundColor: random_color, | backgroundColor: random_color, | ||
color: "#ffffff"}); | color: "#ffffff"}); | ||
| + | $(this).find(".img-profile").css("background-image",`url(${img_trees[card_id]})`) | ||
} | } | ||
} | } | ||
| Line 516: | Line 540: | ||
backgroundColor: "#ffffff", | backgroundColor: "#ffffff", | ||
color: "#000000"}); | color: "#000000"}); | ||
| + | $(this).find(".img-profile") | ||
| + | .css("background-image",$(this).data("profile_img")); | ||
} | } | ||
| Line 554: | Line 580: | ||
}); | }); | ||
</script> | </script> | ||
| − | |||
</body> | </body> | ||
Revision as of 17:10, 30 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 15 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 15 young little trees were reunited to form a stronger gathering ready to start the competition.
Marguerite
The ginkgoShe 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.
Estelle
The olive treeShe graduated of a Master in genetics. From the Southern of France, this mediterranean tree participates to the competition for the second time. After squeezing her fruits you obtain an intersting oil rich in laugh, travel and science fiction. It is him who sowed the seeds since 6 years now, and watch them to grow until the Jamboree.
Thomas
The Japenese MapleHe 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.
Yasmine
The firShe graduated this year with a Bachelor in Molecular and Cellular Biology. She is our team leader and has to coordinate all the progresses from the different poles. In addition she is at the head of the thorny Scientific pole to organize and motivate the lab work. Her needles shelter someone who loves to escape the everyday grind by traveling or having deep readings.
Ines
The cherry treeShe 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.
Pierre
The stick insectHe 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.
Lorine
The eucalyptusShe 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
The oakHe 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
The poplarHe 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
The mappleShe 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
The weeping willowHe 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
The pineHe graduated this year in Biology of Cells and Organisms. He grows straight up, like a rocket that wants to discover the world.
Frederic
The lindenHe 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
The cocoa treeShe 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
The pistachioHe graduated this year with a Bachelor in Molecular and Cellular Biology. His green ideas intermingle music, DIY, and computer science. All in one shell.
Sebastien
The catalpaHe 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.