Difference between revisions of "Team:HebrewU/Team"

Line 1: Line 1:
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★ ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed above</a>. </p> <p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 
−
</div>
 
−
<div class="clear">&#60/div>
 
−
 
−
<!--- THIS IS WHERE THE HTML BEGINS --->
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 11: 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 --->
+
<!--- Jquery script - ****** remove when uploading to wiki ********** --->
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></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 --->
+
<!--- Main Menu script --->
 
<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 --->
+
<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 --->
+
@media (max-width: 1000px) {
−
<html lang="en">
+
    .fixed {
−
<head>
+
    display: none;
−
<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 --->
+
.ulogo { display:none; }
−
<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>
 
  
 +
/* index Buttons style */
 +
button {
 +
  border: none;
 +
  border-radius: 2px;
 +
  padding: 12px 18px;
 +
  font-size: 16px;
 +
  text-transform: uppercase;
 +
  cursor: pointer;
 +
  color: white;
 +
  box-shadow: 0 0 4px #999;
 +
  outline: none;
 +
}
  
−
<!--- THIS IS WHERE THE HTML of the page BEGINS --->
 
  
−
<body>
+
.ripple {
 +
  background-position: center;
 +
  transition: background 0.8s;
 +
  border-radius: 50%;
 +
 
 +
}
  
−
<!--- THIS IS WHERE THE Html of the main menu begins --->
+
.ripple:hover {
 +
  background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
 +
}
 +
.ripple:active {
 +
  background-color: white;
 +
  background-size: 100%;
 +
  transition: background 0s;
 +
}
  
−
<ul id="ddmenu_hebrewu">
+
@media (max-width: 1000px) {
−
+
    .fixed {
−
    <div class="huji_homebutton" >
+
    display: none;
−
    <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>
+
.ulogo { display:none; }
−
    </li>
+
}
−
   
+
  
−
</ul>   
 
  
−
<div><br><br><div>
+
@media (max-width: 1000px) {
 +
    img {
 +
        display: block;
 +
    }
 +
}
  
−
<!--- THIS IS WHERE the html content begins --->
 
  
−
<!DOCTYPE html>
 
−
<html>
 
−
<head>
 
−
<style>
 
−
html {
 
−
  box-sizing: border-box;
 
−
}
 
  
−
*, *:before, *:after {
+
.arrow_on_img {
−
  box-sizing: inherit;
+
    position: absolute;
−
}
+
width:10%;
 +
    top: 90%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
animation-name: flash;
 +
animation-duration: 1s;
 +
animation-timing-function: linear;
 +
animation-iteration-count: infinite;
  
−
.column {
+
/* Chrome 4+, Safari 4+, Opera 15+ */
−
  float: left;
+
-webkit-animation-name: flash;
−
  width: 40%;
+
-webkit-animation-duration: 1s;
−
  margin-left: 105px;
+
-webkit-animation-timing-function: linear;
−
  margin-bottom: 16px;
+
-webkit-animation-iteration-count: infinite;
−
  padding: 0 8px;
+
−
}
+
  
−
@media screen and (max-width: 800px) {
+
/* Firefox 5+ */
−
  .column {
+
-moz-animation-name: flash;
−
    width: 100%;
+
-moz-animation-duration: 1s;
−
    display: block;
+
-moz-animation-timing-function: linear;
−
  }
+
-moz-animation-iteration-count: infinite
 
}
 
}
  
−
.card {
+
@keyframes flash {
−
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+
0% { opacity: 1.0 }
 +
50% { opacity: 0.5 }
 +
100% { opacity: 1.0 }
 
}
 
}
  
−
.container {
+
/* Chrome 4+, Safari 4+, Opera 15+ */
−
  padding: 0 16px;
+
@-webkit-keyframes flash { 
 +
0% { opacity: 1.0 }
 +
50% { opacity: 0.5 }
 +
100% { opacity: 1.0 }
 
}
 
}
  
−
.container::after, .row::after {
+
/* Firefox 5+ */
−
  content: "";
+
@-moz-keyframes flash {
−
  clear: both;
+
0% { opacity: 1.0 }
−
  display: table;
+
50% { opacity: 0.5 }
 +
100% { opacity: 1.0 }
 
}
 
}
  
−
.title {
+
.highlights_huji p{
−
  color: Green;
+
text-align:justify;
 
}
 
}
  
−
.button {
+
.abstract_huji {
−
  border: none;
+
width:80%;
−
  outline: 0;
+
padding-left:10%;
−
  display: inline-block;
+
text-align:center;
−
  padding: 8px;
+
−
  color:white;
+
−
  background-color: #008000
+
−
  ;
+
−
  text-align: center;
+
−
  cursor: pointer;
+
−
  width: 100%;
+
 
}
 
}
  
−
.button:hover {
 
−
  background-color: #555;
 
−
}
 
 
</style>
 
</style>
−
</head>
+
 
 +
 
 
<body>
 
<body>
  
−
<h2>Team Members</h2>
+
<ul id="ddmenu_hebrewu">
 +
            <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li>
  
−
<div class="row">
+
    <div class="huji_homebutton">
−
  <div class="column">
+
           
−
    <div class="card">
+
        <a href="javascript:void(0);" class="icon" onClick="show_small_nav()">
−
      <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%">
+
            <img src="https://static.igem.org/mediawiki/2018/d/dc/T--Hebrewu--huji_small_manu.png" width="20" height="20" padding:"2px">
−
      <div class="container">
+
        </a>
−
        <h2>Alon Barshap</h2>
+
   
−
         <p class="title">Team Captain</p>
+
        <a href="https://2018.igem.org/Team:HebrewU">
−
        <p>Just a year ago Alon was only a student with a dream. He wanted Herbew U to take part in 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.
+
                <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;">
−
</p>
+
                </a>
−
        <style>
+
  </div>  
−
/* Popup container - can be anything you want */
+
 
−
.popup {
+
    <li><a>Project</a>
−
    position: relative;
+
         <ul>
−
    display: inline-block;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li>
−
    cursor: pointer;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Model">Model</a></li>
−
    color: #006400;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Results">Results</a></li>
−
    -webkit-user-select: none;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li>
−
    -moz-user-select: none;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Motivation">Moolti</a></li>
−
    -ms-user-select: none;
+
−
    user-select: none;
+
−
}
+
  
−
/* The actual popup */
+
        </ul>       
−
.popup .popuptext {
+
    </li>
−
    visibility: hidden;
+
    <li><a>Lab</a>
−
    width: 300px;
+
        <ul>
−
    background-color: White;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Design">Yeast Design</a></li>
−
    color: #006400;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Plant">Plant Design</a></li>
−
    text-align: Justify;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Notebook">Notebook</a></li>
−
    border-radius: 6px;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/InterLab">Inter-lab</a></li>
−
    padding: 8px 0;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Safety">Safety</a></li>
−
    position: absolute;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Protocols">Protocols</a></li>
−
    z-index: 1;
+
−
    bottom: 125%;
+
−
    left: 50%;
+
−
    margin-left: -150px;
+
−
}
+
  
−
/* Popup arrow */
+
        </ul>
−
.popup .popuptext::after {
+
       
−
    content: "";
+
    </li>
−
    position: absolute;
+
 
−
     top: 100%;
+
   
−
     left: 50%;
+
    <li><a href="https://2018.igem.org/Team:HebrewU/Human_Practices">Human Practices</a>
−
     margin-left: -5px;
+
        <ul>
−
    border-width: 0px;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Ethics">Ethics</a></li>
−
     border-style: solid;
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Global_aspects">Global Aspects</a></li>
−
     border-color: #555 transparent transparent transparent;
+
            <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/Attributionss">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>
  
−
/* Toggle this class - hide and show the popup */
+
    </div> 
−
.popup .show {
+
−
    visibility: visible;
+
−
    -webkit-animation: fadeIn 1s;
+
−
    animation: fadeIn 1s;
+
−
}
+
  
−
/* Add animation (fade in the popup) */
+
</ul>
−
@-webkit-keyframes fadeIn {
+
−
    from {opacity: 0;}
+
−
    to {opacity: 1;}
+
−
}
+
  
−
@keyframes fadeIn {
+
<!----------- Responsive Navbar --------------->   
−
     from {opacity: 0;}
+
<div class="huji_smallnav" id="huji_shownav">
−
    to {opacity:1 ;}
+
     <button class="huji_small_navbar">Project</button>
−
}
+
        <div class="huji_small_navbar_panel">
−
</style>
+
            <a href="https://2018.igem.org/Team:HebrewU/Description"><button class="b_huji_small_subnav">Description</button></a>
−
</head>
+
            <a href="https://2018.igem.org/Team:HebrewU/Model"><button class="b_huji_small_subnav">Model</button></a>
−
<body style="text-align:center">
+
            <a href="https://2018.igem.org/Team:HebrewU/Results"><button class="b_huji_small_subnav">Results</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Parts"><button class="b_huji_small_subnav">Parts</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Software"><button class="b_huji_small_subnav">Moolti</button></a>
 +
        </div>
  
−
<div class="popup" onclick="myFunction1()">STATS
+
    <button class="huji_small_navbar">Lab</button>
−
  <span class="popuptext" id="myPopup1">
+
        <div class="huji_small_navbar_panel">
−
<br> Degree: Plant Science and Biotechnology <br> <br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Design"><button class="b_huji_small_subnav">Yeast Design</button></a>
−
Special skills: <br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Plant"><button class="b_huji_small_subnav">Plant Design</button></a>
−
&emsp; Endless drive and optimism <br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Notebook"><button class="b_huji_small_subnav">Notebook</button></a>
−
&emsp; Literary Research Expert<br> <br>
+
            <a href="https://2018.igem.org/Team:HebrewU/InterLab"><button class="b_huji_small_subnav">InterLab</button></a>
−
Things that keep him up at night:<br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Safety"><button class="b_huji_small_subnav">Safety</button></a>
−
&emsp; Unfinished to do lists<br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Protocols"><button class="b_huji_small_subnav">Protocols</button></a>
−
&emsp; Meetings with CEOs and Faculty <br>
+
−
&emsp; How do mermaids breath under water?
+
−
<br>
+
−
</span>
+
−
</div>
+
  
−
<script>
+
        </div>
−
// 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">
+
    <button class="huji_small_navbar">Human Practice</button>
−
    <div class="card">
+
        <div class="huji_small_navbar_panel">
−
      <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 Badash" style="width:50%">
+
            <a href="https://2018.igem.org/Team:HebrewU/Human_Practices"><button class="b_huji_small_subnav">Human Practice - Main Page</button></a>
−
      <div class="container">
+
            <a href="https://2018.igem.org/Team:HebrewU/Ethics"><button class="b_huji_small_subnav">Ethics</button></a>
−
        <h2>Lior Badash</h2>
+
            <a href="https://2018.igem.org/Team:HebrewU/Global_aspects"><button class="b_huji_small_subnav">Global Aspects</button></a>
−
        <p class="title">Team Captain</p>
+
            <a href="https://2018.igem.org/Team:HebrewU/Public_Engagment"><button class="b_huji_small_subnav">Public Engagment</button></a>
−
        <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.
+
            <a href="https://2018.igem.org/Team:HebrewU/Open_Source"><button class="b_huji_small_subnav">Open Source</button></a>
−
</p>
+
        </div>
  
  
−
<div class="popup" onclick="myFunction2()">STATS
+
     
−
  <span class="popuptext" id="myPopup2">
+
          <button class="huji_small_navbar">Team</button>
−
<br> Degree: Agroecology and Biotechnology <br> <br>
+
        <div class="huji_small_navbar_panel">
−
Special skills: <br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Members"><button class="b_huji_small_subnav">Members</button></a>
−
&emsp; Tech Spec Expert <br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Attributionsn"><button class="b_huji_small_subnav">Attributions</button></a>
−
&emsp; Can go 37 hours without sleep<br> <br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a>
−
Things that keep him up at night:<br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a>
−
&emsp; Creating to do lists<br>
+
        </div>
−
&emsp; 3D Printing for our community project <br>
+
       
−
&emsp; Will fungi unseat humans as the <br>
+
            <a href="https://2018.igem.org/Team:HebrewU/Judging"><button class="huji_small_navbar">Judging</button></a>
−
&emsp; most intelligent lifeform on earth?
+
−
 
+
−
<br>
+
−
</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>
  
−
<script>
 
−
// When the user clicks on div, open the popup
 
−
function myFunction2() {
 
−
    var popup = document.getElementById("myPopup2");
 
−
    popup.classList.toggle("show");
 
−
}
 
−
</script>      </div>
 
−
    </div>
 
−
  </div>
 
−
  <div class="column">
 
−
    <div class="card">
 
−
      <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%">
 
−
      <div class="container">
 
−
        <h2>Eliya Milshtein</h2>
 
−
        <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.
 
−
</p>
 
−
        </p>
 
  
  
−
<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>
+
<div class="huji_container">
−
&emsp; Emails that need replies
+
  <img src="https://static.igem.org/mediawiki/2018/thumb/b/bb/T--Hebrewu--draft_pic.png/800px-T--Hebrewu--draft_pic.png" alt="Snow" style="width:100%;">
−
<br>
+
  <div class="centered"><div class="arrow_on_img"><a href="#huji_hughlights">down down</a></div></div>
−
&emsp; iGEM team budget
+
−
<br>
+
−
&emsp; If a cells has GFP, but no one is there to<br>
+
−
&emsp; to measure it, does it really fluoresce?
+
−
+
−
<br>
+
−
</span>
+
 
</div>
 
</div>
  
−
<script>
+
 
−
// When the user clicks on div, open the popup
+
<!--- Up button --->
−
function myFunction3() {
+
<div class="fixed">
−
    var popup = document.getElementById("myPopup3");
+
<a href="#ddmenu_hebrewu"> ^ </a>
−
    popup.classList.toggle("show");
+
−
}
+
−
</script>    
+
−
      </div>
+
−
    </div>
+
 
</div>
 
</div>
  
−
<div class="column">
+
<!--- Page content start --->
−
    <div class="card">
+
<div class="columnhuji middle">
−
      <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%">
+
<!--- Abstract --->
−
      <div class="container">
+
<h2 id="huji_hughlights" class="ahuji">The Catalysis of Dioxin Degradation </h2>
−
        <h2>Amichai BK</h2>
+
<p class="abstract_huji">
−
        <p class="title">Student Research Leader</p>
+
Dioxins, a family of chemical compounds, pose a serious threat to humans, animals, and the environment. Classified as persistent environmental pollutants, these compounds move up the food chain via bioaccumulation; consequently, they are found in very harmful concentrations by the time the reach humans. Our team has set out to engineer a metabolic pathway for the complete degradation of dioxins, and detoxification of chlorinated compounds. <br /> <br />The pathway would involve the uptake of these pollutants and their subsequent breakdown into molecules that would enter organisms’ native metabolism. We are testing the pathway in S. cerevisiae, and have prepared expression vectors and means to engineer a multitude of plants. By deploying such pathways directly into endemic plants, our solution can be tailored to specific regions. Furthermore, because we can efficiently control plant reproduction, we can responsibly implement synthetic biology to solve this issue in a non-invasive and ecological manner.</p>
−
        <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 task 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.
+
−
</p>
+
−
  </p>
+
  
  
−
<div class="popup" onclick="myFunction4()">STATS
+
<!-- Team Container -->
−
  <span class="popuptext" id="myPopup4">
+
<div class="w3-container w3-padding-64 w3-center">
−
<br>  Degree: Agroecology and Biotechnology <br> <br>
+
<h2 id="huji_hughlights" class="ahuji">Highlights: </h2>
−
Special skills: <br>
+
<div class="w3-row"><br>
−
&emsp; Yeast Whisperer <br>
+
−
&emsp; Excel Wizard
+
  
−
<br> <br>
+
<div class="w3-third">
−
Things that keep him up at night:<br>
+
  <button class="ripple"><img src="https://static.igem.org/mediawiki/2018/3/3c/T--Hebrewu--highlight_OS.png" width="150px" height="150px"></button>  
−
&emsp; Mislabled tubes
+
  <p style="text-align:justify"> We made an open source platform, where local researchers can take our synthetic pathway and conduct a research themselves, inserting it to local plants and other flora as well as improving it for us all.</p>
−
<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>
 
</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>
 
  
−
 
+
<div class="w3-third">
−
<div class="column">
+
<button class="ripple"><img src="https://static.igem.org/mediawiki/2018/c/c0/T--Hebrewu--highlight_Moolti.png" width="150px" height="150px"></button>
−
    <div class="card">
+
  <p style="text-align:justify;padding-left:10%;width:80%;">Our <b>M</b>ultiple <b>O</b>rganism <b>O</b>ptimization <b>L</b>ab <b>T</b>ool for <b>i</b>GEM Allows biologists to optimize codon usage for multiple organisms simultaneously.
−
      <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%">
+
−
      <div class="container">
+
−
        <h2>Lior Shachar</h2>
+
−
        <p class="title">Research Liason</p>
+
−
        <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.  
+
 
</p>
 
</p>
−
   </p>
+
    
 +
<br /><br />
  
 +
</div>
  
−
<div class="popup" onclick="myFunction5()">STATS
+
<div class="w3-third">
−
  <span class="popuptext" id="myPopup5">
+
    <button class="ripple"><img src="https://static.igem.org/mediawiki/2018/5/57/T--Hebrewu--highlight_gibson.png" width="150px" height="150px"></button>  
−
<br> Degree: Agroecology <br> <br>
+
  <p style="text-align:justify">We created 40 bp oligos that can be used as primers for all BioBrick parts. When amplified, these “GBs” can be used for Gibson Assembly which can save time and resources.</p>
−
Special skills: <br>
+
</div>
−
&emsp; 24 hour turnaround on ANY question <br> 
+
−
&emsp; Fantastic Phraseologist
+
  
−
<br> <br> 
+
</div>
−
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>
  
−
<script>
+
<div>
−
// When the user clicks on div, open the popup
+
<!-- Second Grid -->
−
function myFunction5() {
+
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
−
    var popup = document.getElementById("myPopup5");
+
  <div class="w3-content">
−
    popup.classList.toggle("show");
+
<img src="BreakingTCDD.png" width="100%">
−
}
+
−
</script>    
+
−
      </div>
+
−
    </div>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
−
 
−
<br>
 
−
</span>
 
 
</div>
 
</div>
  
 +
 +
<!------------ Smooth scrool script ------------->
 
<script>
 
<script>
−
// When the user clicks on div, open the popup
+
// Select all links with hashes
−
function myFunction5() {
+
$('a[href*="#"]')
−
     var popup = document.getElementById("myPopup5");
+
  // Remove links that don't actually link to anything
−
    popup.classList.toggle("show");
+
  .not('[href="#"]')
−
}
+
  .not('[href="#0"]')
−
</script>     
+
  .click(function(event) {
−
      </div>
+
     // On-page links
−
     </div>
+
    if (
−
   </div>
+
      location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
 +
      &&
 +
      location.hostname == this.hostname
 +
    ) {
 +
      // Figure out element to scroll to
 +
      var target = $(this.hash);
 +
      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
 +
      // Does a scroll target exist?
 +
      if (target.length) {
 +
        // Only prevent default if animation is actually gonna happen
 +
        event.preventDefault();
 +
        $('html, body').animate({
 +
          scrollTop: target.offset().top
 +
        }, 1000, function() {
 +
          // Callback after animation
 +
          // Must change focus!
 +
          var $target = $(target);
 +
          $target.focus();
 +
          if ($target.is(":focus")) { // Checking if the target was focused
 +
            return false;
 +
          } else {
 +
            $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
 +
            $target.focus(); // Set focus again
 +
          };
 +
        });
 +
      }
 +
     }
 +
   });
  
−
<div class="column">
+
</script>
−
    <div class="card">
+
−
      <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%">
+
−
      <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>
+
  
  
−
<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>
  
−
<script>
+
</body>
−
// When the user clicks on div, open the popup
+
</html>
−
function myFunction6() {
+
−
    var popup = document.getElementById("myPopup6");
+
−
    popup.classList.toggle("show");
+
−
}
+
−
</script>    
+
−
      </div>      </div>
+
−
 
+
−
 
+
−
<h2> More Team Members Coming Soon!</h2>
+

Revision as of 22:09, 9 October 2018

HebrewU HujiGEM 2018

Snow
down down
^

The Catalysis of Dioxin Degradation

Dioxins, a family of chemical compounds, pose a serious threat to humans, animals, and the environment. Classified as persistent environmental pollutants, these compounds move up the food chain via bioaccumulation; consequently, they are found in very harmful concentrations by the time the reach humans. Our team has set out to engineer a metabolic pathway for the complete degradation of dioxins, and detoxification of chlorinated compounds.

The pathway would involve the uptake of these pollutants and their subsequent breakdown into molecules that would enter organisms’ native metabolism. We are testing the pathway in S. cerevisiae, and have prepared expression vectors and means to engineer a multitude of plants. By deploying such pathways directly into endemic plants, our solution can be tailored to specific regions. Furthermore, because we can efficiently control plant reproduction, we can responsibly implement synthetic biology to solve this issue in a non-invasive and ecological manner.

Highlights:


We made an open source platform, where local researchers can take our synthetic pathway and conduct a research themselves, inserting it to local plants and other flora as well as improving it for us all.

Our Multiple Organism Optimization Lab Tool for iGEM Allows biologists to optimize codon usage for multiple organisms simultaneously.



We created 40 bp oligos that can be used as primers for all BioBrick parts. When amplified, these “GBs” can be used for Gibson Assembly which can save time and resources.