Difference between revisions of "Team:Munich/Testflow"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
    <style>
 
−
   
 
−
    #home_logo, #sideMenu { display:none; }
 
−
    #sideMenu, #top_title, .patrollink  {display:none;}
 
−
    #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
−
    body {background-color:white; }
 
−
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  
−
    </style>
 
  
−
   
+
<script src = "https://2017.igem.org/Template:Munich/Javascript?action=raw&ctype=text/javascript"></script>
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" />
+
  <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css">
  
−
<script type="text/javascript" src="https://2017.igem.org/Template:Munich/Javascript?action=raw&ctype=text/javascript"></script>
+
<style type="text/css">
  
−
     <style type="text/css">
+
.mydescription{
−
       
+
height: 100px; /* Change height to be responsive */
 +
overflow: hidden;
 +
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom,
 +
     from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); /*This probably won't work on IE, so the text won't have a gradient.*/
 +
    cursor: pointer;
 +
    cursor: hand;
 +
}
  
−
    </style>
+
.header{
−
</head>
+
margin: 0 !important;
−
<body>
+
 +
}
 +
#navigation-bar{
 +
   
 +
    background-color: white;
 +
    z-index: 50;
 +
    }
  
 +
    #navigation-bar > *{
 +
    color: rgb(147,149,152);
 +
    font-family: Helvetica, Arial, sans-serif;
 +
    }
  
 +
p{
  
−
<div class='ui seven item secondary menu'>
+
}
−
     <div class='ui just item'>
+
 
−
         <img class='ui tiny cascaid image' src="https://static.igem.org/mediawiki/2017/a/af/T--Munich--Logo_Final.svg">
+
 
 +
 
 +
</style>
 +
 
 +
 
 +
</head>
 +
<div class="ui fixed seven item secondary menu" id="navigation-bar">
 +
     <div class="ui just item">
 +
         <img class="ui cascaid image" src="https://static.igem.org/mediawiki/2017/thumb/a/af/T--Munich--Logo_Final.svg/739px-T--Munich--Logo_Final.svg.png">
 
     </div>
 
     </div>
−
     <div class='ui dropdown item'>
+
     <div class="ui dropdown item" tabindex="0">
 
         Project
 
         Project
−
         <div class='ui menu'>
+
         <div class="ui menu" tabindex="-1">
 
             <a class="active item">Description</a>
 
             <a class="active item">Description</a>
 
             <a class="disabled item">Interlab</a>
 
             <a class="disabled item">Interlab</a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
     <div class='ui disabled dropdown item'>
+
     <div class="ui disabled dropdown item" tabindex="0">
−
         <div class='text'>Design</div>
+
         <div class="text">Design</div>
−
         <div class='ui menu'>
+
         <div class="ui menu" tabindex="-1">
 
             <a class="item">Overall</a>
 
             <a class="item">Overall</a>
 
             <a class="item">Parts</a>
 
             <a class="item">Parts</a>
Line 46: Line 63:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
     <div class='ui disabled dropdown item'>
+
     <div class="ui disabled dropdown item" tabindex="0">
−
         <div class='text'>Lab</div>
+
         <div class="text">Lab</div>
−
         <div class='ui menu'>
+
         <div class="ui menu" tabindex="-1">
 
             <a class="item">Lab journal</a>
 
             <a class="item">Lab journal</a>
 
             <a class="item">Experiments</a>
 
             <a class="item">Experiments</a>
Line 56: Line 73:
 
     </div>
 
     </div>
  
−
     <div class='ui dropdown item'>
+
     <div class="ui dropdown item" tabindex="0">
 
         <div class="text">Team</div>
 
         <div class="text">Team</div>
−
         <div class='ui menu'>
+
         <div class="ui menu" tabindex="-1">
 
             <a class="item" href="https://2017.igem.org/Team:Munich/Team">The Team</a>
 
             <a class="item" href="https://2017.igem.org/Team:Munich/Team">The Team</a>
 
             <a class="disabled item">Attributions</a>
 
             <a class="disabled item">Attributions</a>
Line 65: Line 82:
 
     </div>
 
     </div>
  
−
     <div class='ui disabled dropdown item'>
+
     <div class="ui disabled dropdown item" tabindex="0">
−
         <div class='text'>Human Practices</div>
+
         <div class="text">Human Practices</div>
−
         <div class='ui menu'>
+
         <div class="ui menu" tabindex="-1">
 
             <a class="item">Awards</a>
 
             <a class="item">Awards</a>
 
             <a class="item">Medals</a>
 
             <a class="item">Medals</a>
Line 73: Line 90:
 
     </div>
 
     </div>
  
−
     <div class='ui disabled dropdown item'>
+
     <div class="ui disabled dropdown item" tabindex="0">
−
         <div class='text'>Awards</div>
+
         <div class="text">Awards</div>
−
         <div class='ui menu'>
+
         <div class="ui menu" tabindex="-1">
 
             <a class="item">Special prizes</a>
 
             <a class="item">Special prizes</a>
 
             <a class="item">Medals</a>
 
             <a class="item">Medals</a>
Line 84: Line 101:
  
  
 +
<div onclick="expand($('#Pattrick'))" class="ui card">
 +
  <div class="image">
 +
    <img src="https://scontent.xx.fbcdn.net/v/t31.0-8/19620192_1330888160294409_2188843335813625575_o.jpg?oh=69121d1a6ff668899a5c1ab4d0039730&oe=59F6976C">
 +
  </div>
 +
  <div class="content">
 +
    <p class="header">Pattrick Wilke</p>
 +
    <div class="meta">
 +
      <span class="date">Masters Biochemistry (TUM)</span>
 +
    </div>
 +
    <div class="description" >
 +
    <div class="mydescription" id="Pattrick" >
 +
    <p class="hola">
 +
      He is currently in the Master in Biochemistry at TUM and is part of our Wet Lab Team. After spending too much time in the lab he has developed some side effects: he turned into a pipetting-robot and started to perceive reality in terms of incubation times. While he waits for the experiments to be done, he likes to play table football with Julian (you will know about him soon). Also, his laugh is very contagious.
 +
      </p>
  
 +
     
 +
    </div>
 +
  </div>
 +
</div>
  
 +
</div>
 +
 +
<div onclick="expand($('#Benedikt'))" class="ui card">
 +
  <div class="image">
 +
    <img src="https://scontent.xx.fbcdn.net/v/t1.0-9/19601202_1330350827014809_2003888258223673258_n.jpg?oh=0f8d8cb42a9f59abf9e9908313b597d0&oe=5A0D3D03">
 +
  </div>
 +
  <div class="content">
 +
    <p class="header">Benedikt Dürr</p>
 +
    <div class="meta">
 +
      <span class="date">Bachelor Biology (LMU)</span>
 +
    </div>
 +
    <div class="description" >
 +
    <div class="mydescription" id="Benedikt" >
 +
    <p class="hola">
 +
      Our youngest member and official paparazzi of Team Munich 2017. He is currently in the 4th semester of the Bachelor in Biology at LMU and begins to find the scientist in himself. However, this doesn’t hold him back from doing artsy stuff besides being in the lab. For that reason, he is in charge of the media and photography in our team. He designed not only our awesome project logo but also learned how to make videos just for the sake of the team!
 +
      </p>
 +
 +
     
 +
    </div>
 +
  </div>
 +
</div>
 +
</div>
  
−
   
 
  
−
       
 
 
<script type="text/javascript">
 
<script type="text/javascript">
−
    $('.dropdown').dropdown({on:'hover'});
+
function expand(object){
−
</script>
+
object.css("-webkit-mask-image","initial");
−
     
+
object.animate({
  
 +
height: object.children("p").css("height")
 +
 +
},500, function(){
 +
 +
 +
});
 +
} //Expand function. Takes the object and gradually changes its height to match that of its inner paragraph.
 +
 +
 +
</script>
  
−
    </div> 
 
−
</div>
 
  
 
</html>
 
</html>

Revision as of 21:24, 14 July 2017

Pattrick Wilke

Masters Biochemistry (TUM)

He is currently in the Master in Biochemistry at TUM and is part of our Wet Lab Team. After spending too much time in the lab he has developed some side effects: he turned into a pipetting-robot and started to perceive reality in terms of incubation times. While he waits for the experiments to be done, he likes to play table football with Julian (you will know about him soon). Also, his laugh is very contagious.

Benedikt Dürr

Bachelor Biology (LMU)

Our youngest member and official paparazzi of Team Munich 2017. He is currently in the 4th semester of the Bachelor in Biology at LMU and begins to find the scientist in himself. However, this doesn’t hold him back from doing artsy stuff besides being in the lab. For that reason, he is in charge of the media and photography in our team. He designed not only our awesome project logo but also learned how to make videos just for the sake of the team!