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

 
(43 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>
−
.thumbnail_container {
+
</section>
−
    position: relative;
+
−
    width: 100%;
+
−
    padding-bottom: 100%; <!-- matching this to above makes it square -->
+
−
    float:left;
+
−
}
+
  
−
.thumbnail_container::after, .row::after {
+
<section>
−
  content: "";
+
    <h1>Students</h1>
−
  clear: both;
+
    <ul class="rooster">
−
  display: table;
+
        <li>
−
}
+
        <figure class="fig-generic">
 +
            <img alt="Anubhav Jain"
 +
            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>
  
−
.thumbnail {
+
        <li>
−
    position:absolute;
+
        <figure class="fig-generic">
−
    width:100%;
+
            <img alt="David Schweingruber"
−
    height:100%;
+
            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>
−
.thumbnail img {
+
        </figure>
−
    position: absolute;
+
        </li>
−
    top: 0;
+
−
    bottom: 0;
+
−
    left: 0;
+
−
    right: 0;
+
−
    margin: auto;
+
−
}
+
  
−
img{
+
        <li>
−
    max-height:100%;
+
        <figure class="fig-generic">
−
    max-width:100%;
+
            <img alt="Irma Telarovic"
−
}
+
            src="https://static.igem.org/mediawiki/2017/c/c2/T--ETH_Zurich--irma2.jpg"/>
 +
            <figcaption>Irma Telarovic</br><span class="role="><small>Medicine/Biomedical Engineering</small></span></figcaption>
 +
        </figure>
 +
        </li>
  
−
.thumbnail .img-fun {
+
         <li>
−
         display: none;
+
         <figure class="fig-generic">
−
         position: absolute;
+
            <img alt="Lida Vadakumchery"
−
        top: 0;
+
            src="https://static.igem.org/mediawiki/2017/7/70/T--ETH_Zurich--Lida.jpg"/>
−
        left: 0;
+
            <figcaption>Lida Vadakumchery<br/><span class="role"><small>Biochemistry</small></span></figcaption>
−
        margin: auto;
+
         </figure>
−
    }
+
        </li>
−
.thumbnail:hover .img-fun {
+
−
         display: inline;
+
−
    }
+
  
−
.section-header {
+
        <li>
−
  white-space: nowrap;
+
        <figure class="fig-generic">
−
  overflow: hidden;
+
            <img alt="Nicolas Huber"
−
  font-size: 10vh;
+
            src="https://static.igem.org/mediawiki/2017/3/36/T--ETH_Zurich--Nico1.jpg"/>
−
}
+
            <figcaption>Nicolas Huber<br/><span class="role"><small>Biotechnology</small></span></figcaption>
 +
        </figure>
 +
        </li>
  
−
/*.section-header:before, */
+
        <li>
−
.section-header:after {
+
        <figure class="fig-generic">
−
  background-color: #000;
+
            <img alt="Nikolaos Korasidis"
−
  content: '';
+
            src="https://static.igem.org/mediawiki/2017/1/18/T--ETH_Zurich--Nikos.jpg"/>
−
  display: inline-block;
+
            <figcaption>Nikolas Korasidis<br/><span class="role"><small>Electrical Engineering/Bioinformatics</small></span></figcaption>
−
  clear: both;
+
        </figure>
−
  height: 10vh;
+
        </li>
−
  position: relative;
+
−
  vertical-align: middle;
+
−
}
+
  
−
.section-header:before {
+
         <li>
−
  right: 0.3em;
+
         <figure class="fig-generic">
−
  width: 50px;
+
            <img alt="Valentin Senlis"
−
}
+
            src="https://static.igem.org/mediawiki/2017/b/b3/T--ETH_Zurich--Valentin1.jpg"/>
−
 
+
            <figcaption>Valentin Senlis<br/><span class="role"><small>Engineering/Biotechnology</small></span></figcaption>
−
.section-header:after {
+
        </figure>
−
  left: 0.3em;
+
        </li>
−
  width: 100%;
+
−
}
+
−
 
+
−
 
+
−
</style>
+
−
</head>
+
−
 
+
−
<body>
+
−
 
+
−
<div class="col-md-12">
+
−
<div class="section-header">Students</div>
+
−
</div>
+
−
 
+
−
<div class="container-fluid"> <!-- this makes your images scale constantly, between breakpoints as welll. removing -fluid makes then jump in size at breakpoints -->
+
−
 
+
−
<div class="row">
+
−
 
+
−
<div class="col-md-3 col-sm-6 col-xs-12">
+
−
    <div class="thumbnail_container">
+
−
      <div class="thumbnail">
+
−
          <img src="https://2017.igem.org/wiki/images/1/1c/T--ETH_Zurich--Anubhav_Jain.jpeg">
+
−
          <img src="https://2017.igem.org/wiki/images/1/1f/T--ETH_Zurich--David_Schweingruber.jpeg" class="img-fun">
+
−
      </div>
+
−
    </div>
+
−
    <h3>Anu - The Engineer</h3>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 col-xs-12">
+
−
    <div class="thumbnail_container">
+
−
      <div class="thumbnail">
+
−
         <img src="https://2017.igem.org/wiki/images/1/1f/T--ETH_Zurich--David_Schweingruber.jpeg">
+
−
      </div>
+
−
    </div>
+
−
    <h3>David - </h3>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 col-xs-12">
+
−
    <div class="thumbnail_container">
+
−
      <div class="thumbnail">
+
−
          <img src="https://static.igem.org/mediawiki/2017/8/83/T--ETH_Zurich--Irma_Telarovic.jpeg">
+
−
      </div>
+
−
    </div>
+
−
    <h3>Irma - The Doctor</h3>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 col-xs-12">
+
−
    <div class="thumbnail_container">
+
−
      <div class="thumbnail">
+
−
         <img src="https://2017.igem.org/wiki/images/8/81/T--ETH_Zurich--Lida_Vadakumchery.jpeg" /> <!-- No Photo, but it still scales -->
+
−
      </div>
+
−
    </div> 
+
−
    <h3>Lida - </h3>
+
−
</div>
+
−
</div>
+
−
<br>
+
−
<br>
+
−
<div class="row">
+
−
 
+
−
<div class="col-md-3 col-sm-6 col-xs-12">
+
−
    <div class="thumbnail_container">
+
−
      <div class="thumbnail">
+
−
          <img src="https://2017.igem.org/wiki/images/4/4a/T--ETH_Zurich--Nico_Huber.jpeg">
+
−
      </div>
+
−
    </div>
+
−
    <h3>Nico - The Designer</h3>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 col-xs-12">
+
−
    <div class="thumbnail_container">
+
−
      <div class="thumbnail">
+
−
        <img src="https://2017.igem.org/wiki/images/8/87/T--ETH_Zurich--Nikolas_Korasidis.jpeg">
+
−
      </div>
+
−
    </div> 
+
−
    <h3>Nikos - The Nerd</h3>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 col-xs-12">
+
−
    <div class="thumbnail_container">
+
−
      <div class="thumbnail">
+
−
          <img src="https://static.igem.org/mediawiki/2017/e/e6/T--ETH_Zurich--Valentin_Senlis.jpeg">
+
−
      </div>
+
−
    </div>
+
−
    <h3>Valentin - The Lieutenant</h3>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 col-xs-12">
+
−
    <div class="thumbnail_container">
+
−
      <div class="thumbnail">
+
−
        <img src="https://static.igem.org/mediawiki/2017/5/52/T--ETH_Zurich--Vasileios_Cheras.jpeg" /> <!-- No Photo, but it still scales -->
+
−
      </div>
+
−
    </div>
+
−
    <h3>Vasilis - The Chatter</h3>
+
−
</div>
+
−
</div>
+
−
 
+
−
</div>
+
−
</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/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