Difference between revisions of "Team:HebrewU/Team"

 
(26 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<!--- THIS IS WHERE THE HTML BEGINS --->
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 5: Line 4:
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
<!--- Own CSS --->
 
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css">
  
<!--- Jquery script - remove when uploading to wiki --->
+
<!--- Main Menu script --->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
 
+
<!--- Main Menu script - remove when uploading to wiki --->
+
 
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script>
  
 +
<!--- w3 Css --->
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/w3?action=raw&ctype=text/css">
  
<!--- THIS IS WHERE THE HTML of the page BEGINS --->
+
<!--- Bootstrap Css --->
 +
  <script src="https://2018.igem.org/Template:HebrewU/boot?action=raw&ctype=text/javascript"></script>
 +
  <link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/strap?action=raw&ctype=text/css">
 +
 
 +
<style>
 +
/* Disable I-GEM defult properties for blank page */
 +
    #sideMenu, #top_title {display:none;}
 +
    #sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;}
 +
    #content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
 +
    #body {background-color:#EDEADC; }
 +
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
    .w3-container {
 +
  overflow: auto;
 +
    }
 +
 +
* {
 +
  -webkit-box-sizing:content-box ;
 +
    -moz-box-sizing:content-box ;
 +
    box-sizing:content-box ;
 +
    }
  
<body>
 
  
<!--- THIS IS WHERE THE Html of the main menu begins --->
+
.ahuji {
 +
    color:black
 +
    }
  
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<html lang="en">
 
<head>
 
<title>HebrewU HujiGEM 2018</title>
 
<meta charset="utf-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css">
 
  
<!--- Jquery script - remove when uploading to wiki --->
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
  
<!--- Main Menu script - remove when uploading to wiki --->
+
@media (max-width: 1000px) {
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script>
+
    .fixed {
 +
    display: none;
 +
    }
  
 +
.ulogo { display:none; }
 +
}
  
<!--- THIS IS WHERE THE HTML of the page BEGINS --->
 
  
<body>
+
body {
 +
background-color:blue-gray;
 +
 +
}
  
<!--- THIS IS WHERE THE Html of the main menu begins --->
+
.w3-container li {
 +
padding-left:60px;
 +
font-size:130%;
 +
line-height:30px;
 +
 +
}
  
<ul id="ddmenu_hebrewu">
+
.w3-container h5 {
 +
padding-left:60px;
 +
font-size:130%;
 +
line-height:25px;
 
 
    <div class="huji_homebutton" >
+
}
    <li><a href=""https://2018.igem.org/Team:HebrewU">HebrewU</a></li>
+
    </div>
+
   
+
    <li><a href="https://2018.igem.org/Team:HebrewU/Project">Project</a>
+
        <ul>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Motivation">Motivation</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Results">Results</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/BioBricks">BioBricks</a></li>
+
        </ul>
+
               
+
    </li>
+
    <li><a href="https://2018.igem.org/Team:HebrewU/Team">Team</a>
+
        <ul>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Attribiutions">Attribiutions</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Sponsors">Sponsors</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Photo Gallery">Photo Gallery</a></li>
+
        </ul>
+
    </li>
+
   
+
    <li><a href="https://2018.igem.org/Team:HebrewU/Human Practice">Human Practice</a>
+
        <ul>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Citizen Survey">Citizen Survey</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Expert Interviews">Expert Interviews</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Community">Community</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Industry">Industry</a></li>
+
        </ul>
+
    </li>
+
   
+
        <li><a href="https://2018.igem.org/Team:HebrewU/Our Lab">Our Lab</a>
+
        <ul>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Protocols">Protocols</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Notebooks">Notebooks</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/InterLab">Inter-lab</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Safety">Safety</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Medal Criteria">Medal Criteria</a></li>
+
  
        </ul>
 
    </li>
 
   
 
  
</ul>   
 
  
<div><br><br><div>
+
.huji_card {
 +
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
 +
  max-width: 300px;
 +
  margin: 10px;
 +
  text-align:center;
 +
  font: 16px Calibri, Calibri;
 +
  background-color:#FCFBF8;
 +
  display: inline-block;
 +
  box-sizing:border-box ;
 +
  float:left;
 +
}
  
<!--- THIS IS WHERE the html content begins --->
 
  
<!DOCTYPE html>
+
.huji_cardtitle {
<html>
+
   color: grey;
<head>
+
  font: 18px Calibri, Calibri;
<style>
+
html {
+
   box-sizing: border-box;
+
}
+
  
*, *:before, *:after {
 
  box-sizing: inherit;
 
 
}
 
}
  
.column {
+
stats_button {
   float: left;
+
   border: none;
 +
  outline: 0;
 +
  display: inline-block;
 +
  color: white;
 +
  background-color: black;
 +
  text-align: center;
 +
  cursor: pointer;
 
   width: 40%;
 
   width: 40%;
   margin-left: 105px;
+
   font: 20px Calibri, Calibri;
   margin-bottom: 16px;
+
   padding-left:0px;
   padding: 0 8px;
+
   opacity:0.9;
 +
  float:left;   
 +
 
 
}
 
}
  
@media screen and (max-width: 800px) {
+
.linkdin_button {
   .column {
+
   text-decoration: none;
    width: 100%;
+
  margin: -1em;  
    display: block;
+
  display:inline-block;
   }
+
   z-index: -1;
 +
 
 +
 
 +
 
 
}
 
}
  
.card {
+
.huji_stat_title {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+
  width: 290px;
 +
      color: white;
 +
      font: 16px Calibri, Calibri;
 +
      background-color: black;
 +
  text-align:left;
 +
  padding-left:2px;
 +
  opacity:0.9;
 +
  padding:5px;
 +
 
 
}
 
}
  
.container {
+
 
  padding: 0 16px;
+
.huji_stat_job {
 +
  width: 290px;
 +
      color: white;
 +
      font: 16px Calibri, Calibri;
 +
      background-color: black;
 +
  text-align: center;
 +
  padding-left:2px;
 +
  opacity:0.8;
 +
  padding:5px;
 +
 
 
}
 
}
  
.container::after, .row::after {
+
.huji_stat_content {
  content: "";
+
  width: 280px;
  clear: both;
+
      color: black;
  display: table;
+
      background-color: #FCFBF8;
 +
  border-color:black;
 +
  font: 16px Calibri, Calibri;
 +
  text-align:left;
 +
  opacity:0.9;
 +
 
 
}
 
}
  
.title {
+
 
   color: Green;
+
.dropup {
 +
 +
  float:left;
 +
   width: 400px;
 
}
 
}
  
.button {
+
stats_button:hover, a:hover {
   border: none;
+
  opacity: 0.7;
   outline: 0;
+
}
   display: inline-block;
+
 
   padding: 8px;
+
.flip-box {
   color:white;
+
   width: 300px;
   background-color: #008000
+
   height: 200px;
   ;
+
   perspective: 1000px;
 +
   margin-top:-10px;
 +
}
 +
 
 +
.flip-box-inner {
 +
   position: relative;
 +
   width: 100%;
 +
   height: 100%;
 
   text-align: center;
 
   text-align: center;
   cursor: pointer;
+
   transition: transform 0.8s;
 +
  transform-style: preserve-3d;
 +
}
 +
 
 +
.flip-box:hover .flip-box-inner {
 +
  transform: rotateY(180deg);
 +
}
 +
 
 +
.flip-box-front, .flip-box-back {
 +
  position: absolute;
 
   width: 100%;
 
   width: 100%;
 +
  height: 100%;
 +
  backface-visibility: hidden;
 
}
 
}
  
.button:hover {
+
.flip-box-front {
 +
  background-color: #bbb;
 +
  color: black;
 +
}
 +
 
 +
.flip-box-back {
 
   background-color: #555;
 
   background-color: #555;
 +
  color: white;
 +
  transform: rotateY(180deg);
 
}
 
}
</style>
 
</head>
 
<body>
 
  
<h2>Team Members</h2>
 
  
<div class="row">
+
 
  <div class="column">
+
 
    <div class="card">
+
@media (max-width: 1000px) {
      <img src="https://lh3.googleusercontent.com/MvyP-k3od8xpJLPoSxLjgEvJiTMmOuuPw3KXx5ospL-r7-uuorN2NBda8TFSDu_Z0jbqeIu7nnDcBUzEWCxClUgkfU39WDk__btKY2H66Nl0wKbQeEiGuF3CxFZtZ6vll22nmHfMcUAaalnj4r42zNzgzHwfcq4QOHJ5DdCuVG888FnbJWRkWFUkbqdaLVry0rIkDOAHWeZteE2AhTuArnl-fK7Z_aCtDTwCQS-NYI8k0drwqrhczjr_fZkcp57jh8w7QBLGH3yar1am_xn3vTD4qGY-bUqlaf1Y8Hny2l9NWTXrkmEPCatWqLgtsqaM0JGR9rvRAX2NBPXek-znBR5lSL1VwYoAcFk8pAOi21g00ik1b2pbpst4NxNsa_snnBu9c8DbRtTKbLhL-v-_SlGYn_sg4qAAq_YtfSV2hWeepOEMjHJ5VFb77Ld6Mbv6VqUMosFglRC2TcZd3-qEa07Lbd-vMqwyOqPbM2Df7f41fe7lahTO62q-uUJRC_Qtm5CPB2_uk46jd8EiDHsKQN5aZPVG6voC88Zjla8DP9IXRFEYvs7VhL7A-bwZYon9-Gqlo0Pt590eNQn3ejjsQXqvOMpd-AOHHv0pbbBoKcn57ZIknjN1N6ab_GRTnA=w608-h910-no" alt="Alon Ranger Barshap" style="width:50%">
+
    .fixed {
      <div class="container">
+
    display: none;
        <h2>Alon Barshap</h2>
+
    }
        <p class="title">Team Captain</p>
+
 
        <p>Just a year ago Alon was only a student with a dream. He wanted Herbew U to take part in the an international synthetic biology competition called iGEM. Nobody around him had heard it of it, but he wouldn’t give up. He pushed the University, students, and advisors until we had team and initial funding. Since things got moving, he took over as team captain, and had led us to where we are today.
+
.ulogo { display:none; }
</p>
+
        <style>
+
/* Popup container - can be anything you want */
+
.popup {
+
    position: relative;
+
    display: inline-block;
+
    cursor: pointer;
+
    color: #006400;
+
    -webkit-user-select: none;
+
    -moz-user-select: none;
+
    -ms-user-select: none;
+
    user-select: none;
+
 
}
 
}
  
/* The actual popup */
+
.social_huji img {
.popup .popuptext {
+
padding:5px;
    visibility: hidden;
+
    width: 300px;
+
    background-color: White;
+
    color: #006400;
+
    text-align: Justify;
+
    border-radius: 6px;
+
    padding: 8px 0;
+
    position: absolute;
+
    z-index: 1;
+
    bottom: 125%;
+
    left: 50%;
+
    margin-left: -150px;
+
 
}
 
}
  
/* Popup arrow */
+
 
.popup .popuptext::after {
+
body {
    content: "";
+
background-color:blue-gray;
    position: absolute;
+
    top: 100%;
+
    left: 50%;
+
    margin-left: -5px;
+
    border-width: 0px;
+
    border-style: solid;
+
    border-color: #555 transparent transparent transparent;
+
 
}
 
}
  
/* Toggle this class - hide and show the popup */
+
h1{
.popup .show {
+
color:black;
    visibility: visible;
+
    -webkit-animation: fadeIn 1s;
+
    animation: fadeIn 1s;
+
 
}
 
}
  
/* Add animation (fade in the popup) */
+
p {
@-webkit-keyframes fadeIn {
+
color:black;
    from {opacity: 0;}
+
    to {opacity: 1;}
+
 
}
 
}
  
@keyframes fadeIn {
+
#HQ_page p {
     from {opacity: 0;}
+
     font-size: 14px;
    to {opacity:1 ;}
+
 
}
 
}
 +
 +
 
</style>
 
</style>
</head>
 
<body style="text-align:center">
 
  
<div class="popup" onclick="myFunction1()">STATS
 
  <span class="popuptext" id="myPopup1">
 
<br>  Degree: Plant Science and Biotechnology <br> <br>
 
Special skills: <br> 
 
&emsp; Endless drive and optimism <br> 
 
&emsp; Literary Research Expert<br> <br> 
 
Things that keep him up at night:<br> 
 
&emsp; Unfinished to do lists<br> 
 
&emsp; Meetings with CEOs and Faculty <br>
 
&emsp; How do mermaids breath under water?
 
<br>
 
</span>
 
</div>
 
  
<script>
 
// When the user clicks on div, open the popup
 
function myFunction1() {
 
    var popup = document.getElementById("myPopup1");
 
    popup.classList.toggle("show");
 
}
 
</script>
 
      </div>
 
    </div>
 
  </div>
 
  
  <div class="column">
 
    <div class="card">
 
      <img src="https://lh3.googleusercontent.com/ajgA3iPjUMcBfMldmWZWwFTvM1gCnljzDDxmu_p7wJoktou4tueQEGUHznDAhBqfeiehtI7wvx3I_Wsw0PZlfQLUdPWL9Z9rwJFYojpv2LXiBSnlp85A9ryh8CgG6AA7JfTRLjjby-w-juVhp30rtndZk8mcnaXl4Y_qGTJul_EiZiFcNHeFxUE1HpP1kZaOn2aPzs_JElso9bUZSPhOywnPi6Um7LWfo9dlxx0loObVfU5Soa3G91402G9k4hu5JFJ2FFkh_h1o59bs-WU6XHYGVYtQj2Zj3NjhfndWR40WIeCy9W1OyB299WJpIg-kzFNvUnNhl8ZevZJQsRxgjdMCfnt--sz1SXRlJvT0MxAH64foX0_yd_J4B4KI2BVSyDX0fmpVsa8dn6ky6RcYJLaZfuNrWrmsncUSr1WC7NhMkTEu7KQBdsMtEoxW7ecOtPf6pauTozIvoBa0KOYQftuZMkgYP0BgDiBcFHTPwW4erbIGAt2mQQg_mDpr4ZaP5hMVl7ehtGh4EEX7ZZi9dJwqN08Q4leoOaLhTLSE1pvOzJfwQbAq7elvrJjwZUNztoJQmt4iFprhIUtvwnugGVpMolYbfEErDC61Zaac6NQ5qooHX6Dgi0mvv3hlKw=w608-h910-no" alt="Stan Lior Bas" style="width:50%">
 
      <div class="container">
 
        <h2>Lior Badash</h2>
 
        <p class="title">Team Captain</p>
 
        <p>Lior was the second person to join the journey from library meetings to Boston. He played a huge role in getting our team off the ground and creating the infrastructure for our team to flourish. As team captain he has he has brought out the best in our team members. Even as he was running the team, he found ways to organize awesome projects like the livestream and lab safety poetry contest.
 
</p>
 
  
 +
<body>
 +
<div class="w3-blue-gray">
 +
<ul id="ddmenu_hebrewu">
 +
            <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li>
  
<div class="popup" onclick="myFunction2()">STATS
+
    <div class="huji_homebutton">
  <span class="popuptext" id="myPopup2">
+
           
<br> Degree: Agroecology and Biotechnology <br> <br>
+
        <a href="javascript:void(0);" class="icon" onClick="show_small_nav()">
Special skills: <br>
+
            <img src="https://static.igem.org/mediawiki/2018/d/dc/T--Hebrewu--huji_small_manu.png" width="20" height="20" padding:"2px">
&emsp; Tech Spec Expert <br>
+
        </a>
&emsp; Can go 37 hours without sleep<br> <br>
+
   
Things that keep him up at night:<br>
+
        <a href="https://2018.igem.org/Team:HebrewU">
&emsp; Creating to do lists<br>
+
                <img class="ulogo" src="https://static.igem.org/mediawiki/2018/d/d3/T--Hebrewu--huji_boiling_logo.png" width="60" height="60" style="margin-left:-27px;">
&emsp; 3D Printing for our community project <br>
+
                </a>
&emsp; Will fungi unseat humans as the <br>
+
  </div>  
&emsp; most intelligent lifeform on earth?
+
 
 +
    <li><a>Project</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Model">Model</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Demonstrate">Results</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Software">MOOLTi</a></li>
  
<br>
+
        </ul>      
</span>
+
    </li>
</div>
+
    <li><a>Lab</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Design">Yeast Design</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Plant">Plant Design</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Notebook">Notebook</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/InterLab">Inter-lab</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Safety">Safety</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Protocols">Protocols</a></li>
 +
        </ul>
 +
       
 +
    </li>
 +
 
 +
   
 +
    <li><a href="https://2018.igem.org/Team:HebrewU/Human_Practices">Human Practices</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Ethics">Ethics</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Global_aspects">Global Aspects</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Public_engagment">Public Engagment</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Open_Source">Open Source</a></li>
 +
        </ul>
 +
    </li>
 +
   
 +
    <li><a>Team</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Attributions">Attributions</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li>
 +
        </ul>
 +
    </li>
 +
            <li ><a href="https://2018.igem.org/Team:HebrewU/Judging">Judging</a></li>
 +
           
 +
    <div class="social_huji">
 +
            <a href="https://twitter.com/GemHuji"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/3/39/T--Hebrewu--twitter_logo.png" width="25" height="25"></a>
 +
            <a href="https://www.facebook.com/HUJiGEM"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/8/8a/T--Hebrewu--facebook_logo.png" width="25" height="25"></a>
 +
            <a href="https://www.instagram.com/hujigem/"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/5/54/T--Hebrewu--insta_logo.png" width="25" height="25"></a>
 +
            <a href="https://www.igem.org/Main_Page"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/1/1a/T--Hebrewu--IGEM_logo.png" width="30"></a>  
  
<script>
+
    </div>  
// When the user clicks on div, open the popup
+
 
function myFunction2() {
+
</ul>
    var popup = document.getElementById("myPopup2");
+
 
    popup.classList.toggle("show");
+
<!----------- Responsive Navbar --------------->   
}
+
<div class="huji_smallnav" id="huji_shownav">
</script>     </div>
+
    <button class="huji_small_navbar">Project</button>
    </div>
+
        <div class="huji_small_navbar_panel">
  </div>
+
            <a href="https://2018.igem.org/Team:HebrewU/Description"><button class="b_huji_small_subnav">Description</button></a>
  <div class="column">
+
            <a href="https://2018.igem.org/Team:HebrewU/Model"><button class="b_huji_small_subnav">Model</button></a>
    <div class="card">
+
            <a href="https://2018.igem.org/Team:HebrewU/Demonstrate"><button class="b_huji_small_subnav">Results</button></a>
      <img src="https://lh3.googleusercontent.com/AOP8JDrY0npbdXVbdW1vz1f1ENQvYdF9BIZXgQAZkhqy9kuT0XeKPPes7OBrLe6zDj8A5SVfyaZJOS3uQ_eqU9udvZoGmEOW09IuLQU7Nl4XDAmUykoVGjFqTMsryI5xVgso0WqE2mU72G9cHQSerRI5YCSLkbH41o69jbZVHJYUOa87L5iNdIa4OykmuCIFjDhpNMntOaMB6Bfiurt87bezgSasWWQ3BMnv6B-bwYWoWDhtEhl7wTHg30x3lqjfiLUNdhuAf3IyZQSyDeCL0ZQTM5ZY_gob6Us1NO6hbfrObGO51voMR2h5YiDskeHkLTMueDNabdDZjwQOlWqqDBNkASD_HPSFQ7A4Uou0Kl7GhLOmcozbOkxyAw2wtdCJU1Nqx7gv2IhxXkYXZzcahtOI1EA0MQS0AXc-QNXdaU13Lvd9ucuz7-ZSFUuYjF5l0HYvd0O1Z_SRrSlvzKVevlBkaSCRIB3WSIIwpiBTF7oFt3khwIqRpxGfxvsWkX_sBKOBJAXySJ_Jnn8UXkkN8emdP--Kmi8UwZMBL7XEjBopa2R5UQAhDPuT3vgaZASY-eFT5Oyud9HVNctjSzB42NcUySeVPqdKhFALlnRd2Ceb47jxK_WntImMq1h0Sg=w608-h910-no" alt="Eliya" style="width:50%">
+
            <a href="https://2018.igem.org/Team:HebrewU/Parts"><button class="b_huji_small_subnav">Parts</button></a>
      <div class="container">
+
            <a href="https://2018.igem.org/Team:HebrewU/Software"><button class="b_huji_small_subnav">MOOLTi</button></a>
        <h2>Eliya Milshtein</h2>
+
        </div>
        <p class="title">Head of PR and Community Project</p>
+
 
        <p>From participation in her first iGEM meeting, Eliya has played a dominant role in the group throughout all stages of its development. Overseeing the PR and fundraising has been no small task, and Eliya has handled it with resilience and grace. Additionally, Eliya headed up our Inter-lab team, securing our bronze medal. Always bringing outside the box thinking to the table, she has continuously pushed out team forward.  
+
    <button class="huji_small_navbar">Lab</button>
</p>
+
        <div class="huji_small_navbar_panel">
         </p>
+
            <a href="https://2018.igem.org/Team:HebrewU/Design"><button class="b_huji_small_subnav">Yeast Design</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Plant"><button class="b_huji_small_subnav">Plant Design</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Notebook"><button class="b_huji_small_subnav">Notebook</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/InterLab"><button class="b_huji_small_subnav">InterLab</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Safety"><button class="b_huji_small_subnav">Safety</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Protocols"><button class="b_huji_small_subnav">Protocols</button></a>
 +
 
 +
         </div>
  
 +
    <button class="huji_small_navbar">Human Practice</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Human_Practices"><button class="b_huji_small_subnav">Human Practice - Main Page</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Ethics"><button class="b_huji_small_subnav">Ethics</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Global_aspects"><button class="b_huji_small_subnav">Global Aspects</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Public_Engagment"><button class="b_huji_small_subnav">Public Engagment</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Open_Source"><button class="b_huji_small_subnav">Open Source</button></a>
 +
        </div>
  
<div class="popup" onclick="myFunction3()">STATS
 
  <span class="popuptext" id="myPopup3">
 
<br>  Degree: Biochemistry and Biotechnology <br> <br>
 
Special skills: <br> 
 
&emsp; Pro Level Pipetting <br> 
 
&emsp; Blackbelt in video editing <br> 
 
&emsp; Blackbelt in PowerPoint
 
  
<br> <br>
+
     
Things that keep her up at night:<br>
+
          <button class="huji_small_navbar">Team</button>
&emsp; Emails that need replies
+
        <div class="huji_small_navbar_panel">
<br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Members"><button class="b_huji_small_subnav">Members</button></a>
&emsp; iGEM team budget
+
            <a href="https://2018.igem.org/Team:HebrewU/Attributions"><button class="b_huji_small_subnav">Attributions</button></a>
<br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a>
&emsp; If a cells has GFP, but no one can see it, <br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a>
&emsp; does it really fluoresce?
+
        </div>
+
       
<br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Judging"><button class="huji_small_navbar">Judging</button></a>
</span>
+
 
</div>
 
</div>
 +
<!----------- Script 1 for small navbar --------------->
 +
<script>
 +
        function show_small_nav() {
 +
              var x = document.getElementById("huji_shownav");
 +
            if (x.style.display === "none") {
 +
                x.style.display = "block";
 +
            } else {
 +
                x.style.display = "none";
 +
            }
 +
        }
 +
    </script>
 +
 +
<!------------ Script 2 for small navbar ------------->
 +
<script>
 +
    var acc = document.getElementsByClassName("huji_small_navbar");
 +
    var i;
 +
   
 +
    for (i = 0; i < acc.length; i++) {
 +
        acc[i].addEventListener("click", function() {
 +
            this.classList.toggle("active");
 +
            var huji_small_navbar_panel = this.nextElementSibling;
 +
            if (huji_small_navbar_panel.style.display === "block") {
 +
                huji_small_navbar_panel.style.display = "none";
 +
            } else {
 +
                huji_small_navbar_panel.style.display = "block";
 +
            }
 +
        });
 +
    }
 +
    </script>
 +
 +
<a onClick="topFunction()" id="myBtn_up" title="Go to top"><img src="https://static.igem.org/mediawiki/2018/1/1e/T--hebrewu--arrow_up.png" width="40px" /></a>
 +
  
 
<script>
 
<script>
// When the user clicks on div, open the popup
+
// When the user scrolls down 20px from the top of the document, show the button
function myFunction3() {
+
window.onscroll = function() {scrollFunction()};
     var popup = document.getElementById("myPopup3");
+
 
     popup.classList.toggle("show");
+
function scrollFunction() {
 +
     if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
        document.getElementById("myBtn_up").style.display = "block";
 +
     } else {
 +
        document.getElementById("myBtn_up").style.display = "none";
 +
    }
 
}
 
}
</script>     
 
      </div>
 
    </div>
 
</div>
 
  
<div class="column">
+
// When the user clicks on the button, scroll to the top of the document
    <div class="card">
+
function topFunction() {
      <img src="https://lh3.googleusercontent.com/7f3KCDl85UWWVK1rX7YStlEhdLXN_au6QWxgxaoS5iTS8IfgGWODc_9MGs6wRGT7MzC5oY58VZJAJw0zH2Q-4iffB4kWanMaTdZi9ml_w4UkBDetlONlNE1mRLbLOkJnoQwkMkDNfXbCbRVtJjmuH0cgbPV4retryzqQ235rf0_aViSKNIXDK-LkK_1v3blQQhTic7m-zYKpQAyJ3-sXJ9VOxNsHy8D3e18fzNzWy8gNLfyQHR6NwjVISH3Ofz4mx2Sr6J7oPuUj4f0Z3dSY-W9ucHOa5tSFqV986UKnKSbAXWiKftVPiA_gi75ruwoGVs1jimVTj8mWI11HjFt7t7j-ccj1aHdaCskaCxZ0iN7yq3tAzPMHLbIO-7BSjRtb9CDXdjbnAqan2NMoYl6JWrku-YkVbUcASz2DvQrZjy7Sx0IhIflzQhlKtxow05LPDQT7Yij2nFxlA7NYthovhSlikhSPa9DAJXHbvk0jy1POFuxk31OvVJpxkqW8DItya4MGUevN9k8fIL1Y5fn-r9hprCy493yg_lQke1WMgtggWCimP997XjeIeMJuShQXgR7mqsnmABvd5cNYucoVRHMHFB3-0-ITxb9P5n1f64oQvTD_oyGKWlGDC587pQ=w608-h910-no" alt="ABK" style="width:50%">
+
    document.body.scrollTop = 0;
      <div class="container">
+
    document.documentElement.scrollTop = 0;
        <h2>Amichai BK</h2>
+
}
        <p class="title">Student Research Leader</p>
+
</script>
        <p>From our first brainstorming session, Amichai was pushing for a project in Bioremediation. Through perseverance and flexibility his ideas evolved into our current project on TCDD. Since we started wet work, he has spent most of his time in the lab; both overseeing all of the lab work and leading the initial vector cloning effort. Though he has contributed to other aspects of the project, its hard to get him out of his lab coat, and away from the yeast.
+
</p>
+
  </p>
+
  
  
<div class="popup" onclick="myFunction4()">STATS
+
<br />
  <span class="popuptext" id="myPopup4">
+
<br />
<br>  Degree: Agroecology and Biotechnology <br> <br>
+
<div class="w3-center">
Special skills: <br> 
+
            <img src="https://static.igem.org/mediawiki/2018/7/78/T--hebrewu--team_members_HL.png" width="35%">
&emsp; Yeast Whisperer <br> 
+
&emsp; Excel Wizard
+
  
<br> <br> 
+
</div>
Things that keep him up at night:<br> 
+
&emsp; Mislabled tubes
+
<br> 
+
&emsp; Did I leave samples in the PCR cycler?
+
<br>
+
&emsp; How many enzymes does it take to <br>
+
&emsp; skrew in a light bulb?
+
+
<br>
+
</span>
+
</div>
+
  
<script>
 
// When the user clicks on div, open the popup
 
function myFunction4() {
 
    var popup = document.getElementById("myPopup4");
 
    popup.classList.toggle("show");
 
}
 
</script>     
 
      </div>
 
    </div>
 
  </div>
 
</div>
 
  
 +
<!--- Page content start --->
 +
<div class="w3-blue-gray">
 +
<br />
 +
<h2 class="w3-center w3-white w3-animate-fading"> Students </h2>
 +
    <br />
 +
    <br />
 +
    <div class="w3-row">
 +
<!---------------------- Alon start---------------------------->
 +
      <div class="w3-third w3-animate-left" style="padding-left:200px;">
 +
              <div class="huji_card">
 +
              <p>
 +
            <div class="flip-box">
 +
<div class="flip-box-inner">
 +
    <div class="flip-box-front">
 +
      <img src="https://static.igem.org/mediawiki/2018/f/f6/T--Hebrewu--Alon_front.jpeg" width="300" height="300">
 +
    </div>
 +
      <div class="flip-box-back">
 +
<img src="https://static.igem.org/mediawiki/2018/8/88/T--Hebrewu--Alon_back.jpeg" width="300" height="300">
 +
      </div>
 +
  </div>
 +
</div>
 +
               
 +
  <br /><br /><br /><br /><br />
 +
             
 +
              </p>
 +
              <h1>Alon Barshap</h1>
 +
              <div class="huji_stat_job">Team Captain</div>
 +
              <p>Just a year ago Alon was only a student with a dream. He wanted HerbewU to take part in an international synthetic biology competition called iGEM. <br /><br />  Nobody around him had heard of it, but he wouldn’t give up. He pushed the University, students, and advisors until we had a team and initial funding.
 +
              Since things got moving, he took over as team captain and had led us to where we are today. <br/>
 +
              </p>
 +
               
 +
                    <div class="dropup">
 +
                  <stats_button type="stats_button" data-toggle="dropdown"><b>STATS</b><img style="margin-bottom:8px;padding-left:10px;" src="https://static.igem.org/mediawiki/2018/a/a5/T--Hebrewu--bar_chart.png" width="20" height="20">
  
<div class="column">
+
                            </stats_button>
    <div class="card">
+
<a href="https://www.linkedin.com/in/alon-barshap-310273136/"> <img src="https://static.igem.org/mediawiki/2018/5/58/T--Hebrewu--linkdin_button.png" width="20" height="20">
      <img src="https://lh3.googleusercontent.com/top-Cj0qMQwjgeJvpmRe_K_Rfe9vNbxpnx8O7-gap0vTDtlMFvzUDpVS-ldagSdbz_-fCSQfW0hgNfICTWBVmOG2NUjCedZzozA9c4GGbfPIyqL46WDCWuvHVK3xcx792G8oF02_G2gBdxNjmRoRb_oOUJd2NPei4zixX-ByHjrmzvS85k-WQ2y1dWlUpWreb2AcOiVmAL6tNi2DMruO9vnH1JuugMqtlDiIzuD_qw6bRTu6M5j7G5stk7LQfa0lDUALxWA4xgna0Ry3zw3CGBg0lNt567eb244lKs8Vf4NwKBMptzOPY8WciLHugrPzaANIEaH-cpe6MV26K0APrlrIIPnDgKiISWKJtpYa6cCuQol7Z_T2_ag7rXbAYcMBbJPK2BcfDHpNi4fgDfI22eYmtH5rSZCmFRj0U6H933PvhozJyJdU1u5oodXe-kNxdC-Yd28s0seEj9zVXbcVmQ8eoIoLSTZAv_axt65RpwpL_Y7pL8f8wYYnM9f2-YFng6O6_DceTXgHJnN9ZDpdHu1pB31Q_kXnrjvt9AY5ACq7hqpftmQyqYszbx_YYHQu4OR00aK1dZPaKLTsfH5qC-KZOPWco9od--HsOfa0iLS_XxcJpCDk6bsgGRoZBA=w608-h910-no" alt="Bruce Lee Shacar" style="width:50%">
+
</a>
      <div class="container">
+
                           
        <h2>Lior Shachar</h2>
+
                <ul class="dropdown-menu">
        <p class="title">Research Liason</p>
+
                      <li class="huji_stat_title">  <span class="glyphicon glyphicon-education"></span> <b> Degree: </b></li>
        <p>Lior joined the team in January, and hit the ground running. Lior is our go to guy for information on any subject relating to the research. He has founded and kept corrispondence with leading researchers around the world to help push our lab work forward. Lior has also interviewed predominant resarchers about TCDD and genetic engineering in the framework of our livestreams and human practices projects.  
+
                      <li class="huji_stat_content">Plant science and Biotechnology</</li>
</p>
+
                      <li class="huji_stat_title"> <span class="glyphicon glyphicon-star"></span> <b>Special skills:</b></li>
  </p>
+
                  <li class="huji_stat_content">Endless drive and optimism </li>
 +
                <li class="huji_stat_content">Literary Research Expert </li>
 +
                <li class="huji_stat_title"><span class="glyphicon glyphicon-bed"></span> <b>Things that keep him up at night:</b>   </li>
 +
                  <li class="huji_stat_content">Unfinished to do lists</li>
 +
                  <li class="huji_stat_content">Meetings with CEOs and Faculty </li>
 +
                  <li class="huji_stat_content">How do mermaids breath under water? </li>
 +
                </ul>
 +
               
 +
                  </div>
 +
              </div>
 +
          </div>
 +
  <!---------------------- Alon End ---------------------------->
 +
     
 +
  <!---------------------- Badash start---------------------------->
 +
        <div class="w3-animate-right" style="float:right;padding-right:200px;">
 +
              <div class="huji_card">
 +
              <p>
 +
            <div class="flip-box">
 +
<div class="flip-box-inner">
 +
    <div class="flip-box-front">
 +
      <img src="https://static.igem.org/mediawiki/2018/a/a9/T--Hebrewu--Badash_front.jpeg" width="300" height="300">
 +
    </div>
 +
      <div class="flip-box-back">
 +
<img src="https://static.igem.org/mediawiki/2018/1/13/T--Hebrewu--Badash_back.jpeg" width="300" height="300">
 +
      </div>
 +
  </div>
 +
</div>
 +
               
 +
  <br /><br /><br /><br /><br />
 +
             
 +
              </p>
 +
              <h1>Lior Badash</h1>
 +
              <div class="huji_stat_job">Team Captain</div>
 +
              <p>Lior was the second person to join the journey from library meetings to Boston. He played a huge role in getting our team off the ground and creating the infrastructure for our team to flourish.<br /> <br /> As team captain, he has he has brought out the best in our team members. Even as he was running the team, he found ways to organize awesome projects like the Livestream and lab safety poetry contest. <br/></p>
 +
               
 +
                      <div class="dropup">
 +
                  <stats_button type="stats_button" data-toggle="dropdown"><b>STATS</b><img style="margin-bottom:8px;padding-left:10px;" src="https://static.igem.org/mediawiki/2018/a/a5/T--Hebrewu--bar_chart.png" width="20" height="20">
  
 +
                            </stats_button>
 +
<a href=""> <img src="https://static.igem.org/mediawiki/2018/5/58/T--Hebrewu--linkdin_button.png" width="20" height="20">
 +
</a>
  
<div class="popup" onclick="myFunction5()">STATS
+
                <ul class="dropdown-menu">
  <span class="popuptext" id="myPopup5">
+
                      <li class="huji_stat_title"> <span class="glyphicon glyphicon-education"></span> <b> Degree: </b></li>
<br> Degree: Agroecology <br> <br>
+
                      <li class="huji_stat_content">Agroecology and Biotechnology</</li>
Special skills: <br>
+
                      <li class="huji_stat_title"> <span class="glyphicon glyphicon-star"></span> <b>Special skills:</b></li>
&emsp; 24 hour turnaround on ANY question <br>
+
                  <li class="huji_stat_content">Tech Spec Expert </li>
&emsp; Fantastic Phraseologist
+
                  <li class="huji_stat_content">Can go 37 hours without sleep </li>
 +
                <li class="huji_stat_title"><span class="glyphicon glyphicon-bed"></span> <b>Things that keep him up at night:</b>   </li>
 +
                  <li class="huji_stat_content">Creating to do lists</li>
 +
                  <li class="huji_stat_content"> 3D Printing for our community project </li>
 +
                  <li class="huji_stat_content">Will fungi unseat humans as the most intelligent lifeform on earth? </li>
 +
                </ul>
 +
               
 +
                  </div>
 +
              </div>
 +
          </div>
 +
  <!---------------------- Badash End ---------------------------->
  
<br> <br> 
 
Things that keep him up at night:<br> 
 
&emsp; Uneditied Documents
 
<br> 
 
&emsp; Gloabal GMO Regulations
 
<br>
 
&emsp; Should I host my own late night TV show?
 
 
<br>
 
</span>
 
 
</div>
 
</div>
 +
<div class="w3-row">
 +
  <!---------------------- Eliya start---------------------------->
 +
      <div class="w3-third w3-animate-left" style="padding-left:200px;">
 +
              <div class="huji_card">
 +
              <p>
 +
            <div class="flip-box">
 +
<div class="flip-box-inner">
 +
    <div class="flip-box-front">
 +
      <img src="https://static.igem.org/mediawiki/2018/3/39/T--Hebrewu--Eliya_front.jpeg" width="300" height="300">
 +
    </div>
 +
      <div class="flip-box-back">
 +
<img style="-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 +
    filter: grayscale(100%);" src="https://static.igem.org/mediawiki/2018/b/b7/T--Hebrewu--Eliya_back.jpeg" width="300" height="300">
 +
      </div>
 +
  </div>
 +
</div>
 +
               
 +
  <br /><br /><br /><br /><br />
 +
             
 +
              </p>
 +
              <h1>Eliya Milshtein</h1>
 +
            <div class="huji_stat_job">Head of PR and Community Outreach</div>
 +
    <p>From participation in her first iGEM meeting, Eliya has played a dominant role in the group throughout all stages of its development. Overseeing the PR and fundraising has been no small task, and Eliya has handled it with resilience and grace.<br /><br /> Additionally, Eliya headed up our Inter-lab team, securing our bronze medal. Always bringing outside the box thinking to the table, she has continuously pushed out team forward.<br/></p>
 +
               
 +
                    <div class="dropup">
 +
                  <stats_button type="stats_button" data-toggle="dropdown"><b>STATS</b><img style="margin-bottom:8px;padding-left:10px;" src="https://static.igem.org/mediawiki/2018/a/a5/T--Hebrewu--bar_chart.png" width="20" height="20">
  
<script>
+
                            </stats_button>  
// When the user clicks on div, open the popup
+
<a href=""> <img src="https://static.igem.org/mediawiki/2018/5/58/T--Hebrewu--linkdin_button.png" width="20" height="20">
function myFunction5() {
+
</a>
    var popup = document.getElementById("myPopup5");
+
    popup.classList.toggle("show");
+
}
+
</script>     
+
      </div>
+
    </div>
+
  </div>
+
</div>
+
  
<br>
+
                <ul class="dropdown-menu">
</span>
+
                      <li class="huji_stat_title">  <span class="glyphicon glyphicon-education"></span> <b> Degree: </b></li>
 +
                      <li class="huji_stat_content">Biochemistry and Biotechnology</</li>
 +
                      <li class="huji_stat_title"> <span class="glyphicon glyphicon-star"></span> <b>Special skills:</b></li>
 +
                  <li class="huji_stat_content">Pro Level Pipetting </li>
 +
  <li class="huji_stat_content">Blackbelt in video editing </li>
 +
  <li class="huji_stat_content">Blackbelt in PowerPoint </li>
 +
                      <li class="huji_stat_title"><span class="glyphicon glyphicon-bed"></span><b>Things that keep her up at night:</b></li>
 +
  <li class="huji_stat_content">Emails that need replies</li>
 +
  <li class="huji_stat_content">I-GEM team budget </li>
 +
  <li class="huji_stat_content">If a cells has GFP, but no one is there to to measure it, does it really fluoresce? </li>
 +
                </ul>
 +
               
 +
                  </div>
 +
              </div>
 +
          </div>
 +
  <!---------------------- Eliya End ---------------------------->
 +
 
 +
  <!---------------------- Amichai start---------------------------->
 +
        <div class="w3" style="float:right;padding-right:200px;">
 +
              <div class="huji_card">
 +
              <p>
 +
            <div class="flip-box">
 +
<div class="flip-box-inner">
 +
    <div class="flip-box-front">
 +
      <img src="https://static.igem.org/mediawiki/2018/4/48/T--Hebrewu--Amichai_front.jpeg" width="300" height="300">
 +
    </div>
 +
      <div class="flip-box-back">
 +
<img src="https://static.igem.org/mediawiki/2018/2/22/T--Hebrewu--Amichai_back.jpeg" width="300" height="300">
 +
      </div>
 +
  </div>
 +
</div>
 +
               
 +
  <br /><br /><br /><br /><br />
 +
             
 +
              </p>
 +
              <h1>Amichai BK</h1>
 +
              <div class="huji_stat_job">Student Research Leader</div>
 +
              <p>From our first brainstorming session, Amichai was pushing for a project in Bioremediation. Through perseverance and flexibility, his ideas evolved into our current project on TCDD. <br /><br /> Since we started wet work, he has spent most of his time in the lab; both overseeing all of the lab tasks and leading all efforts to do with the yeast. Though he has contributed to other aspects of the project, its hard to get him out of his lab coat, and away from the microbes.<br/> </p>
 +
               
 +
                    <div class="dropup">
 +
                  <stats_button type="stats_button" data-toggle="dropdown"><b>STATS</b><img style="margin-bottom:8px;padding-left:10px;" src="https://static.igem.org/mediawiki/2018/a/a5/T--Hebrewu--bar_chart.png" width="20" height="20">
 +
 
 +
                            </stats_button>
 +
<a href="https://www.linkedin.com/in/amichai-baichman-kass-81bbb2171/"> <img src="https://static.igem.org/mediawiki/2018/5/58/T--Hebrewu--linkdin_button.png" width="20" height="20">
 +
</a>
 +
 
 +
                <ul class="dropdown-menu">
 +
                      <li class="huji_stat_title">  <span class="glyphicon glyphicon-education"></span> <b> Degree: </b></li>
 +
                      <li class="huji_stat_content">Agroecology and Biotechnology</</li>
 +
                      <li class="huji_stat_title"> <span class="glyphicon glyphicon-star"></span> <b>Special skills:</b></li>
 +
                  <li class="huji_stat_content">Yeast Whisperer </li>
 +
  <li class="huji_stat_content">Excel Wizard </li>
 +
                <li class="huji_stat_title"><span class="glyphicon glyphicon-bed"></span> <b>Things that keep him up at night:</b></li>
 +
                  <li class="huji_stat_content">Mislabled tubes</li>
 +
  <li class="huji_stat_content">Did I leave samples in the PCR cycler? </li>
 +
      <li class="huji_stat_content">How many enzymes does it take to  skrew in a light bulb? </li>
 +
                </ul>
 +
               
 +
                  </div>
 +
              </div>
 +
          </div>
 +
  <!---------------------- Amichai End ---------------------------->
 
</div>
 
</div>
 +
<div class="w3-row">
  
<script>
+
  <!---------------------- LIor S Start---------------------------->
// When the user clicks on div, open the popup
+
      <div class="w3-third" style="padding-left:200px;">
function myFunction5() {
+
              <div class="huji_card">
    var popup = document.getElementById("myPopup5");
+
              <p>
     popup.classList.toggle("show");
+
            <div class="flip-box">
}
+
<div class="flip-box-inner">
</script>    
+
    <div class="flip-box-front">
      </div>
+
      <img src="https://static.igem.org/mediawiki/2018/d/d4/T--Hebrewu--Lee_front.jpeg" width="300" height="300">
    </div>
+
    </div>
  </div>
+
      <div class="flip-box-back">
 +
<img style="-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 +
     filter: grayscale(100%);" src="https://static.igem.org/mediawiki/2018/e/ef/T--Hebrewu--Lee_back.jpeg" width="300" height="300">
 +
      </div>
 +
  </div>
 +
</div>
 +
               
 +
  <br /><br /><br /><br /><br />
 +
             
 +
              </p>
 +
              <h1>Lior Shachar</h1>
 +
              <div class="huji_stat_job">Research Liason</div>
 +
                <p>Lior joined the team in January and hit the ground running. Lior is our go-to guy for information on any subject relating to the research. He has founded and kept correspondence with leading researchers around the world to help push our lab work forward.<br /><br />Lior has also interviewed predominant researchers about TCDD and genetic engineering in the framework of our Livestream and human practices projects.<br/></p>
 +
               
 +
                    <div class="dropup">
 +
                  <stats_button type="stats_button" data-toggle="dropdown"><b>STATS</b><img style="margin-bottom:8px;padding-left:10px;" src="https://static.igem.org/mediawiki/2018/a/a5/T--Hebrewu--bar_chart.png" width="20" height="20">
  
<div class="column">
+
                            </stats_button>  
    <div class="card">
+
<a href=""> <img src="https://static.igem.org/mediawiki/2018/5/58/T--Hebrewu--linkdin_button.png" width="20" height="20">
      <img src="https://lh3.googleusercontent.com/cyHUq1-Lh-NlgvXPW4Zpe5DAxAJbJH5zqiGyk_9s7FHSasXabjW3CvqCL4t9WPaxHGW4GPypJWhNeM950fU0NObS1Lzv2JzSIz279nKsRlDliblIp6-KtPq6uctpIGCR6No-wIXnmyMoZZsfbxSDJvqhBkzl_odXI_sq2NqgozNPHVWxPRQnrTQ-oWjpii20vTnMGxY4T9Fo-jryltnk1GJcsQ6lVlLSBXhQ2ZmToak4hxDqxXxDXEJBwS5V3HKTgDCo4rmljDY1jpZj8SLCmYlnkdc82Qdzxlk92ynNtyHLscU1f2vwT0Hud9CQZPB8MMUCap1vbkVMGJmfHvR8NPqRDTNrHfWC7i3alkw3ee-Ha3H7BlcQZzA-WYpj7akz1dVyMXlwR4IovADP_Slxd2vF_dTbssht56tFJ9JfeXeJRQsjlIwr5AFYKMUbIhJPEZqvV0UVa5YxJwqNz4IPWy8_SzR982vOHTjXLuGokft6Q7s-uE_EZoCtF1iFNU1Dlj9gYTmFGz4DjO-8iid-iVVRohvDFTrUOEKuBeJKlDqO_B6oFaSWqv7b8YvbijglcXU1BAchMiZGCyRyRqYhctthbbenh4C1UBX5Mo82fw8q8DVZHoHKa5jM8w5e4Q=w608-h910-no" alt="Aliza-rd" style="width:50%">
+
</a>
      <div class="container">
+
        <h2>Aliza Fedorenko</h2>
+
        <p class="title">Plant Engineer</p>
+
        <p>Aliza has contiuously played a key role both in the lab, and outside of it. She ruled over the lab as the safety tzar- making sure we all made it to Boston in one peice. Additionally, She headed our Arabidopsis engineering team, and helped bring our project closer to real world applications. When shes not in the lab growing plants, Aliza is designing graphics for everything including our poster and wiki.
+
</p>
+
  </p>
+
  
 +
                <ul class="dropdown-menu">
 +
                      <li class="huji_stat_title">  <span class="glyphicon glyphicon-education"></span> <b> Degree: </b></li>
 +
                      <li class="huji_stat_content">Agroecology and Biotechnology</</li>
 +
                      <li class="huji_stat_title"> <span class="glyphicon glyphicon-star"></span> <b>Special skills:</b></li>
 +
                  <li class="huji_stat_content">24 hour turnaround on ANY question </li>
 +
  <li class="huji_stat_content">Fantastic Phraseologist </li>
 +
                <li class="huji_stat_title"><span class="glyphicon glyphicon-bed"></span> <b>Things that keep him up at night:</b></li>
 +
  <li class="huji_stat_content">Gloabal GMO Regulations </li>
 +
  <li class="huji_stat_content">Should I host my own late night TV show? </li>
 +
                </ul>
 +
               
 +
                  </div>
 +
              </div>
 +
          </div>
 +
  <!---------------------- Lior S End ---------------------------->
 +
 +
  <!---------------------- Aliza start---------------------------->
 +
        <div class="w3" style="float:right;padding-right:200px;">
 +
              <div class="huji_card">
 +
              <p>
 +
            <div class="flip-box">
 +
<div class="flip-box-inner">
 +
    <div class="flip-box-front">
 +
      <img src="https://static.igem.org/mediawiki/2018/a/a7/T--Hebrewu--Aliza_front.jpeg" width="300" height="300">
 +
    </div>
 +
      <div class="flip-box-back">
 +
<img style="-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 +
    filter: grayscale(100%);" src="https://static.igem.org/mediawiki/2018/4/42/T--Hebrewu--Aliza_back.jpeg" width="300" height="300">
 +
      </div>
 +
  </div>
 +
</div>
 +
               
 +
  <br /><br /><br /><br /><br />
 +
             
 +
              </p>
 +
              <h1>Aliza Fedorenko</h1>
 +
            <div class="huji_stat_job">Plant Engineer</div>
 +
    <p>Aliza has continuously played a key role both in the lab and outside of it. She ruled over the lab as the safety tzar- making sure we all made it to Boston in one piece.<br /> <br /> Additionally, She headed our Arabidopsis engineering team and helped bring our project closer to real-world applications. When she's not in the lab growing plants, Aliza is designing graphics for everything including our poster and wiki. </p>
 +
               
 +
                    <div class="dropup">
 +
                  <stats_button type="stats_button" data-toggle="dropdown"><b>STATS</b><img style="margin-bottom:8px;padding-left:10px;" src="https://static.igem.org/mediawiki/2018/a/a5/T--Hebrewu--bar_chart.png" width="20" height="20">
 +
 +
                            </stats_button>
 +
<a href="https://www.linkedin.com/in/aliza-fedorenko-1a4b99171/"> <img src="https://static.igem.org/mediawiki/2018/5/58/T--Hebrewu--linkdin_button.png" width="20" height="20">
 +
</a>
 +
 +
                <ul class="dropdown-menu">
 +
                      <li class="huji_stat_title">  <span class="glyphicon glyphicon-education"></span> <b> Degree: </b></li>
 +
                      <li class="huji_stat_content">Agroecology and Biotechnology</</li>
 +
                      <li class="huji_stat_title"> <span class="glyphicon glyphicon-star"></span> <b>Special skills:</b></li>
 +
                  <li class="huji_stat_content">Green thumb </li>
 +
  <li class="huji_stat_content">Graphics Guru </li>
 +
                      <li class="huji_stat_title"><span class="glyphicon glyphicon-bed"></span><b>Things that keep her up at night:</b></li>
 +
  <li class="huji_stat_content">Everything</li>
 +
  <li class="huji_stat_content">Growth cell humidity levels </li>
 +
  <li class="huji_stat_content">Should I buy a chem hood for my kitchen? </li>
 +
                </ul>
 +
               
 +
                  </div>
 +
              </div>
 +
          </div>
 +
  <!---------------------- Aliza End ---------------------------->
 +
 
  
<div class="popup" onclick="myFunction6()">STATS
 
  <span class="popuptext" id="myPopup6">
 
<br>  Degree: Agroecology and Biotechnology <br> <br>
 
Special skills: <br> 
 
&emsp; Green thumb <br> 
 
&emsp; Graphics Guru
 
  
<br> <br> 
 
Things that keep her up at night:<br> 
 
&emsp; Everything
 
<br> 
 
&emsp; Growth cell humidity levels
 
<br>
 
&emsp; Should I buy a chem hood for my kitchen?
 
 
<br>
 
</span>
 
 
</div>
 
</div>
 +
<div class="w3-row">
 +
 
 +
    <!---------------------- Hagit start---------------------------->
 +
      <div class="w3-third" style="padding-left:200px;">
 +
              <div class="huji_card">
 +
              <p>
 +
            <div class="flip-box">
 +
<div class="flip-box-inner">
 +
    <div class="flip-box-front">
 +
      <img src="https://static.igem.org/mediawiki/2018/3/30/T--Hebrewu--Hagit_front.jpeg" width="300" height="300">
 +
    </div>
 +
      <div class="flip-box-back">
 +
<img style="-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 +
    filter: grayscale(100%);" src="https://static.igem.org/mediawiki/2018/e/e8/T--Hebrewu--hagit_back.png" width="300" height="300">
 +
      </div>
 +
  </div>
 +
</div>
 +
               
 +
  <br /><br /><br /><br /><br />
 +
             
 +
              </p>
 +
              <h1>Hagit Shoyhet-Smoilovsky</h1>
 +
              <div class="huji_stat_job">Chemical Analyst</div>
 +
    <p>Hagit was with us from the start. She helped shape our ideas and, through thorough research strongly influenced the pathway. From the moment we stepped into the lab, she clocked ceaseless hours in the lab helping move the research along.<br /> <br />Hagit lead our chemical analysis team working closely with experts from Hebrew U's Soil science Department.</p>
 +
               
 +
                    <div class="dropup">
 +
                  <stats_button type="stats_button" data-toggle="dropdown"><b>STATS</b><img style="margin-bottom:8px;padding-left:10px;" src="https://static.igem.org/mediawiki/2018/a/a5/T--Hebrewu--bar_chart.png" width="20" height="20">
  
<script>
+
                            </stats_button>  
// When the user clicks on div, open the popup
+
<a href="https://www.linkedin.com/in/hagit-shoyhet-292652121/"> <img src="https://static.igem.org/mediawiki/2018/5/58/T--Hebrewu--linkdin_button.png" width="20" height="20">
function myFunction6() {
+
</a>
    var popup = document.getElementById("myPopup6");
+
    popup.classList.toggle("show");
+
}
+
</script>    
+
      </div>      </div>
+
  
 +
                <ul class="dropdown-menu">
 +
                      <li class="huji_stat_title">  <span class="glyphicon glyphicon-education"></span> <b> Degree: </b></li>
 +
                      <li class="huji_stat_content">biochemistry and food science</</li>
 +
                      <li class="huji_stat_title"> <span class="glyphicon glyphicon-star"></span> <b>Special skills:</b></li>
 +
                  <li class="huji_stat_content">Protocol Powerhouse</li>
 +
  <li class="huji_stat_content">British Accent</li>
 +
                      <li class="huji_stat_title"><span class="glyphicon glyphicon-bed"></span><b>Things that keep her up at night:</b></li>
 +
  <li class="huji_stat_content">TCDD melting temperatures</li>
 +
  <li class="huji_stat_content">Unfilled lab orders</li>
 +
  <li class="huji_stat_content">Why can't life be as stable as TCDD?</li>
 +
                </ul>
 +
               
 +
                  </div>
 +
              </div>
 +
          </div>
 +
  <!---------------------- Hagit End ---------------------------->
 +
 
 +
 
 +
    <!---------------------- Lea start---------------------------->
 +
        <div class="w3" style="float:right;padding-right:200px;">
 +
              <div class="huji_card">
 +
              <p>
 +
            <div class="flip-box">
 +
<div class="flip-box-inner">
 +
    <div class="flip-box-front">
 +
      <img src="https://static.igem.org/mediawiki/2018/f/fd/T--Hebrewu--Lea_front.jpeg" width="300" height="300">
 +
    </div>
 +
      <div class="flip-box-back">
 +
<img style="-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 +
    filter: grayscale(100%);" src="https://static.igem.org/mediawiki/2018/9/97/T--hebrewu--lea_back.jpeg" width="300" height="300">
 +
      </div>
 +
  </div>
 +
</div>
 +
               
 +
  <br /><br /><br /><br /><br />
 +
             
 +
              </p>
 +
              <h1>Lea Cohen-Tannoudji</h1>
 +
              <div class="huji_stat_job">Computational Biologist</div>
 +
    <p>Lea joined our team from a far. Despite the difficulties of being on a different campus, in a different city, she played an integral part of our team. <br /> <br /> Coming from a separate faculty, she brought with her a radically different skill set and point of view. She expanded our capabilities and brought MOOLTi, our codon optimizing software to life.</p>
 +
               
 +
                    <div class="dropup">
 +
                  <stats_button type="stats_button" data-toggle="dropdown"><b>STATS</b><img style="margin-bottom:8px;padding-left:10px;" src="https://static.igem.org/mediawiki/2018/a/a5/T--Hebrewu--bar_chart.png" width="20" height="20">
  
<h2> More Team Members Coming Soon!</h2>
+
                            </stats_button>  
 +
<a href="https://www.linkedin.com/in/lea-tannoudji-49b74a171/"> <img src="https://static.igem.org/mediawiki/2018/5/58/T--Hebrewu--linkdin_button.png" width="20" height="20">
 +
</a>
 +
                           
 +
                <ul class="dropdown-menu">
 +
                      <li class="huji_stat_title">  <span class="glyphicon glyphicon-education"></span> <b> Degree: </b></li>
 +
                      <li class="huji_stat_content">Agroecology and Biotechnology</</li>
 +
                      <li class="huji_stat_title"> <span class="glyphicon glyphicon-star"></span> <b>Special skills:</b></li>
 +
                  <li class="huji_stat_content">Can optimize and code, and any codon</li>
 +
  <li class="huji_stat_content">Snake charmer (specifically python)</li>
 +
                      <li class="huji_stat_title"><span class="glyphicon glyphicon-bed"></span><b>Things that keep her up at night:</b></li>
 +
  <li class="huji_stat_content">Unsequenced genomes</li>
 +
  <li class="huji_stat_content">Salsa dancing</li>
 +
  <li class="huji_stat_content">Can I use insecticide to debug my code?
 +
</li>
 +
                </ul>
 +
               
 +
                  </div>
 +
              </div>
 +
          </div>
 +
  <!---------------------- Lea End ---------------------------->
 +
  </div>
 +
  <!---------------------- Mentorsssssssssssssssssssssssssssss ---------------------------->
 +
 
 +
  <h2 class="w3-white w3-center"> Mentors </h2>
 +
    <br /> <br /> <br />
 +
    <div style="text-align:center">
 +
<img src="https://static.igem.org/mediawiki/2018/b/be/T--Hebrewu--mentors.png" width="70%">
 +
    <br /> <br />
 +
  </div>
 +
 
 +
   
 +
</body>
 +
</html>

Latest revision as of 17:35, 12 December 2018

HebrewU HujiGEM 2018




Students








Alon Barshap

Team Captain

Just a year ago Alon was only a student with a dream. He wanted HerbewU to take part in an international synthetic biology competition called iGEM.

Nobody around him had heard of it, but he wouldn’t give up. He pushed the University, students, and advisors until we had a team and initial funding. Since things got moving, he took over as team captain and had led us to where we are today.

STATS






Lior Badash

Team Captain

Lior was the second person to join the journey from library meetings to Boston. He played a huge role in getting our team off the ground and creating the infrastructure for our team to flourish.

As team captain, he has he has brought out the best in our team members. Even as he was running the team, he found ways to organize awesome projects like the Livestream and lab safety poetry contest.

STATS






Eliya Milshtein

Head of PR and Community Outreach

From participation in her first iGEM meeting, Eliya has played a dominant role in the group throughout all stages of its development. Overseeing the PR and fundraising has been no small task, and Eliya has handled it with resilience and grace.

Additionally, Eliya headed up our Inter-lab team, securing our bronze medal. Always bringing outside the box thinking to the table, she has continuously pushed out team forward.

STATS






Amichai BK

Student Research Leader

From our first brainstorming session, Amichai was pushing for a project in Bioremediation. Through perseverance and flexibility, his ideas evolved into our current project on TCDD.

Since we started wet work, he has spent most of his time in the lab; both overseeing all of the lab tasks and leading all efforts to do with the yeast. Though he has contributed to other aspects of the project, its hard to get him out of his lab coat, and away from the microbes.

STATS






Lior Shachar

Research Liason

Lior joined the team in January and hit the ground running. Lior is our go-to guy for information on any subject relating to the research. He has founded and kept correspondence with leading researchers around the world to help push our lab work forward.

Lior has also interviewed predominant researchers about TCDD and genetic engineering in the framework of our Livestream and human practices projects.

STATS






Aliza Fedorenko

Plant Engineer

Aliza has continuously played a key role both in the lab and outside of it. She ruled over the lab as the safety tzar- making sure we all made it to Boston in one piece.

Additionally, She headed our Arabidopsis engineering team and helped bring our project closer to real-world applications. When she's not in the lab growing plants, Aliza is designing graphics for everything including our poster and wiki.

STATS






Hagit Shoyhet-Smoilovsky

Chemical Analyst

Hagit was with us from the start. She helped shape our ideas and, through thorough research strongly influenced the pathway. From the moment we stepped into the lab, she clocked ceaseless hours in the lab helping move the research along.

Hagit lead our chemical analysis team working closely with experts from Hebrew U's Soil science Department.

STATS






Lea Cohen-Tannoudji

Computational Biologist

Lea joined our team from a far. Despite the difficulties of being on a different campus, in a different city, she played an integral part of our team.

Coming from a separate faculty, she brought with her a radically different skill set and point of view. She expanded our capabilities and brought MOOLTi, our codon optimizing software to life.

STATS

Mentors