Team:TU Delft-Leiden/Team

From 2014.igem.org

(Difference between revisions)
Line 5: Line 5:
<html>
<html>
-
             
+
    <script src="https://static.igem.org/mediawiki/2014/2/28/Delft2014_Jquery_carousel.txt"></script>
-
<!--PAGE CONTENT----------------->
+
   
-
        <div class="grid_5">  
+
    <h1>Meet the team</h1>
-
          <h1>Meet our Team</h1>
+
 
-
        <p>Our team comprises of 13 students from TU Delft, Leiden University and Rotterdam University. We are a multi-national team with very diverse backgrounds, including biology, physics and industrial design. Thus, we are well equipped to tackle the broad range of challenges an iGEM project throws up!</p>
+
    <h1>Meet our Team</h1>
-
              </div>
+
    <p>
-
     
+
        Our team comprises of 13 students from TU Delft, Leiden University and Rotterdam University. We are a multi-national
-
   
+
        team with very diverse backgrounds, including biology, physics and industrial design. Thus, we are well equipped to
-
      <div class="push_1" >
+
        tackle the broad range of challenges an iGEM project throws up!
-
        <img src="/wiki/images/8/8f/Delft2014_teamphoto.jpg" width= "500px">
+
    </p>
-
              </div>  
+
 
-
   
+
    <img src="https://static.igem.org/mediawiki/2014/b/bd/Delft2014_team.jpg" width="900" height="598" usemap="#map" />
-
   
+
 
-
   
+
    <map name="map">
-
      <div class= "grey">
+
    <!-- #$-:Image map file created by GIMP Image Map plug-in -->
-
        <h1> Students </h1>
+
    <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
-
        <img src="/wiki/images/5/57/Delft2014_Member-Annamaria.jpg" width=109 hspace=40 alt= "image not found"</img>
+
    <!-- #$-:Please do not edit lines starting with "#$" -->
-
        <img src="/wiki/images/2/2c/Delft2014_Member-Anne.jpg" width=109 hspace=40 alt= "image not found"</img>
+
    <!-- #$VERSION:2.3 -->
-
        <img src="/wiki/images/0/03/Delft2014_Member-Anton.jpg" width=108 hspace=40 alt= "image not found"</img>
+
    <!-- #$AUTHOR:dominik -->
-
        <img src="/wiki/images/6/61/Delft2014_Member-Cristy.jpg" width=109 hspace=40 alt= "image not found"</img>
+
    <area shape="rect" coords="104,101,202,218" href="tomek" />
-
        <img src="/wiki/images/0/03/Delft2014_Member-Debu.jpg" width=109 hspace=40 alt= "image not found"</img>
+
    <area shape="rect" coords="220,142,295,245" href="anne" />
-
        <img src="/wiki/images/c/cc/Delft2014_Member-Duco.jpg" width=109 hspace=40 vspace= 80 alt= "image not found"</img>
+
    <area shape="rect" coords="333,124,419,239" href="sim" />
-
        <img src="/wiki/images/c/c8/Delft2014_Member-Esra.jpg" width=108 hspace=40 vspace= 80 alt= "image not found"</img>
+
    <area shape="rect" coords="427,159,505,268" href="marielle" />
-
        <img src="/wiki/images/7/79/Delft2014_Member-Janna.jpg" width=109 hspace=40 vspace= 80 alt= "image not found"</img>
+
    <area shape="rect" coords="510,154,591,264" href="christie" />
-
        <img src="/wiki/images/b/be/Delft2014_Member-Joan.jpg" width=109 hspace=40 vspace= 80 alt= "image not found"</img>
+
    <area shape="rect" coords="599,149,687,249" href="duco" />
-
        <img src="/wiki/images/f/f2/Delft2014_Member-Marielle.jpg" width=109 hspace=40 vspace= 80 alt= "image not found"</img>
+
    <area shape="rect" coords="690,132,778,249" href="mathijs" />
-
        <img src="/wiki/images/d/d8/Delft2014_Member-Mathijs.jpg" width=109 hspace=40 alt= "image not found"</img>
+
    <area shape="rect" coords="138,225,215,333" href="joan" />
-
        <img src="/wiki/images/a/a1/Delft2014_Member-Sim.jpg" width=109 hspace=40 alt= "image not found"</img>
+
    <area shape="rect" coords="241,262,341,369" href="anamaria" />
-
        <img src="/wiki/images/1/17/Delft2014_Member-Tomek.jpg" width=109 hspace=40 alt= "image not found"</img>
+
    <area shape="rect" coords="363,269,457,377" href="janna" />
-
       
+
    <area shape="rect" coords="474,269,577,375" href="esra" />
-
       
+
    <area shape="rect" coords="597,251,711,375" href="anton" />
-
       
+
    <area shape="rect" coords="736,277,844,414" href="debu" />
-
       
+
    </map>
-
        </div>     
+
 
-
       
+
    <div style="float:none;"></div>
-
<div class= "grey">
+
        <div id="people-carousel">
-
        <h1> Advisers </h1>
+
            <div id="previous"></div>
-
<ul>
+
            <div class="person" id="tomek">
-
<li> Dr. Anne Meyer -head instructor </li>
+
                <div class="picture"></div>
-
<li> ing. Esengül Yildirim</li>
+
                <h2>Tomek</h2>
-
<li> Dr. Timon Idema </li>
+
                <p>
-
</ul>
+
                    Description of person.
-
      </div>
+
                </p>
-
     
+
            </div>
 +
            <div class="person" id="anne">
 +
                <div class="picture"></div>
 +
                <h2>Anne</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="sim">
 +
                <div class="picture"></div>
 +
                <h2>Sim</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="marielle">
 +
                <div class="picture"></div>
 +
                <h2>Marielle</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="christie">
 +
                <div class="picture"></div>
 +
                <h2>Christie</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="duco">
 +
                <div class="picture"></div>
 +
                <h2>Duco</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="mathijs">
 +
                <div class="picture"></div>
 +
                <h2>mathijs</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="joan">
 +
                <div class="picture"></div>
 +
                <h2>Joan</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="anamaria">
 +
                <div class="picture"></div>
 +
                <h2>Anamaria</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="janna">
 +
                <div class="picture"></div>
 +
                <h2>Janna</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="esra">
 +
                <div class="picture"></div>
 +
                <h2>Esra</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="anton">
 +
                <div class="picture"></div>
 +
                <h2>Anton</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div class="person" id="debu">
 +
                <div class="picture"></div>
 +
                <h2>Debu</h2>
 +
                <p>
 +
                    Description of person.
 +
                </p>
 +
            </div>
 +
            <div id="next"></div>
 +
        </div>
 +
 
 +
    <script type="text/javascript">
 +
    $(document).ready(function() {
 +
 
 +
        var people = new Array();
 +
 
 +
        people['tomek'] = 0;
 +
        people['anne'] = 1;
 +
        people['sim'] = 2;
 +
        people['marielle'] = 3;
 +
        people['christie'] = 4;
 +
        people['duco'] = 5;
 +
        people['mathijs'] = 6;
 +
        people['joan'] = 7;
 +
        people['anamaria'] = 8;
 +
        people['janna'] = 9;
 +
        people['esra'] = 10;
 +
        people['anton'] = 11;
 +
        people['debu'] = 12;
 +
 
 +
        mcarousel = $("#people-carousel").msCarousel({
 +
            boxClass:'div.person',
 +
            height:432,
 +
            width:900
 +
        }).data("msCarousel");
 +
 
 +
        $("#next").click(function() {
 +
            mcarousel.next();
 +
        });
 +
 
 +
        $("#previous").click(function() {
 +
            mcarousel.previous();
 +
        });    
 +
 
 +
        $('area').click(function(event) {
 +
            event.preventDefault();
 +
            mcarousel.goto(people[$(event.target).attr('href')]);
 +
        });
 +
 
 +
        $('#people-carousel').hover(function() {
 +
            $('#previous, #next').fadeIn();
 +
        }, function () {
 +
            $('#previous, #next').fadeOut();
 +
        });
 +
    });
 +
    </script>
 +
 
 +
<!--    <div class= "grey">
 +
        <h1> Students </h1>
 +
        <img src="/wiki/images/5/57/Delft2014_Member-Annamaria.jpg" width=109 hspace=40 alt= "image not found"</img>
 +
        <img src="/wiki/images/2/2c/Delft2014_Member-Anne.jpg" width=109 hspace=40 alt= "image not found"</img>
 +
        <img src="/wiki/images/0/03/Delft2014_Member-Anton.jpg" width=108 hspace=40 alt= "image not found"</img>
 +
        <img src="/wiki/images/6/61/Delft2014_Member-Cristy.jpg" width=109 hspace=40 alt= "image not found"</img>
 +
        <img src="/wiki/images/0/03/Delft2014_Member-Debu.jpg" width=109 hspace=40 alt= "image not found"</img>
 +
        <img src="/wiki/images/c/cc/Delft2014_Member-Duco.jpg" width=109 hspace=40 vspace= 80 alt= "image not found"</img>
 +
        <img src="/wiki/images/c/c8/Delft2014_Member-Esra.jpg" width=108 hspace=40 vspace= 80 alt= "image not found"</img>
 +
        <img src="/wiki/images/7/79/Delft2014_Member-Janna.jpg" width=109 hspace=40 vspace= 80 alt= "image not found"</img>
 +
        <img src="/wiki/images/b/be/Delft2014_Member-Joan.jpg" width=109 hspace=40 vspace= 80 alt= "image not found"</img>
 +
        <img src="/wiki/images/f/f2/Delft2014_Member-Marielle.jpg" width=109 hspace=40 vspace= 80 alt= "image not found"</img>
 +
        <img src="/wiki/images/d/d8/Delft2014_Member-Mathijs.jpg" width=109 hspace=40 alt= "image not found"</img>
 +
        <img src="/wiki/images/a/a1/Delft2014_Member-Sim.jpg" width=109 hspace=40 alt= "image not found"</img>
 +
        <img src="/wiki/images/1/17/Delft2014_Member-Tomek.jpg" width=109 hspace=40 alt= "image not found"</img>
 +
 
 +
 
 +
 
 +
 
 +
    </div>     
 +
 
 +
    <div class= "grey">
 +
        <h1> Advisers </h1>
 +
        <ul>
 +
            <li> Dr. Anne Meyer -head instructor </li>
 +
            <li> ing. Esengül Yildirim</li>
 +
            <li> Dr. Timon Idema </li>
 +
        </ul>
 +
    </div>-->
 +
   
 +
 
</html>
</html>
{{:Team:TU_Delft-Leiden/Templates/End}}
{{:Team:TU_Delft-Leiden/Templates/End}}

Revision as of 12:29, 28 September 2014

Meet the team

Meet our Team

Our team comprises of 13 students from TU Delft, Leiden University and Rotterdam University. We are a multi-national team with very diverse backgrounds, including biology, physics and industrial design. Thus, we are well equipped to tackle the broad range of challenges an iGEM project throws up!

Top
facebook twitter

Retrieved from "http://2014.igem.org/Team:TU_Delft-Leiden/Team"