Difference between revisions of "Team:Bordeaux/Team"

Line 4: Line 4:
  
 
<!-- JQUERY for bubble title -->
 
<!-- JQUERY for bubble title -->
−
    <script src="http://savandara.besse.emi.u-bordeaux.fr/Wiki/jquery-1.12.3.min.js"></script>
+
<script src="http://savandara.besse.emi.u-bordeaux.fr/Wiki/jquery-1.12.3.min.js"></script>
−
    <script src="http://savandara.besse.emi.u-bordeaux.fr/Wiki/alphabet.js"></script>
+
<script src="http://savandara.besse.emi.u-bordeaux.fr/Wiki/alphabet.js"></script>
  
−
     <section class="title_toc">
+
     <section class="Team_intro">
  
−
         <canvas id="myCanvas"></canvas>
+
         <canvas id="myCanvas" align="center"></canvas>
 
                 <script src="http://savandara.besse.emi.u-bordeaux.fr/Wiki/bubbles.js"></script>
 
                 <script src="http://savandara.besse.emi.u-bordeaux.fr/Wiki/bubbles.js"></script>
  
 
         <script>
 
         <script>
  
−
         var myName = "The team";
+
         var myName = "Our team";
  
 
         var red = [0, 100, 63];
 
         var red = [0, 100, 63];
Line 34: Line 34:
  
 
         </script>
 
         </script>
 +
 +
    </section>
 +
 +
    <section id="Mascot">
  
 
         <div class="content_wrapper">
 
         <div class="content_wrapper">
  
 
             <div class="column full_size">
 
             <div class="column full_size">
 +
            <h1>We are iGEM Bordeaux!</h1>
 +
            <h3 style="text-align:center">Let us introduce our Mascottes : </h3> 
 +
            </div>
  
−
             <h1>We are iGEM Bordeaux !</h1>
+
             <div class="column half_size">
 +
            <h3 align="center">Bioo</h3>
 +
            <p style="text-align:center"><i>Click on the picture to know about him!</i></p>  
  
 +
            <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"
 +
            style="display:block ; margin-left: auto ; margin-right: auto; width:25% ; height:auto"
 +
            id="Bioo" title="Meet Bioo!" onclick="Mascot_display('Bioo')">
 +
            </div>
 +
 +
 +
            <div class="column half_size">
 +
            <h3 align="center">Foo</h3>
 +
            <p style="text-align:center"><i>Click on the picture to know about him!</i></p>
  
 +
            <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"
 +
            style="display:block ; margin-left: auto ; margin-right: auto ; width:25% ; height:auto"
 +
            id="Foo" title="Meet Foo!" onclick="Mascot_display('Foo')">
 +
            </div>
 +
 +
            <div class="column full_size">
 +
            <div id="MascotComic"></div>
 
             </div>
 
             </div>
  
 
         </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>
 +
 +
            $(function() {
 +
                $("#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 id=name;
 +
                var element = document.getElementById("MascotComic");
 +
                var html="";
 +
 +
                if  (id === "Bioo") {
 +
                    html+= "<h1>(Bioo)tiful Life !</h1>";   
 +
                    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:25% ; height:auto\"";
 +
                    html +="id=\"BiooBD\" title=\"(Bioo)tiful Life!\">";
 +
                }
 +
 +
                else if (id === "Foo") {
 +
                    html += "<h1>(Foo)lish Adventures</h1>";
 +
                    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:25% ; height:auto\"";
 +
                    html +="id=\"FooBD\" title=\"(Bioo)tiful Life!\">";
 +
                }
 +
       
 +
                element.innerHTML = html;
 +
            };
 +
 +
        </script>
 +
 +
    </section>
 +
 +
    <section id="supervisors">
 +
 +
        <div class="content_wrapper">
 +
            <div class="column half_size">
 +
 +
            <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"
 +
            style="display:block ; margin-left: auto ; margin-right: auto; width:400px ; height:300px"
 +
            id="Dupuy" title="Denis DUPUY, our biology project supervisor">
 +
 +
            <p align="justify"><b>Denis DUPUY</b> is our primary Principal Investigator. He 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>C. elegans</i>.</p>
 +
 +
            </div>
 +
 +
            <div class="column half_size">
 +
 +
            <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"
 +
            style="display:block ; margin-left: auto ; margin-right: auto; width:400px ; height:300px"
 +
            id="Beurton" title="Marie BEURTON-AIMAR, our bioinformatics supervisor">
 +
 +
            <p align="justify"><b>Marie BEURTON AIMAR</b> is our secondary Principal Investigator. She is the head of the Bioformatics Master of the Bordeaux University.</p>
 +
 +
            </div>
 +
 +
            <div class="column full_size">
 +
            <h5><i>Together, they have been participated in the iGEM competition since 2012 and promoting student initiatives through the creation of the iGEM Bordeaux team.</i></h5>
 +
            </div>
 +
 +
            </div>
 +
 +
            </div>
 +
        </div>
 +
 +
    </section>
 +
 +
    <section id="instructor">
 +
 +
        <div class="content_wrapper">
 +
 +
            <div class="column full_size">
 +
 +
            <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"
 +
            style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
            onmouseover="this.src='https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg'" style="width:400px ; height:300px"
 +
            onmouseout="this.src='https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg'" style="width:400px ; height:300px"
 +
            id="Hibiou" title="Hiba BENMOHAMED, our little granny (L)">
 +
 +
            <h1>Hiba BENMOHAMED, <b>iGEM addict</b> in her soul!</h1>
 +
 +
            <p align="justify">Hiba is the <b>oldest member</b> of our team. Aged of 24 yeard old, in 5th year of <i>Agroscience Biology : Phytopathology and Mycology (Bordeaux University)</i>, she started the iGEM adventure since 2014. <br> Against winds and tides, she is <font color=red><b>always there</b></font>, supporting the team with her <b>happiness</b> and her <b>smile</b>. <br> </p>
 +
 +
            <h4>A real <b>iGEM addict</b>!</h4>
 +
 +
            </div>
 +
        </div>
 +
 +
    </section>
 +
 +
    <section id="others">
 +
 +
    <div class="content_wrapper">
 +
 +
        <div class="column half_size">
 +
 +
        <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
        onmouseover="this.src='https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg'"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
        onclick="focus_display('Advisor')"
 +
        onmouseout="this.src='https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg'"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
        id="Advisor" title="The survivors of iGEM Bordeaux 2015">
 +
 +
        <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
        onmouseover="this.src='https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg'"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
        onclick="focus_display('Valor')"
 +
        onmouseout="this.src='https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg'"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
        id="Valor" title="The new members of the team (Team Valor)">
 +
 +
        </div>
 +
 +
        <div class="column half_size">
 +
 +
        <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
        onmouseover="this.src='https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg'"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ;  width:400px ; height:300px"
 +
        onclick="focus_display('Mystic')"
 +
        onmouseout="this.src='https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg'"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
        id="Mystic" title="The new members of the team (Team Mystic)">
 +
 +
        <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
        onmouseover="this.src='https://static.igem.org/mediawiki/2016/8/8b/T--Bordeaux--Tempory.jpeg'"
 +
        style="display:block ; margin-left: auto ; margin-right: auto ; width:400px ; height:300px"
 +
        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 ; width:400px ; height:300px"
 +
        id="Instinct" title="The new members of the team (Team Instinct)">
 +
 +
        </div>
 +
 +
        <div class="column full_size">
 +
 +
        <div id="descriptionDisplay"></div>
 +
 +
        </div>
 +
 +
        <script>
 +
 +
        $(function() {
 +
            $("#Advisor").bind('click', function(event) {
 +
                $('html, body').stop().animate({
 +
                    scrollTop: $("#descriptionDisplay").offset().top
 +
                }, 1500, 'easeInOutExpo');
 +
            event.preventDefault();
 +
            });
 +
        });
 +
 +
        $(function() {
 +
            $("#Valor").bind('click', function(event) {
 +
                $('html, body').stop().animate({
 +
                    scrollTop: $("#descriptionDisplay").offset().top
 +
                }, 1500, 'easeInOutExpo');
 +
            event.preventDefault();
 +
            });
 +
        });
 +
 +
        $(function() {
 +
            $("#Mystic").bind('click', function(event) {
 +
                $('html, body').stop().animate({
 +
                    scrollTop: $("#descriptionDisplay").offset().top
 +
                }, 1500, 'easeInOutExpo');
 +
            event.preventDefault();
 +
            });
 +
        });
 +
 +
 +
        $(function() {
 +
            $("#Instinct").bind('click', function(event) {
 +
                $('html, body').stop().animate({
 +
                    scrollTop: $("#descriptionDisplay").offset().top
 +
                }, 1500, 'easeInOutExpo');
 +
            event.preventDefault();
 +
            });
 +
        });
 +
 +
        function focus_display(clicked_id){
 +
            var element = document.getElementById("descriptionDisplay");
 +
            var html = "";
 +
       
 +
            if (clicked_id === "Advisor") {
 +
                html += "Coucou";
 +
            } 
 +
 +
            if (clicked_id === "Valor") {
 +
                html += "c'est";
 +
            }
 +
 +
            if (clicked_id === "Mystic") {
 +
                html += "ton";
 +
            }
 +
 +
            if (clicked_id === "Instinct") {
 +
                html += "chat!";
 +
            }
 +
            element.innerHTML = html;
 +
        }
 +
 +
        </script>
 +
 +
    </div>
 +
  
 
     </section>
 
     </section>
  
 
</html>
 
</html>
 +
 +
  
 
{{Bordeaux/Footer}}
 
{{Bordeaux/Footer}}

Revision as of 08:23, 26 August 2016

Sleep with EpiC elegans

We are iGEM Bordeaux!

Let us introduce our Mascottes :

Bioo

Click on the picture to know about him!

Foo

Click on the picture to know about him!

Denis DUPUY is our primary Principal Investigator. He 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 C. elegans.

Marie BEURTON AIMAR is our secondary Principal Investigator. She is the head of the Bioformatics Master of the Bordeaux University.

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

Hiba BENMOHAMED, iGEM addict in her soul!

Hiba is the oldest member of our team. Aged of 24 yeard old, in 5th year of Agroscience Biology : Phytopathology and Mycology (Bordeaux University), she started the iGEM adventure since 2014.
Against winds and tides, she is always there, supporting the team with her happiness and her smile.

A real iGEM addict!


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