Difference between revisions of "Team:Bielefeld-CeBiTec/Team"

Line 32: Line 32:
 
}
 
}
  
−
function visible() {
 
−
    var x = document.getElementById("dropi");
 
−
    if (x.style.display === "none") {
 
−
        x.style.display= "block";
 
−
    } else {
 
−
        x.style.display = "none";
 
−
    }
 
−
};
 
  
 
</script>
 
</script>
Line 51: Line 43:
  
  
−
.container_team {
+
.column_One {
−
  position: relative;
+
    float: left;
−
  width: 30%;
+
    width: 30%;
−
  float:left;
+
    padding: 10px;
−
  margin: 10px;
+
−
 
+
 
}
 
}
  
−
.image {
+
.column_Two {
−
  display: block;
+
    float: left;
−
  width: 100%;
+
    width: 50%;
−
  height: auto;
+
    padding: 10px;
 
}
 
}
  
−
.overlay {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  bottom: 0;
 
−
  left: 0;
 
−
  right: 0;
 
−
  height: 100%;
 
−
  width: 100%;
 
−
  display: none;
 
−
  transition: .5s ease;
 
−
  background-color: #008CBA;
 
−
}
 
−
 
−
 
−
.text {
 
−
  color: white;
 
−
  font-size: 14px;
 
−
  position: absolute;
 
−
  top: 37%;
 
−
  left: 48%;
 
−
  -webkit-transform: translate(-50%, -50%);
 
−
  -ms-transform: translate(-50%, -50%);
 
−
  transform: translate(-50%, -50%);
 
−
  text-align: justify;
 
−
  width: 80%;
 
−
}
 
−
 
−
.row {
 
−
margin-left: 5%;
 
−
}
 
  
 
.row:after {
 
.row:after {
Line 101: Line 61:
 
     clear: both;
 
     clear: both;
 
}
 
}
 +
  
 
</style>
 
</style>
 
 
−
<script>
 
  
−
function matthias() {
 
−
    var x = document.getElementById("mo");
 
−
    if (x.style.display === "none") {
 
−
        x.style.display= "block";
 
−
    } else {
 
−
        x.style.display = "none";
 
−
    }
 
−
};
 
−
 
−
function levin() {
 
−
    var x = document.getElementById("lk");
 
−
    if (x.style.display === "none") {
 
−
        x.style.display= "block";
 
−
    } else {
 
−
        x.style.display = "none";
 
−
    }
 
−
};
 
−
 
−
function irina() {
 
−
    var x = document.getElementById("ir");
 
−
    if (x.style.display === "none") {
 
−
        x.style.display= "block";
 
−
    } else {
 
−
        x.style.display = "none";
 
−
    }
 
−
};
 
−
 
−
function erika() {
 
−
    var x = document.getElementById("es");
 
−
    if (x.style.display === "none") {
 
−
        x.style.display= "block";
 
−
    } else {
 
−
        x.style.display = "none";
 
−
    }
 
−
};
 
−
 
−
function antonin() {
 
−
    var x = document.getElementById("ale");
 
−
    if (x.style.display === "none") {
 
−
        x.style.display= "block";
 
−
    } else {
 
−
        x.style.display = "none";
 
−
    }
 
−
};
 
−
 
−
function jakob() {
 
−
    var x = document.getElementById("jz");
 
−
    if (x.style.display === "none") {
 
−
        x.style.display= "block";
 
−
    } else {
 
−
        x.style.display = "none";
 
−
    }
 
−
};
 
−
 
−
function johannes() {
 
−
    var x = document.getElementById("jr");
 
−
    if (x.style.display === "none") {
 
−
        x.style.display= "block";
 
−
    } else {
 
−
        x.style.display = "none";
 
−
    }
 
−
};
 
−
 
−
function christoph() {
 
−
    var x = document.getElementById("cg");
 
−
    if (x.style.display === "none") {
 
−
        x.style.display= "block";
 
−
    } else {
 
−
        x.style.display = "none";
 
−
    }
 
−
};
 
−
 
−
function vanessa() {
 
−
    var x = document.getElementById("vk");
 
−
    if (x.style.display === "none") {
 
−
        x.style.display= "block";
 
−
    } else {
 
−
        x.style.display = "none";
 
−
    }
 
−
};
 
−
 
−
 
−
</script>
 
  
  
Line 200: Line 77:
 
</div>     
 
</div>     
  
−
      <div class="container">
+
 
−
         
+
  <div class="container">
 +
        <div class="main_content"> 
 
 
−
               
+
                 <div class="title" >Meet the Team</div>
−
                 <div class="title" style="background-color:#001633; color:white;">Meet the Team</div>
+
  
 
<div class="row">
 
<div class="row">
−
 
+
  <div class="column_One" style="background-color:#aaa;">
−
<div class="container_team">
+
    <img style="width:100%" src="https://static.igem.org/mediawiki/2018/3/3e/T--Bielefeld-CeBiTec--Matthias_vk.jpg" class="image">
−
  <img src="https://static.igem.org/mediawiki/2018/3/3e/T--Bielefeld-CeBiTec--Matthias_vk.jpg" onclick=matthias() class="image">
+
−
  <div class="overlay" id="mo" onclick=matthias() style="display:none;">
+
−
    <div class="text">Hello World</div>
+
 
   </div>
 
   </div>
−
</div>
+
   <div class="column_Two" style="background-color:#bbb;">
−
 
+
     <h2>Matthias Otto </h2>
−
 
+
    <article><b>Age:</b> 25 <br>
−
<div class="container_team">
+
<b>Field of study:</b> Molecular Biotechnology (M.Sc.) <br>
−
  <img src="https://static.igem.org/mediawiki/2018/d/d3/T--Bielefeld-CeBiTec--Levin_vk.jpg" onclick=levin() class="image">
+
<b>Fun facts:</b>  <br>
−
   <div class="overlay" id="lk" onclick=levin() style="display:none;">
+
When he doesn't get enough sleep he tends to be quite bossy and likes to order people around. <br>
−
     <div class="text">Hello World</div>
+
Whenever he gets angry he needs a Snickers so that he doesn't become a diva. <br>
−
  </div>
+
<b>iGEM low point/ what depressed me the most during iGEM: </b>I tried to add a stop codon at the end of one basic part and failed multiple times because I just got colonies without the stop codon. <br>
−
</div>
+
<b>My iGEM highlight:</b>The moment when I realized that the Human Ferritin has been detected in the MALDI TOF.</article>
−
 
+
−
 
+
−
<div class="container_team">
+
−
  <img src="https://static.igem.org/mediawiki/2018/a/a3/T--Bielefeld-CeBiTec--Vanessa_vk.jpg" onclick=vanessa() class="image">
+
−
  <div class="overlay" id="vk" onclick=vanessa() style="display:none;">
+
−
    <div class="text">Hello World</div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div class="row">
+
−
<div class="container_team">
+
−
  <img src="https://static.igem.org/mediawiki/2018/7/7e/T--Bielefeld-CeBiTec--Johannes_vk.jpg" onclick=johannes() class="image">
+
−
  <div class="overlay" id="jr" onclick=johannes() style="display:none;">
+
−
    <div class="text">Hello World</div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="container_team">
+
−
  <img src="https://static.igem.org/mediawiki/2018/7/7f/T--Bielefeld-CeBiTec--Jakob_vk.jpg" onclick=jakob() class="image">
+
−
  <div class="overlay" id="jz" onclick=jakob() style="display:none;">
+
−
    <div class="text">Hello World</div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="container_team">
+
−
  <img src="https://static.igem.org/mediawiki/2018/a/a4/T--Bielefeld-CeBiTec--Irina_vk.jpg" onclick=irina() class="image">
+
−
  <div class="overlay" id="ir" onclick=irina() style="display:none;">
+
−
    <div class="text">Hello World</div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="row">
+
−
<div class="container_team">
+
−
  <img src="https://static.igem.org/mediawiki/2018/0/08/T--Bielefeld-CeBiTec--antonin_vk.jpeg" onclick=antonin() class="image">
+
−
  <div class="overlay" id="ale" onclick=antonin() style="display:none;">
+
−
    <div class="text">Hello World</div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
   
+
−
<div class="container_team">
+
−
  <img src="https://static.igem.org/mediawiki/2018/3/38/T--Bielefeld-CeBiTec--Erika_vk.jpeg"" onclick=erika() class="image">
+
−
  <div class="overlay" id="es" onclick=erika() style="display:none;">
+
−
    <div class="text">Hello World</div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="container_team">
+
−
  <img src="https://static.igem.org/mediawiki/2018/d/dc/T--Bielefeld-CeBiTec--Christoph_vk.jpeg" onclick=christoph() class="image">
+
−
  <div class="overlay" id="cg" onclick=christoph() style="display:none;">
+
−
    <div class="text"><b style="font-size:20px;">Christoph Geske</b> <br>
+
−
<b>Age: 26</b><br>
+
−
<b>Field of study: Bioinformatics and Genome Research (B.Sc.)</b><br>
+
−
<b>Fun facts:</b><br>
+
−
He once wanted to warm up a hard bun in the microwave and the bun started to smoke yellow. The stench was so unbearable that we had to discard the microwave. <br>
+
 
   </div>
 
   </div>
 
</div>
 
</div>

Revision as of 11:38, 16 October 2018

Meet the Team

Matthias Otto

Age: 25
Field of study: Molecular Biotechnology (M.Sc.)
Fun facts:
When he doesn't get enough sleep he tends to be quite bossy and likes to order people around.
Whenever he gets angry he needs a Snickers so that he doesn't become a diva.
iGEM low point/ what depressed me the most during iGEM: I tried to add a stop codon at the end of one basic part and failed multiple times because I just got colonies without the stop codon.
My iGEM highlight:The moment when I realized that the Human Ferritin has been detected in the MALDI TOF.