Difference between revisions of "Team:ETH Zurich/Team"

 
(127 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{ETH_Zurich_2}}
+
{{ETH_Zurich/Head_N_Prefix}}
−
 
+
<html>
 +
<link rel="stylesheet" type="text/css" href="/Template:ETH_Zurich/team_css?action=raw&amp;ctype=text/css">
 +
</html>
 +
{{ETH_Zurich/Head_N_Suffix}}
 +
{{ETH_Zurich/Header_N}}
 
<html>
 
<html>
 +
<main role="main">
 +
<h1 class="headline">Team Members</h1>
 +
<!--
 +
Round pictures with text below would look more modern I'd say.
 +
Yes, they do. But don't crop everything, use CSS!
 +
-->
 +
<section>
 +
    <h1>Team</h1>
  
−
<head>
+
<figure class="non-float" style="width:600px">
−
<!--<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">-->
+
  <img src="https://static.igem.org/mediawiki/2017/d/d1/T--ETH_Zurich--teampic.jpg">
−
<style>
+
</figure>
−
h3 {
+
</section>
−
  display: inline-block;
+
−
  padding: 10px;
+
−
  background: #B9121B;
+
−
  border-top-left-radius: 10px;
+
−
  border-top-right-radius: 10px;
+
−
}
+
  
−
.full-screen {
+
<section>
−
  background-size: cover;
+
    <h1>Students</h1>
−
  background-position: center;
+
    <ul class="rooster">
−
  background-repeat: no-repeat;
+
        <li>
−
}
+
        <figure class="fig-generic">
−
</style>
+
            <img alt="Anubhav Jain"
−
</head>
+
            src="https://static.igem.org/mediawiki/2017/c/c7/T--ETH_Zurich--Anu1.jpg"/>
 +
            <figcaption>Anubhav Jain<br/><span class="role"><small>Electrical Engineering</span></small></figcaption>
 +
        </figure>
 +
        </li>
  
−
<body>
+
        <li>
 +
        <figure class="fig-generic">
 +
            <img alt="David Schweingruber"
 +
            src="https://static.igem.org/mediawiki/2017/7/7e/T--ETH_Zurich--David.jpg"/>
 +
            <figcaption>David Schweingruber<br/><span class="role"><small>Biotechnology</small></span></figcaption>
 +
        </figure>
 +
        </li>
  
−
<div class="container">
+
        <li>
−
<div class="row">
+
        <figure class="fig-generic">
−
<div id="mycarousel" class="carousel slide" data-ride="carousel">
+
            <img alt="Irma Telarovic"
−
  <!-- Indicators -->
+
            src="https://static.igem.org/mediawiki/2017/c/c2/T--ETH_Zurich--irma2.jpg"/>
−
  <ol class="carousel-indicators">
+
            <figcaption>Irma Telarovic</br><span class="role="><small>Medicine/Biomedical Engineering</small></span></figcaption>
−
    <li data-target="#mycarousel" data-slide-to="0" class="active"></li>
+
        </figure>
−
    <li data-target="#mycarousel" data-slide-to="1"></li>
+
        </li>
−
    <li data-target="#mycarousel" data-slide-to="2"></li>
+
−
    <li data-target="#mycarousel" data-slide-to="3"></li>
+
−
    <li data-target="#mycarousel" data-slide-to="4"></li>
+
−
  </ol>
+
  
−
  <!-- Wrapper for slides -->
+
        <li>
−
  <div class="carousel-inner" role="listbox">
+
        <figure class="fig-generic">
−
    <div class="item">
+
            <img alt="Lida Vadakumchery"
−
        <img src="https://static.igem.org/mediawiki/2017/a/a3/T--ETH_Zurich--Team_Picture.jpeg" data-color="lightblue" alt="D-BSSE, Basel">
+
            src="https://static.igem.org/mediawiki/2017/7/70/T--ETH_Zurich--Lida.jpg"/>
−
        <div class="carousel-caption">
+
             <figcaption>Lida Vadakumchery<br/><span class="role"><small>Biochemistry</small></span></figcaption>
−
            <h3>@ D-BSSE, Basel</h3>
+
         </figure>
−
        </div>
+
         </li>
−
    </div>
+
−
    <div class="item">
+
−
        <img src="https://unsplash.it/2000/1250?image=689" data-color="firebrick" alt="Second Image">
+
−
        <div class="carousel-caption">
+
−
             <h3>Second Image</h3>
+
−
        </div>
+
−
    </div>
+
−
    <div class="item">
+
−
        <img src="https://unsplash.it/2000/1250?image=675" data-color="violet" alt="Third Image">
+
−
        <div class="carousel-caption">
+
−
            <h3>Third Image</h3>
+
−
        </div>
+
−
    </div>
+
−
    <div class="item">
+
−
         <img src="https://unsplash.it/2000/1250?image=658" data-color="lightgreen" alt="Fourth Image">
+
−
         <div class="carousel-caption">
+
−
            <h3>Fourth Image</h3>
+
−
        </div>
+
−
    </div>
+
−
    <div class="item">
+
−
        <img src="https://unsplash.it/2000/1250?image=638" data-color="tomato" alt="Fifth Image">
+
−
        <div class="carousel-caption">
+
−
            <h3>Fifth Image</h3>
+
−
        </div>
+
−
    </div>
+
−
  </div>
+
  
−
  <!-- Controls -->
+
        <li>
−
  <a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev">
+
        <figure class="fig-generic">
−
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
            <img alt="Nicolas Huber"
−
    <span class="sr-only">Previous</span>
+
            src="https://static.igem.org/mediawiki/2017/3/36/T--ETH_Zurich--Nico1.jpg"/>
−
  </a>
+
            <figcaption>Nicolas Huber<br/><span class="role"><small>Biotechnology</small></span></figcaption>
−
  <a class="right carousel-control" href="#mycarousel" role="button" data-slide="next">
+
        </figure>
−
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
        </li>
−
    <span class="sr-only">Next</span>
+
−
  </a>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<script>
+
        <li>
−
var $item = $('.carousel .item');
+
        <figure class="fig-generic">
−
var $wHeight = $(window).height();
+
            <img alt="Nikolaos Korasidis"
−
$item.eq(0).addClass('active');
+
            src="https://static.igem.org/mediawiki/2017/1/18/T--ETH_Zurich--Nikos.jpg"/>
−
$item.height($wHeight);
+
            <figcaption>Nikolas Korasidis<br/><span class="role"><small>Electrical Engineering/Bioinformatics</small></span></figcaption>
−
$item.addClass('full-screen');
+
        </figure>
 +
        </li>
  
−
$('.carousel img').each(function() {
+
        <li>
−
  var $src = $(this).attr('src');
+
        <figure class="fig-generic">
−
  var $color = $(this).attr('data-color');
+
            <img alt="Valentin Senlis"
−
  $(this).parent().css({
+
            src="https://static.igem.org/mediawiki/2017/b/b3/T--ETH_Zurich--Valentin1.jpg"/>
−
    'background-image' : 'url(' + $src + ')',
+
            <figcaption>Valentin Senlis<br/><span class="role"><small>Engineering/Biotechnology</small></span></figcaption>
−
    'background-color' : $color
+
        </figure>
−
  });
+
        </li>
−
  $(this).remove();
+
−
});
+
−
 
+
−
$(window).on('resize', function (){
+
−
  $wHeight = $(window).height();
+
−
  $item.height($wHeight);
+
−
});
+
−
 
+
−
$('.carousel').carousel({
+
−
  interval: 6000,
+
−
  pause: "false"
+
−
});
+
−
</script>
+
−
</body>
+
  
 +
        <li>
 +
        <figure class="fig-generic">
 +
            <img alt="Vasileios Cheras"
 +
            src="https://static.igem.org/mediawiki/2017/5/50/T--ETH_Zurich--Vasilis.jpg"/>
 +
            <figcaption>Vasilis Cheras<br/><span class="role"><small>Chemical Engineering/Biotechnology</small></span></figcaption>
 +
        </figure>
 +
        </li>
 +
    </ul>
 +
</section>
 +
<section><p>Credits to Daniel Gerngross for the awesome portraits.</p>
 +
</section>
 +
<section>
 +
    <h1>Contact</h1>
 +
    <address>
 +
        iGEM Team (Lab 2.28)<br/>
 +
        Department of Biosystems Science and Engineering<br/>
 +
        Mattenstrasse 26<br/>
 +
        4058 Basel<br/>
 +
        Switzerland
 +
    </address>
 +
</section>
 +
</main>
 
</html>
 
</html>
−
 
+
{{ETH_Zurich/Footer_N}}
−
{{ETH_Zurich/mainJS}}
+
−
{{ETH Zurich/jqueryJS}}
+
−
{{ETH_Zurich/BootstrapMinJS}}
+

Latest revision as of 01:24, 2 November 2017

Team Members

Team

Students

  • Anubhav Jain
    Anubhav Jain
    Electrical Engineering
  • David Schweingruber
    David Schweingruber
    Biotechnology
  • Irma Telarovic
    Irma Telarovic
    Medicine/Biomedical Engineering
  • Lida Vadakumchery
    Lida Vadakumchery
    Biochemistry
  • Nicolas Huber
    Nicolas Huber
    Biotechnology
  • Nikolaos Korasidis
    Nikolas Korasidis
    Electrical Engineering/Bioinformatics
  • Valentin Senlis
    Valentin Senlis
    Engineering/Biotechnology
  • Vasileios Cheras
    Vasilis Cheras
    Chemical Engineering/Biotechnology

Credits to Daniel Gerngross for the awesome portraits.

Contact

iGEM Team (Lab 2.28)
Department of Biosystems Science and Engineering
Mattenstrasse 26
4058 Basel
Switzerland