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

 
(22 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{ETH_Zurich_2}}
+
{{ETH_Zurich/Head_N_Prefix}}
−
 
+
 
<html>
 
<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>
 +
<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">
−
   
+
  <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 {
+
−
                content: "";
+
−
                clear: both;
+
−
                display: table;
+
−
            }
+
−
 
+
−
        .thumbnail {
+
−
            position: absolute;
+
−
            width: 100%;
+
−
            height: 100%;
+
−
        }
+
−
 
+
−
            .thumbnail img {
+
−
                position: absolute;
+
−
                top: 0;
+
−
                bottom: 0;
+
−
                left: 0;
+
−
                right: 0;
+
−
                margin: auto;
+
−
            }
+
−
 
+
−
        img {
+
−
            max-height: 100%;
+
−
            max-width: 100%;
+
−
        }
+
−
 
+
−
        .thumbnail .img-fun {
+
−
            display: none;
+
−
            position: absolute;
+
−
            top: 0;
+
−
            left: 0;
+
−
            margin: auto;
+
−
        }
+
−
 
+
−
        .thumbnail:hover .img-fun {
+
−
            display: inline;
+
−
        }
+
−
 
+
−
        .section-header {
+
−
            white-space: nowrap;
+
−
            overflow: inherit;
+
−
            font-size: 30px;
+
−
        }
+
−
 
+
−
            /*.section-header:before, */
+
−
            .section-header:after {
+
−
                background-color: #000;
+
−
                content: '';
+
−
                display: inline-block;
+
−
                clear: both;
+
−
                height: 1em;
+
−
                position: relative;
+
−
                vertical-align: middle;
+
−
            }
+
−
 
+
−
            .section-header:before {
+
−
                right: 0.3em;
+
−
                width: 50px;
+
−
            }
+
−
 
+
−
            .section-header:after {
+
−
                left: 0.3em;
+
−
                width: 100%;
+
−
            }
+
−
 
+
−
        fieldset {
+
−
            border: none;
+
−
            margin: 0;
+
−
            xmin-width: 0;
+
−
            padding: 10px;
+
−
            position: relative;
+
−
            /*border-radius:4px;*/
+
−
            background-color: white;
+
−
            padding-left: 10px !important;
+
−
        }
+
−
 
+
−
        legend {
+
−
            font-size: 20px;
+
−
            font-weight: normal;
+
−
            margin-bottom: 0px;
+
−
            width: auto;
+
−
            border: none;
+
−
            /*border-radius: 4px; */
+
−
            padding: 5px 5px 5px 10px;
+
−
            background-color: #ffffff;
+
−
        }
+
−
    </style>
+
−
</head>
+
−
 
+
−
<body>
+
−
<div class="container-fluid">
+
−
    <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">
+
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
−
                <legend>Anu - The Engineer</legend>
+
−
 
+
−
                <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>
+
−
 
+
−
            </fieldset>
+
−
            <!--<div class="clearfix"></div>-->
+
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
−
                <legend>David - The Expert</legend>
+
−
 
+
−
                <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>
+
−
            </fieldset>
+
−
            <!--<div class="clearfix"></div>-->
+
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
−
                <legend>Irma - The Doctor</legend>
+
−
 
+
−
                <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>
+
−
            </fieldset>
+
−
            <!--<div class="clearfix"></div>-->
+
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
−
                <legend>Lida - The Chemist</legend>
+
−
 
+
−
                <div class="thumbnail_container">
+
−
                    <div class="thumbnail">
+
−
                        <img src="https://2017.igem.org/wiki/images/8/81/T--ETH_Zurich--Lida_Vadakumchery.jpeg">
+
−
 
+
−
                    </div>
+
−
                </div>
+
−
            </fieldset>
+
−
            <!--<div class="clearfix"></div>-->
+
−
        </div>
+
−
 
+
−
        <div class="row">
+
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
−
                <legend>Nico - The Designer</legend>
+
−
 
+
−
                <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>
+
−
 
+
−
            </fieldset>
+
−
            <!--<div class="clearfix"></div>-->
+
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
−
                <legend>Nikos - The Nerd</legend>
+
  
−
                <div class="thumbnail_container">
+
<section>
−
                    <div class="thumbnail">
+
    <h1>Students</h1>
−
                        <img src="https://2017.igem.org/wiki/images/8/87/T--ETH_Zurich--Nikolas_Korasidis.jpeg">
+
    <ul class="rooster">
 +
        <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>
  
−
                    </div>
+
        <li>
−
                </div>
+
        <figure class="fig-generic">
−
             </fieldset>
+
             <img alt="David Schweingruber"
−
             <!--<div class="clearfix"></div>-->
+
            src="https://static.igem.org/mediawiki/2017/7/7e/T--ETH_Zurich--David.jpg"/>
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
             <figcaption>David Schweingruber<br/><span class="role"><small>Biotechnology</small></span></figcaption>
−
                <legend>Valentin - The Lieutenant</legend>
+
        </figure>
 +
        </li>
  
−
                <div class="thumbnail_container">
+
        <li>
−
                    <div class="thumbnail">
+
        <figure class="fig-generic">
−
                        <img src="https://static.igem.org/mediawiki/2017/e/e6/T--ETH_Zurich--Valentin_Senlis.jpeg">
+
            <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>
  
−
                    </div>
+
        <li>
−
                </div>
+
        <figure class="fig-generic">
−
             </fieldset>
+
             <img alt="Lida Vadakumchery"
−
             <!--<div class="clearfix"></div>-->
+
            src="https://static.igem.org/mediawiki/2017/7/70/T--ETH_Zurich--Lida.jpg"/>
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
             <figcaption>Lida Vadakumchery<br/><span class="role"><small>Biochemistry</small></span></figcaption>
−
                <legend>Vasilis - The Chatter</legend>
+
        </figure>
 +
        </li>
  
−
                <div class="thumbnail_container">
+
        <li>
−
                    <div class="thumbnail">
+
        <figure class="fig-generic">
−
                        <img src="https://static.igem.org/mediawiki/2017/5/52/T--ETH_Zurich--Vasileios_Cheras.jpeg">
+
            <img alt="Nicolas Huber"
 +
            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>
  
−
                    </div>
+
        <li>
−
                </div>
+
        <figure class="fig-generic">
−
             </fieldset>
+
             <img alt="Nikolaos Korasidis"
−
             <!--<div class="clearfix"></div>-->
+
            src="https://static.igem.org/mediawiki/2017/1/18/T--ETH_Zurich--Nikos.jpg"/>
−
         </div>
+
             <figcaption>Nikolas Korasidis<br/><span class="role"><small>Electrical Engineering/Bioinformatics</small></span></figcaption>
 +
        </figure>
 +
         </li>
  
−
    </div>
+
        <li>
−
</div>
+
        <figure class="fig-generic">
−
</body>
+
            <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>
 +
        </figure>
 +
        </li>
  
 +
        <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/jqueryJS}}
+
{{ETH_Zurich/Footer_N}}
−
{{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