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

(Port page to new style.)
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">
−
<head>
+
</html>  
−
   
+
{{ETH_Zurich/Head_N_Suffix}}
−
    <style>
+
{{ETH_Zurich/Header_N}}
−
        .thumbnail_container {
+
<html>
−
            position: relative;
+
<main role="main">
−
            width: 100%;
+
<h1 class="headline">The Team</h1>
−
            padding-bottom: 100%; <!--
+
<section class="first">
−
            matching this to above makes it square -->
+
    <h1>Students</h1>
−
            float:left;
+
    <ul class="rooster">
−
        }
+
         <li>
−
 
+
         <div>
−
            .thumbnail_container::after, .row::after {
+
             <figure>
−
                content: "";
+
                 <img
−
                clear: both;
+
                 src="https://2017.igem.org/wiki/images/1/1c/T--ETH_Zurich--Anubhav_Jain.jpeg"
−
                display: table;
+
                 alt="Anubhav Jain"
−
            }
+
                 />
−
 
+
                 <figcaption>Anu --- The Engineer</figcaption>
−
         .thumbnail {
+
             </figure>
−
            position: absolute;
+
         </div>
−
            width: 100%;
+
         </li>
−
            height: 100%;
+
         <li>
−
         }
+
         <div>
−
 
+
             <figure>
−
             .thumbnail img {
+
                <img
−
                 position: absolute;
+
                src="https://2017.igem.org/wiki/images/1/1f/T--ETH_Zurich--David_Schweingruber.jpeg"
−
                 top: 0;
+
                 alt="David Schweingruber"
−
                 bottom: 0;
+
                 />
−
                 left: 0;
+
                 <figcaption>David --- The Expert</figcaption>
−
                 right: 0;
+
             </figure>
−
                margin: auto;
+
        </div>
−
            }
+
         </li>
−
 
+
        <li>
−
        img {
+
        <div>
−
            max-height: 100%;
+
             <figure>
−
            max-width: 100%;
+
                <img
−
        }
+
                src="https://static.igem.org/mediawiki/2017/8/83/T--ETH_Zurich--Irma_Telarovic.jpeg"
−
 
+
                alt="Irma Telarovic"
−
        .thumbnail .img-fun {
+
                />
−
             display: none;
+
                <figcaption>Irma --- The Doctor</figcaption>
−
            position: absolute;
+
             </figure>
−
            top: 0;
+
         </div>
−
            left: 0;
+
        </li>
−
            margin: auto;
+
        <li>
−
         }
+
        <div>
−
 
+
            <figure>
−
         .thumbnail:hover .img-fun {
+
                <img
−
            display: inline;
+
                src="https://2017.igem.org/wiki/images/8/81/T--ETH_Zurich--Lida_Vadakumchery.jpeg"
−
         }
+
                alt="Lida Vadakumchery"
−
 
+
                />
−
         .section-header {
+
                <figcaption>Lida --- The Chemist</figcaption>
−
             white-space: nowrap;
+
            </figure>
−
            overflow: inherit;
+
        </div>
−
            font-size: 30px;
+
        </li>
−
        }
+
         <li>
−
 
+
         <div>
−
            /*.section-header:before, */
+
             <figure>
−
            .section-header:after {
+
                <img
−
                background-color: #000;
+
                src="https://2017.igem.org/wiki/images/4/4a/T--ETH_Zurich--Nico_Huber.jpeg"
−
                content: '';
+
                alt="Nico Huber"
−
                display: inline-block;
+
                />
−
                 clear: both;
+
                 <figcaption>Nico --- The Designer</figcaption>
−
                 height: 1em;
+
            </figure>
−
                 position: relative;
+
        </div>
−
                vertical-align: middle;
+
        </li>
−
            }
+
        <li>
−
 
+
        <div>
−
            .section-header:before {
+
            <figure>
−
                right: 0.3em;
+
                <img
−
                width: 50px;
+
                src="https://2017.igem.org/wiki/images/8/87/T--ETH_Zurich--Nikolas_Korasidis.jpeg"
−
            }
+
                alt="Nikolas Korasidis"
−
 
+
                />
−
            .section-header:after {
+
                <figcaption>Nikolas --- The Nerd</figcaption>
−
                left: 0.3em;
+
            </figure>
−
                width: 100%;
+
        </div>
−
             }
+
        </li>
−
 
+
        <li>
−
         fieldset {
+
        <div>
−
            border: none;
+
            <figure>
−
            margin: 0;
+
                <img
−
             xmin-width: 0;
+
                src="https://static.igem.org/mediawiki/2017/e/e6/T--ETH_Zurich--Valentin_Senlis.jpeg"
−
            padding: 10px;
+
                alt="Valentin Senlis"
−
            position: relative;
+
                />
−
            /*border-radius:4px;*/
+
                 <figcaption>Valentin --- The Lieutenant</figcaption>
−
            background-color: white;
+
             </figure>
−
            padding-left: 10px !important;
+
        </div>
−
        }
+
        </li>
−
 
+
        <li>
−
        legend {
+
        <div>
−
            font-size: 20px;
+
             <figure>
−
            font-weight: normal;
+
                <img
−
            margin-bottom: 0px;
+
                src="https://static.igem.org/mediawiki/2017/5/52/T--ETH_Zurich--Vasileios_Cheras.jpeg"
−
            width: auto;
+
                alt="Vasileios Cheras"
−
            border: none;
+
                />
−
             /*border-radius: 4px; */
+
                 <figcaption>Vasilis --- The Chatter</figcaption>
−
            padding: 5px 5px 5px 10px;
+
            </figure>
−
            background-color: #ffffff;
+
        </div>
−
         }
+
        </li>
−
    </style>
+
    </ul>
−
</head>
+
</section>
−
 
+
<section>
−
<body>
+
    <h1>Advisors</h1>
−
 
+
    <ul class="rooster">
−
 
+
        <li>
−
<div class="container-fluid">
+
        <div>
−
    <div class="col-md-12">
+
            <figure>
−
        <div class="section-header">Students</div>
+
                <img
−
    </div>
+
                src="https://static.igem.org/mediawiki/2016/3/3e/T--ETH_Zurich--Claude1.jpg"
−
 
+
                alt="Claude Lormeau"
−
 
+
                />
−
    <div class="container-fluid">
+
                 <figcaption>Claude Lormeau</figcaption>
−
         <!-- this makes your images scale constantly, between breakpoints as welll. removing -fluid makes then jump in size at breakpoints -->
+
             </figure>
−
 
+
        </div>
−
         <div class="row">
+
        </li>
−
             <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
        <li>
−
                 <legend>Anu - The Engineer</legend>
+
        <div>
−
 
+
            <figure>
−
                <div class="thumbnail_container">
+
                <!-- TODO Find a photo of Cristoph and link it here. Fix the alt. -->
−
                    <div class="thumbnail">
+
                <img
−
                        <img src="https://2017.igem.org/wiki/images/1/1c/T--ETH_Zurich--Anubhav_Jain.jpeg">
+
                src="https://2017.igem.org/wiki/images/1/1f/T--ETH_Zurich--David_Schweingruber.jpeg"
−
                        <img src="https://2017.igem.org/wiki/images/1/1f/T--ETH_Zurich--David_Schweingruber.jpeg" class="img-fun">
+
                alt="Cristoph Stelzer"
−
                    </div>
+
                />
−
                 </div>
+
                 <figcaption>Cristoph Stelzer</figcaption>
−
 
+
            </figure>
−
             </fieldset>
+
        </div>
−
            <!--<div class="clearfix"></div>-->
+
        </li>
−
             <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
        <li>
−
                 <legend>David - The Expert</legend>
+
        <div>
−
 
+
            <figure>
−
                <div class="thumbnail_container">
+
                <img
−
                    <div class="thumbnail">
+
                src="https://static.igem.org/mediawiki/2016/6/66/T--ETH_Zurich--Daniel.png"
−
                        <img src="https://2017.igem.org/wiki/images/1/1f/T--ETH_Zurich--David_Schweingruber.jpeg">
+
                alt="Daniel Gerngross"
−
                       
+
                />
−
                    </div>
+
                 <figcaption>Daniel Gerngross</figcaption>
−
                 </div>
+
             </figure>
−
             </fieldset>
+
        </div>
−
            <!--<div class="clearfix"></div>-->
+
        </li>
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
    </ul>
−
                 <legend>Irma - The Doctor</legend>
+
</section>
−
 
+
<section>
−
                <div class="thumbnail_container">
+
    <h1>Supervisors</h1>
−
                    <div class="thumbnail">
+
    <ul class="rooster">
−
                        <img src="https://static.igem.org/mediawiki/2017/8/83/T--ETH_Zurich--Irma_Telarovic.jpeg">
+
        <li>
−
 
+
        <div>
−
                    </div>
+
            <figure>
−
                 </div>
+
                <img
−
             </fieldset>
+
                src="https://static.igem.org/mediawiki/2016/1/17/T--ETH_Zurich--J%C3%B6rg.jpg"
−
            <!--<div class="clearfix"></div>-->
+
                alt="Jörg Stelling"
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
                />
−
                <legend>Lida - The Chemist</legend>
+
                <figcaption>Jörg Stelling</figcaption>
−
 
+
            </figure>
−
                <div class="thumbnail_container">
+
        </div>
−
                    <div class="thumbnail">
+
        </li>
−
                        <img src="https://2017.igem.org/wiki/images/8/81/T--ETH_Zurich--Lida_Vadakumchery.jpeg">
+
        <li>
−
 
+
        <div>
−
                    </div>
+
             <figure>
−
                </div>
+
                <img
−
            </fieldset>
+
                src="https://static.igem.org/mediawiki/2016/3/3e/T--ETH_Zurich--Sven.jpg"
−
             <!--<div class="clearfix"></div>-->
+
                alt="Sven Panke"
 +
                />
 +
                <figcaption>Sven Panke</figcaption>
 +
            </figure>
 
         </div>
 
         </div>
−
 
+
         </li>
−
         <div class="row">
+
        <li>
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
        <div>
−
                <legend>Nico - The Designer</legend>
+
             <figure>
−
 
+
                 <img
−
                <div class="thumbnail_container">
+
                 src="https://static.igem.org/mediawiki/2016/5/52/T--ETH_Zurich--Kobi.jpg"
−
                    <div class="thumbnail">
+
                 alt="is Yaakov "Kobi" Benenson"
−
                        <img src="https://2017.igem.org/wiki/images/4/4a/T--ETH_Zurich--Nico_Huber.jpeg">
+
                 />
−
                    </div>
+
                 <figcaption>Yaakov "Kobi" Benenson</figcaption>
−
                </div>
+
             </figure>
−
 
+
−
             </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">
+
−
                    <div class="thumbnail">
+
−
                        <img src="https://2017.igem.org/wiki/images/8/87/T--ETH_Zurich--Nikolas_Korasidis.jpeg">
+
−
 
+
−
                    </div>
+
−
                 </div>
+
−
            </fieldset>
+
−
            <!--<div class="clearfix"></div>-->
+
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
−
                <legend>Valentin - The Lieutenant</legend>
+
−
 
+
−
                <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>
+
−
            </fieldset>
+
−
            <!--<div class="clearfix"></div>-->
+
−
            <fieldset class="col-md-3 col-sm-6 col-xs-12">
+
−
                 <legend>Vasilis - The Chatter</legend>
+
−
 
+
−
                 <div class="thumbnail_container">
+
−
                    <div class="thumbnail">
+
−
                        <img src="https://static.igem.org/mediawiki/2017/5/52/T--ETH_Zurich--Vasileios_Cheras.jpeg">
+
−
 
+
−
                    </div>
+
−
                </div>
+
−
             </fieldset>
+
−
            <!--<div class="clearfix"></div>-->
+
 
         </div>
 
         </div>
−
 
+
        </li>
−
     </div>
+
     </ul>
−
</div>
+
</section>
−
</body>
+
</main>
−
 
+
 
</html>
 
</html>
−
{{ETH_Zurich/footer2}}
+
{{ETH_Zurich/Footer_N}}
−
 
+
−
{{ETH Zurich/jqueryJS}}
+
−
{{ETH_Zurich/BootstrapMinJS}}
+

Revision as of 23:16, 14 October 2017

The Team

Students

  • Anubhav Jain
    Anu --- The Engineer
  • David Schweingruber
    David --- The Expert
  • Irma Telarovic
    Irma --- The Doctor
  • Lida Vadakumchery
    Lida --- The Chemist
  • Nico Huber
    Nico --- The Designer
  • Nikolas Korasidis
    Nikolas --- The Nerd
  • Valentin Senlis
    Valentin --- The Lieutenant
  • Vasileios Cheras
    Vasilis --- The Chatter

Advisors

  • Claude Lormeau
    Claude Lormeau
  • Cristoph Stelzer
    Cristoph Stelzer
  • Daniel Gerngross
    Daniel Gerngross

Supervisors

  • Jörg Stelling
    Jörg Stelling
  • Sven Panke
    Sven Panke
  • is Yaakov
    Yaakov "Kobi" Benenson