Difference between revisions of "Team:HebrewU"

 
(32 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
<!--- Own CSS --->
 
<!--- 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 ********** --->
 
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
  
 
<!--- Main Menu script --->
 
<!--- Main Menu script --->
Line 17: Line 14:
 
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/w3?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/w3?action=raw&ctype=text/css">
  
−
<!--- 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>
 
<style>
 
/* Disable I-GEM defult properties for blank page */
 
/* Disable I-GEM defult properties for blank page */
Line 27: Line 21:
 
     #content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
 
     #content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
 
     #body {background-color:#EDEADC; }
 
     #body {background-color:#EDEADC; }
−
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent p { margin-bottom: 0px; }
+
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
 
 
 
     .w3-container {
 
     .w3-container {
Line 40: Line 34:
  
  
−
.ahuji {
 
−
    color:black
 
−
    }
 
  
 +
@media (max-width: 1000px) {
 +
    .fixed {
 +
    display: none;
 +
    }
  
 +
.ulogo { display:none; }
 +
}
 +
 +
 +
/* 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;
 +
}
 +
 +
 +
.ripple {
 +
  background-position: center;
 +
  transition: background 0.8s;
 +
  border-radius: 50%;
 +
 
 +
}
 +
 +
.ripple:hover {
 +
  background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
 +
}
 +
.ripple:active {
 +
  background-color: white;
 +
  background-size: 100%;
 +
  transition: background 0s;
 +
}
  
 
@media (max-width: 1000px) {  
 
@media (max-width: 1000px) {  
Line 52: Line 80:
  
 
.ulogo { display:none; }
 
.ulogo { display:none; }
 +
 +
#myDIV button{
 +
display:none;
 
}
 
}
  
 +
}
  
−
body {
+
 
−
background-color:teal;
+
@media (max-width: 1000px) {
−
+
    img {
 +
        display: block;
 +
    }
 
}
 
}
  
−
.w3-container li {
+
 
−
padding-left:60px;
+
 
−
font-size:130%;
+
@keyframes flash {
−
line-height:30px;
+
0% { opacity: 1.0 }
−
+
50% { opacity: 0.5 }
 +
100% { opacity: 1.0 }
 
}
 
}
  
−
.w3-container p {
+
/* Chrome 4+, Safari 4+, Opera 15+ */
−
padding-left:60px;
+
@-webkit-keyframes flash {
−
font-size:130%;
+
0% { opacity: 1.0 }
−
line-height:25px;
+
50% { opacity: 0.5 }
−
+
100% { opacity: 1.0 }
 
}
 
}
  
−
#HQ_page p {
+
/* Firefox 5+ */
−
    font-family: Tahoma, Geneva, sans-serif;
+
@-moz-keyframes flash { 
−
    font-size: 14px;
+
0% { opacity: 1.0 }
−
    text-align: justify;
+
50% { opacity: 0.5 }
−
    color: white;
+
100% { opacity: 1.0 }
 +
}
 +
 
 +
.highlights_huji p{
 +
text-align:justify;
 +
}
 +
 
 +
.abstract_huji {
 +
width:80%;
 +
padding-left:10%;
 +
text-align:center;
 
}
 
}
  
−
a{
+
.start_button {
 +
display:block;
 
 
−
color:white;
 
 
}
 
}
  
−
a:visited{  
+
canvas {
 +
display:none;
 +
border: solid 1px black;
 +
position:relative;
 +
margin: 0 auto 0 auto;
 +
}
 +
 
 +
.index_body {
 +
    width: 80%;
 +
    color: black;
 +
    Padding-left: 10%;
 +
    Padding-right: 10%;
 +
    Padding-top: 3%;
 +
}
 +
 
 +
.ahuji {
 
     color: white;
 
     color: white;
 
}
 
}
 +
 +
.index_body {
 +
    color: white;
 +
 +
}
 +
 +
#HQ_page p {
 +
color:white;
 +
 +
}
 +
 +
#myDIV button{
 +
background-color:black;
 +
padding:0px;
 +
}
 +
 +
a:visited {
 +
    color: yellow;
 +
}
 +
 
</style>
 
</style>
  
Line 94: Line 174:
 
<body>
 
<body>
 
<div class="w3-blue-gray">
 
<div class="w3-blue-gray">
 +
 
<ul id="ddmenu_hebrewu">
 
<ul id="ddmenu_hebrewu">
 
             <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li>
 
             <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li>
Line 104: Line 185:
 
      
 
      
 
         <a href="https://2018.igem.org/Team:HebrewU">
 
         <a href="https://2018.igem.org/Team:HebrewU">
−
                 <img class="ulogo w3-animate" src="https://static.igem.org/mediawiki/2018/d/d3/T--Hebrewu--huji_boiling_logo.png" width="60" height="60" style="margin-left:-27px;">
+
                 <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;">
 
                 </a>
 
                 </a>
 
   </div>  
 
   </div>  
Line 112: Line 193:
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li>
 
             <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/Model">Model</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Results">Results</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/Parts">Parts</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Software">Moolti</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Software">MOOLTi</a></li>
  
 
         </ul>         
 
         </ul>         
Line 126: Line 207:
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Safety">Safety</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>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Protocols">Protocols</a></li>
 +
 
         </ul>
 
         </ul>
 
          
 
          
Line 166: Line 248:
 
             <a href="https://2018.igem.org/Team:HebrewU/Description"><button class="b_huji_small_subnav">Description</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Description"><button class="b_huji_small_subnav">Description</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Model"><button class="b_huji_small_subnav">Model</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Model"><button class="b_huji_small_subnav">Model</button></a>
−
             <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/Demonstrate"><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/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>
+
             <a href="https://2018.igem.org/Team:HebrewU/Software"><button class="b_huji_small_subnav">MOOLTi</button></a>
 
         </div>
 
         </div>
  
Line 195: Line 277:
 
           <button class="huji_small_navbar">Team</button>
 
           <button class="huji_small_navbar">Team</button>
 
         <div class="huji_small_navbar_panel">
 
         <div class="huji_small_navbar_panel">
−
             <a href="https://2018.igem.org/Team:HebrewU/Members"><button class="b_huji_small_subnav">Members</button></a>
+
             <a href="https://2018.igem.org/Team:HebrewU/Team"><button class="b_huji_small_subnav">Members</button></a>
−
             <a href="https://2018.igem.org/Team:HebrewU/Attributions"><button class="b_huji_small_subnav">Attributions</button></a>
+
             <a href="https://2018.igem.org/Team:HebrewU/Attributionsn"><button class="b_huji_small_subnav">Attributions</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a>
Line 232: Line 314:
 
     }
 
     }
 
     </script>
 
     </script>
−
<!------------ HP start ------------->
 
  
−
<br /> <br />
+
<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>
  
−
<!-- Header -->
 
−
<header class="w3-container w3-blue-gray w3-center" style="padding-bottom:60px">
 
−
  <h1 class="w3-margin w3-jumbo">Project Attribution</h1>
 
−
  <p class="w3" style="padding-left:10%;padding-right:10%">We are the first iGEM team in Hebrew University's history. One year ago, when we had only thought of joining iGEM, the students and administrators of our university had not even heard of the conference. But as the word spread and momentum had been building with our committed team-members, the entirety of our project was being built from the bottom up. Before even finding a PI, our small group of 2nd and 3rd year undergrad students had begun developing research ideas, recruiting new-members, searching for funding and establishing the parameters of what it would take to actually compete at iGEM.<br />
 
−
  </p>
 
−
  <p class="w3" style="padding-left:10%;padding-right:10%">We've made mistakes along the way, perhaps many. As the first iGEM team to have been established at our university, we met challenges that, we hope, will be stream-lined for future teams at Hebrew U. </p>
 
−
 
 
−
  <img src="https://static.igem.org/mediawiki/2018/b/b1/T--hebrewu--huji_KEGG.svg" width="70%"> <br />
 
−
 
 
−
  <a href="#founding_main_toggle">
 
−
  <button class="w3-button w3-teal w3-padding-large w3-large w3-margin-top">Founding Members</button></a>
 
−
  <a href="#mentors_main_toggle">
 
−
  <button class="w3-button w3-teal w3-padding-large w3-large w3-margin-top">Mentors</button></a>
 
−
    <a href="#experts_main_toggle">
 
−
    <button class="w3-button w3-teal w3-padding-large w3-large w3-margin-top">Experts Support</button></a>
 
−
  <a href="#Associated_main_toggle">
 
−
  <button class="w3-button w3-teal w3-padding-large w3-large w3-margin-top">Associated Students</button> </a>
 
−
    <a href="#open_source_main_toggle">
 
−
  <button class="w3-button w3-teal w3-padding-large w3-large w3-margin-top">Creative Guidness</button> </a>
 
−
      <a href="#open_source_main_toggle">
 
−
  <button class="w3-button w3-teal w3-padding-large w3-large w3-margin-top">Sponsors</button> </a>
 
−
</header>
 
  
 +
<script>
 +
// When the user scrolls down 20px from the top of the document, show the button
 +
window.onscroll = function() {scrollFunction()};
  
 +
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";
 +
    }
 +
}
  
 +
// When the user clicks on the button, scroll to the top of the document
 +
function topFunction() {
 +
    document.body.scrollTop = 0;
 +
    document.documentElement.scrollTop = 0;
 +
}
 +
</script>
  
  
−
<!-- First Grid -->
 
−
<div id="founding_main_toggle" class="w3-row-padding w3-padding-64 w3-blue-gray w3-container">
 
−
  <div class="w3-content">
 
−
    <div class="w3-twothird">
 
−
      <h1>Founding staff members</h1>
 
−
      <p class="w3-padding-32" style="font-family:Tahoma, Geneva, sans-serif;font-size:14px;">Despite our team-members stubborn commitment to trailblazing this enterprise, we could not have accomplished an ounce of it without some key administrators and advisors from our school:
 
  
−
Thank you, <br /> <br />  
+
<div class="huji_container">
−
Dr. Assaf Mosquna <br />
+
  <img src="https://static.igem.org/mediawiki/2018/a/a2/T--hebrewu--final_index_pic.png" alt="Snow" style="width:100%;">
−
Prof. Masha Niv (V. Dean of the Agriculture Faculty)<br />
+
  <div class="centered"></div>
−
Prof. Berta Sivan (V. Rector of the University)<br />
+
</div>
−
Prof. Benny Chefetz (Dean of the Agriculture Faculty)<br />  
+
−
Prof. Shai Morin (V. Dean of the Agriculture Faculty)<br />  
+
−
Tatyana Grosfeld (Head of Student Union in the Agriculture Faculty)<br />  
+
−
<br />
+
  
−
for helping us obtain the means to build and complete our project.
 
  
 +
 +
<!------------ Awards modal start ------------->
 +
        <div id="huji_jamb" class="w3-modal" style="display:inline-block">
 +
            <div class="w3-modal-content w3-animate-zoom">
 +
              <header class="w3-container w3-dark-gray">
 +
                <span onClick="document.getElementById('huji_jamb').style.display='none'"
 +
                class="w3-button w3-display-topright">&times;</span>
 +
                <h2 align="center" style="color:white"><b> ~ Giant Jamboree 2018 Results ~ </b></h2>
 +
              </header>
 +
            <div class="w3-container w3-blue-gray">
 +
            <div style="text-align:center">
 +
            <p style="color:white; font-size:24px;text-align:justify; padding-left:50px;"> <br />
 +
            Hello everyone, <br />
 +
We are glad to share with you our results from the iGEM conference:<br /><br /> </p>
 +
            <p style="color:white; font-size:24px;text-align:justify;padding-left:100px;">
 +
<b> Best Plant Synthetic Biology </b> <br />
 +
Second place in the Environmental Research category<br />
 +
Nominated for the Best Software Tool<br />
 +
Gold Medal for our overall project achievements<br /><br />
 +
</p>
 +
                <div style="text-align:center">
 +
                <img src="https://static.igem.org/mediawiki/2018/b/b0/T--HebrewU--Bestplant.jpeg" width="75%"> <br />
 +
                <img src="https://static.igem.org/mediawiki/2018/c/cb/T--HebrewU--Jamboree2018_1.jpeg" width="75%"><br />
 +
</div> <br />
 +
 +
 +
<p style="color:white; font-size:24px;text-align:justify; padding-left:50px;"> <br />
 +
We would like to thank again for all of our <a href="https://2018.igem.org/Team:HebrewU/Attributions">supporters</a>, who helped us make it all possible. Toda Raba!  <br /> <br />
 +
            </p>
 +
<h2 style="color:white"> HebrewU i-GEM Team 2018  </h2> <br />
 +
 +
<p style="color:white; font-size:30px;text-align:center;"> <br />
 +
                </p>
 +
                </div>
 +
 +
            <footer class="w3-container">
 +
                <p> </p>
 +
              </footer>
 +
    </div>
 +
 +
        </div>
 +
        </div>
 +
<!------------ Awards modal end ------------->
 +
 +
<!--- Page content start --->
 +
 +
<div class="index_body">
 +
 +
 +
 +
<!-- Team Container -->
 +
<div class="w3-container w3-padding-64 w3-center">
 +
<h2 id="huji_hughlights" class="ahuji">Highlights: </h2>
 +
<div class="w3-row"><br>
 +
 +
<div class="w3-third">
 +
  <a href="https://2018.igem.org/Team:HebrewU/Open_Source"><button class="ripple"><img src="https://static.igem.org/mediawiki/2018/3/3c/T--Hebrewu--highlight_OS.png" width="150px" height="150px"></button> </a>
 +
  <p style="text-align:justify"> We designed an open source platform where researchers anywhere can view our synthetic pathway and
 +
conduct their own research, inserting it into native plants and building upon our database.</p>
 +
</div>
 +
 +
 +
<div class="w3-third">
 +
<a href="https://2018.igem.org/Team:HebrewU/Software"><button class="ripple"><img src="https://static.igem.org/mediawiki/2018/c/c0/T--Hebrewu--highlight_Moolti.png" width="150px" height="150px"></button></a>
 +
  <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.
 
</p>
 
</p>
 +
 
 +
<br /><br />
  
 
</div>
 
</div>
  
−
    <div class="w3-third w3-center" style="marging:none;"></div>
+
<div class="w3-third">
−
   </div>
+
  <a href="https://2018.igem.org/Team:HebrewU/Model"> <button class="ripple"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--hebrewu--model_icon_new.png" width="150px" height="150px"></button> </a>
 +
   <p style="text-align:justify">We have created a model enzymatic pathway for dioxin and chlorinated-compound degradation, which
 +
serves as the foundation of our research and project design. </p>
 
</div>
 
</div>
 +
 +
</div>
 +
</div>
 +
<div>
 +
 +
 +
<!--- Abstract --->
 +
<div class="w3-center">
 +
            <img src="https://static.igem.org/mediawiki/2018/a/ac/T--Hebrewu--plant_index.png" width="80%">
 +
          <br />
 +
        <br />
 +
</div>
 +
  
 
<!-- Second Grid -->
 
<!-- Second Grid -->
−
<div id="mentors_main_toggle" class="w3-row-padding w3-blue-gray w3-padding-64 w3-container">
+
  <canvas style="text-align:center" id="canvas" width="800" height="600" tabindex='2'></canvas>
−
   <div class="w3-content">
+
   <div >
−
    <div class="w3-third w3-center"></div>
+
  <div class='box_container' id="TC" style="float:right;">
 +
</div>
 +
</div>
  
−
    <div class="w3-twothird">
+
<div id="myDIV" style="text-align:center;">
−
      <h1>Mentors </h1>
+
<button class="flashing" onClick="init()"><img src="https://static.igem.org/mediawiki/2018/1/18/T--Hebrewu--TCDD-invasion.png" width="800" heiht="600">
−
      <p class="w3-padding-32">Aside from our beloved PI, Assaf Mosquna, whom graciously dedicated countless hours to helping us with every step along the way, we had found other mentors from within the administration and staff of our university that did not hesitate to offer their time, guidance and administrative help to our team. All of our mentors helped us shape our project into a tangible and realistic form. They made sure that our youthful imaginations had something to stand on. <br />
+
</button>
 +
</div>
 +
</div>
 
<br />
 
<br />
 +
<br />
 +
</div>
  
−
Prof. Berta Sivan<br />
 
−
Prof. Masha Niv<br />
 
−
Mr. Shai Ducin<br />
 
−
Mr. Oded Pri-Tal <br />
 
−
Mr. Gil Zimran<br />
 
  
−
<br />
 
−
 
−
We'd also like to thank Almog Angel (iGEM Tel-Hai 2016) and  Ricarina Rabinovitz (iGEM Technion 2014) for their indispensable advice and guidance in the beginning of our journey.
 
  
−
<br />
+
<!---game script--->
 +
<script type="text/javascript">
 +
  $(function() {
 +
    var images = ['https://static.igem.org/mediawiki/2018/1/12/T--hebrewu--Game1.png', 'https://static.igem.org/mediawiki/2018/7/74/T--Hebrewu--game_background_2.png','https://static.igem.org/mediawiki/2018/1/1e/T--hebrewu--Game2.png'];
 +
    $('#canvas').css({'background-image': 'url(' + images[Math.floor(Math.random() * images.length)] + ')'});
 +
  });
 +
</script>
  
−
</p>
+
<script>
−
     </div>
+
function myFunction() {
−
      
+
     var x = document.getElementById("myDIV");
−
  </div>
+
     if (x.style.display === "none") {
−
</div>
+
        x.style.display = "block";
 +
    } else {
 +
        x.style.display = "none";
 +
    }
 +
}
 +
</script>
  
−
<!-- third Grid -->
 
−
<div id="experts_main_toggle" class="w3-row-padding w3-padding-64 w3-blue-gray w3-container">
 
−
  <div class="w3-content">
 
−
    <div class="w3-twothird">
 
−
      <h1>Experts and General support</h1>
 
−
      <p id="experts_toggle" class="w3-padding-32">Over the course of the year, several individuals stand out as having played a key role in the undertaking of some of our core projects. Without them, we could not have achieved the multi-dimensional operations and acts we had sought to achieve and are grateful to have met and worked with such professionals. <br />
 
−
Thank you, <br /> <br />
 
  
 +
<script>
 +
function init() {
 +
 +
 +
    var x = document.getElementById("myDIV");
 +
 +
    if (x.style.display === "none") {
 +
        x.style.display = "block";
 +
    } else {
 +
        x.style.display = "none";
 +
    }
 +
  
−
Prof. Ron Milo (Weizmann Institute of Science) <br />
+
 
−
Prof. Boaz Yuval (The Hebrew University) <br />
+
// defining the canvas
−
Prof. Oded Shuseyov (The Hebrew University)<br />
+
var canvas = document.getElementById("canvas");
−
Ms. Hoan Xu <br />
+
canvas.style.display = "block";
−
Mr. Tomer Malchi <br />
+
canvas.width = 800;
−
    <br />
+
canvas.height = 600;
−
    for their consultation and guidance throughout our project.  <br /> <br />
+
−
 
+
// defining some variables
−
Dr. Yonatan Friedman (The Hebrew University) for giving us access for his lab equipment during our interlab work.<br /> <br />
+
var c = canvas.getContext("2d");
−
 
+
var WIDTH = canvas.width;
−
Dr. Julius Ben Ari, Mr. Noam Kirshenbaum and Dr. Orit gal (The Hebrew University). for their help with our chemical analyses. <br /> <br />
+
var HEIGHT = canvas.height;
−
 
+
var keys = [];
−
Dr. Dan Davidi (Weizmann Institute of Science) for advisement on our Codon Optimizer software. <br /> <br />
+
var theCoins = [];
−
 
+
var timeRemaining = 30;
−
Prof. Jonathan Gressel (Weizmann Institute of Science), for participating in our Livestream. <br /> <br />
+
var theBadGuys = [];
−
Dr. Yair Rezeck (Tel Hai Collegue) <br />
+
var spawnX, spawnY;
−
Sheikh Hasan Heidar <br />
+
var gameOver = false;
−
Prof. Eliezer Goldschmidt (The Hebrew University <br />
+
var endMessage = "";
−
Dr Carmel Shalev (Haifa University)<br />
+
var mouseX, mouseY;
−
Ms. Siba Ismail  <br /><br />
+
var deltaX = 0;
−
   
+
var deltaY = 0;
−
    for meeting with us and providing religious and cultural insights regarding our Human Practices work.
+
var rotation = 0;
−
<br / > <br / >
+
var xtarget = 0;
−
Asaf Magal and Shahar Frenkel, for translating an interview (from arabic).  
+
var ytarget = 0;
−
<br / >
+
var theBullets = [];
 +
var deltaX, deltaY, newAngle = 0;
 +
var endStatsDisplay = "score";
 +
 +
var coinCollectSwitcher = 1;
 +
 
 +
 +
function loadImages() {
 +
playerImage = new Image();
 +
playerImage.src = 'https://static.igem.org/mediawiki/2018/b/b2/T--Hebrewu--game_player.png';
 +
 +
badGuyImage = new Image();
 +
badGuyImage.src = 'https://static.igem.org/mediawiki/2018/5/53/T--Hebrewu--game_badguy.png';
 +
 +
 +
 +
balls = new Image();
 +
balls.src = 'https://static.igem.org/mediawiki/2018/9/98/T--Hebrewu--balls.png';
 +
 +
}
 +
loadImages();
 +
 +
 +
 +
// construct a player
 +
function Player () {
 +
this.x = 285;
 +
this.y = 290;
 +
this.w = 200;
 +
this.h = 45;
 +
this.health = 200;
 +
this.points = 0;
 +
this.image = playerImage;
 +
}
 +
var Player1 = new Player();
 
 
 
 
−
Dr. Charles Bailey and Dr. Le Ke son, authors of "From Enemies to Partners" and Dr. Mai Trinh for their priceless consultations as experts on the TCDD tragedy in Vietnam.
+
// set the game loop interval
−
 <br / >
+
createNewCoins();
−
   
+
setInterval(mainDraw, 20);
−
Eyal Shushan and Yuli Meroz, industrial designers from the Bezalel Academy of Art and Design, for helping design and execute our community projects.
+
−
 <br / >
+
−
Prof. Nir Friedman (The Hebrew University) for his gracious donations to our community projects. 
+
−
 <br / >
+
 
 
−
Prof. Maya Schuldiner lab (Weizmann Institute) for providing us plasmids and yeast for our experiments.  
+
−
 <br / >
+
function playerDraw() {
−
   
+
−
      Benny Kramer, Ilya Kramer and Guy Smoilov for their guidance with regard to programming the codon optimizer.    
+
c.beginPath();
−
   
+
−
</p>
+
c.strokeStyle="blue";
 +
//c.rect(Player1.x, Player1.y, Player1.w, Player1.h);
 +
c.lineWidth=1;
 +
c.stroke();
 +
 +
c.save();
 +
deltaX = mouseX - Player1.x;
 +
deltaY = mouseY - Player1.y;
 +
newAngle = Math.atan(deltaY / deltaX);
 +
 +
c.translate(Player1.x + (Player1.w / 2), Player1.y + (Player1.h / 2) );
 +
if (deltaX < 0) {
 +
c.rotate(newAngle);
 +
c.scale(-1, 1);
 +
} else {
 +
c.rotate(newAngle);
 +
}
 +
 +
c.drawImage(Player1.image, -(Player1.w / 2) - 7, -(Player1.h / 2) - 5, Player1.w * 1.3, Player1.h * 1.3);
 +
 +
c.restore();
 +
}
 +
 +
function createNewCoins() {
 +
theCoins.push({x: Math.floor(Math.random() * 800),y: Math.floor(Math.random() * 600),w: 20,h: 20, points: 10, color: 'yellow', sourceX: 0, sourceY: 130, sourceW: 130, sourceH: 130});
  
−
<br />
+
theCoins.push({x: Math.floor(Math.random() * 800),y: Math.floor(Math.random() * 600),w: 45,h: 45, points: 5, color: 'grey', sourceX: 130, sourceY: 130, sourceW: 130, sourceH: 130});
−
    </div>
+
  
−
    <div class="w3-third w3-center" style="marging:none;"></div>
+
theCoins.push({x: Math.floor(Math.random() * 800),y: Math.floor(Math.random() * 600),w: 60,h: 60, points: 2, color: 'brown', sourceX: 0, sourceY: 0, sourceW: 130, sourceH: 130});
−
  </div>
+
 +
}
 +
 +
function drawCoins() {
 +
theCoins.forEach( function(i, j) {
 +
c.beginPath();
 +
c.strokeStyle=i.color;
 +
// c.rect(i.x, i.y, i.w, i.h);
 +
c.drawImage(balls, i.sourceX, i.sourceY, i.sourceW, i.sourceH, i.x, i.y, i.w, i.h);
 +
c.lineWidth=1;
 +
c.stroke();
 +
});
 +
}
  
−
</div>
+
function drawHUD() {
 +
c.font = '18pt Calibri';
 +
c.fillStyle = 'white';
 +
c.fillText("Health:", 10, 25);
 +
 +
c.beginPath();
 +
if (Player1.health < 50) {
 +
c.strokeStyle= 'red';
 +
} else {
 +
c.strokeStyle= 'yellow';
 +
}
  
 +
c.moveTo(85,18);
 +
c.lineTo(85 + Player1.health, 18);
 +
c.lineWidth=15;
 +
c.stroke();
 +
 +
c.fillStyle = 'white';
 +
c.fillText("Points:", 370, 25);
 +
c.fillText("Time remaining:", 585, 25);
 +
 +
if (timeRemaining < 10) {
 +
c.fillStyle = "red"
 +
}
 +
c.fillText(Math.ceil(timeRemaining), 750, 25);
 +
 +
c.fillStyle = 'yellow';
 +
c.fillText(Player1.points, 445, 25);
 +
}
  
−
<!-- fourth Grid -->
 
−
<div id="Associated_main_toggle" class="w3-row-padding w3-blue-gray w3-padding-64 w3-container">
 
−
  <div class="w3-content">
 
−
    <div class="w3-third w3-center"></div>
 
  
−
     <div class="w3-twothird">
+
function collides(a, b) {
−
      <h1>Associated Students </h1>
+
     return  !(a.x >= b.x + b.w ||
−
      <p class="w3-padding-32"> Throughout our iGEM journey, several students from our university helped. These students supported us along the way and provided a helping hand for some of our key activities. We greatly appreciate their contribution to the project: <br /> <br />
+
              a.x + a.w <= b.x ||
−
     
+
              a.y >= b.y + b.h ||
−
      Hasan Haidar, Plant science, Bachelor's degree, 3rd year. <br />
+
              a.y + a.h <= b.y);
−
      Sivan Samara, Environmental economics, Bachelor's degree, first year. <br />
+
}
−
        Shai Eyal, Biochemistry and Food Science, Bachelor's degree, third year. <br />
+
−
        Yaarit Shapira, agroecology & biotechnology, Bachelor's degree, second year. <br />  
+
−
        Omri Vardi, Agroecology & Biotechnology, Bachelor's degree, second year.<br />
+
−
        Dania Odeh, Computational Biology, Bachelor's degree, second year. <br />
+
−
        Amit Cucuy, Plant science, Bachelor's degree, 2nd year.<br />
+
−
+
−
+
−
<br /><br />
+
  
  
−
</p>
+
function collidesStep(a, b) {
−
    </div>
+
return !(a.x + a.xStep >= b.x + b.w ||
−
   
+
a.x + a.xStep + a.w <= b.x ||
−
  </div>
+
a.y + a.yStep >= b.y + b.h ||
−
</div>
+
a.y + a.yStep + a.h >= b.y);
 +
}
  
−
<!-- fifth Grid -->
+
function checkCollision() {
−
<div id="Creative" class="w3-row-padding w3-padding-64 w3-blue-gray w3-container">
+
theCoins.forEach( function(i, j){
−
  <div class="w3-content">
+
if ( collides(i, Player1) ) {
−
    <div class="w3-twothird">
+
Player1.points += i.points;
−
      <h1><span class="w3-padding-32">Creative proccesses</span> <span class="w3-padding-32">guidnace </span></h1>
+
theCoins.splice(0);
−
      <p class="w3-padding-32">Many of the operations we had performed throughout the year did not necessarily come to fruition. Nevertheless, many hours were poured into them by our team as well as several experts we had consulted with. We would like to acknowledge and thank those people for their contribution during the creative processes of our projects. <br />
+
createNewCoins();
−
        <br />
+
 +
if (coinCollectSwitcher === 1) {
 +
coinCollect1.play();
 +
}
 +
 +
if (coinCollectSwitcher === 2) {
 +
coinCollect2.play();
 +
}
 +
 +
if (coinCollectSwitcher === 3) {
 +
coinCollect3.play();
 +
}
 +
if (coinCollectSwitcher === 4) {
 +
coinCollect4.play();
 +
}
 +
if (coinCollectSwitcher === 5) {
 +
coinCollect5.play();
 +
}
 +
if (coinCollectSwitcher === 6) {
 +
coinCollect6.play();
 +
}
  
−
Prof. Sarel Fleishman  (Weizmann Institute of Science)<br /> <br />
+
coinCollectSwitcher++;
−
   
+
−
    Dr. Antollena Di Pizio (The Hebrew University) <br /> <br />
+
if (coinCollectSwitcher === 7) {
−
   
+
coinCollectSwitcher = 1;
−
    Ms. Rosalie Lipsh  (Weizmann Institute of Science)<br /><br />
+
}
−
    on looking into the possibility of improving one of our enzymes using computational design.  
+
−
<br /> <br />
+
−
Dr. Yair Mau and Dr. Nimrod Schwartz  (The Hebrew University) - making a plant uptake calculator.
+
}
−
<br />
+
});
−
Prof. Yakov Nahmias (The Hebrew University) - TCDD breakage from contaminated liver cells. <br /><br />  
+
}
 +
 
 +
 
 +
 
 +
 
 +
function endStats() {
 +
 
 +
if (keys[67]) {
 +
endStatsDisplay = "credits";
 +
}
 +
 +
if (keys[83]) {
 +
endStatsDisplay = "score";
 +
}
 +
 
 +
if (endStatsDisplay === "credits") {
 +
c.font = '20pt Calibri';
 +
c.fillStyle = 'cyan';
 +
c.fillText("The code for the game was based on tutorial from frozenlizardproductions.com", 0, 30);
 +
c.fillStyle = 'white';
 +
c.fillText("Graphics by HebrewU (Aliza Fedorenko)",200 , 100);
 +
c.font = '30pt Calibri';
 +
c.fillStyle = 'white';
 +
c.fillText("Press enter to play again!", 190, 455);
 +
c.fillText("Press S for score", 250, 520);
 +
 +
}
 +
 +
if (endStatsDisplay === "score") {
 +
c.font = '60pt Calibri';
 +
c.fillStyle = 'white';
 +
c.fillText(endMessage, 70, 100);
 +
 +
c.font = '80pt Calibri';
 +
c.fillText("Your Score:", 70, 220);
 +
c.fillStyle = 'yellow';
 +
c.fillText(Player1.points, 580, 220);
 +
 +
c.font = '30pt Calibri';
 +
c.fillStyle = 'white';
 +
c.fillText("Press enter to play again!", 190, 455);
 +
c.fillText("Press C for credits", 250, 520);
 +
 +
c.fillStyle = 'cyan';
 +
}
 +
 
 +
if ( keys[13] ) {
 +
Player1.points = 0;
 +
theCoins.splice(0);
 +
createNewCoins();
 +
timeRemaining = 30;
 +
theBadGuys.splice(0);
 +
Player1.x = 395;
 +
Player1.y = 295;
 +
gameOver = false;
 +
Player1.health = 200;
 +
theBullets.splice(0);
 +
}
 +
}
 +
 
 +
 
 +
 
 +
function pushBadGuy() {
 +
if (Math.random() < 0.5) {
 +
spawnX = Math.random() < 0.5 ? -20 : 820;
 +
spawnY = Math.random() * 600;
 +
} else {
 +
spawnX = Math.random() * 800;
 +
spawnY = Math.random() < 0.5 ? -20 : 620;
 +
}
 +
theBadGuys.push( {
 +
x: spawnX, y: spawnY, w: 30, h: 30, speed: Math.ceil(Math.random()* 2), hit: false, image: badGuyImage
 +
});
 +
}
 +
 
 +
 
 +
function badGuyCollidesY (i, j, step) {
 +
for (k = theBadGuys.length - 1; k >= 0; k--){
 +
if (j != k) {
 +
if (
 +
i.x < theBadGuys[k].x + theBadGuys[k].w) {
 +
 +
if (
 +
i.x + i.w > theBadGuys[k].x) {
 +
 +
if (
 +
i.y + step < theBadGuys[k].y + theBadGuys[k].h) {
 +
if (i.y + step + i.h > theBadGuys[k].y) {
 +
return true;
 +
}
 +
}
 +
}
 +
}
 +
}
 +
}
 
 
−
Barak Dror (The Hebrew University), <br />
+
if (i.x + step < Player1.x + Player1.w) {
−
Ms. Michal chomsky (Teva Pharmaceutical Industries Ltd), <br />
+
if (i.x + step + i.w > Player1.x) {
−
Ms. Yael Givol-Barzilai, <br />
+
−
Dr. Orit gal – supporting our effort to generate industry sponsorship, <br />  
+
−
Ms. Naomi van Wijk and Dr. Shlomzion Shen, from Seevix, for giving us access to their patented  Spider-silk products,<br />
+
−
Maayan Tzuk-Peri (Coordinator External Relations, Agriculture Faculty) <br />
+
−
      </p>
+
−
</div> <br /> <br />
+
−
<br /> <br />
+
  
−
</div>
+
if (i.y < Player1.y + Player1.h) {
−
   
+
if (i.y + i.h > Player1.y) {
−
    <div class="w3-third w3-center" style="marging:none;"></div>
+
!i.hit
−
 
+
Player1.health -= 40;
−
</div>
+
if (Player1.health <= 0){
 +
gameOver = true;
 +
endMessage = "Oh no! Game Over";
 +
}
 +
i.hit = true;
 +
return true;
 +
}
 +
 +
}
 +
}}
 +
return false;
 +
}
  
 +
function badGuyCollidesX (i, j, step) {
 +
for (k = theBadGuys.length - 1; k >= 0; k--){
 +
if (j != k) {
 +
if (
 +
i.x + step < theBadGuys[k].x + theBadGuys[k].w) {
 +
 +
if (
 +
i.x + step + i.w > theBadGuys[k].x) {
 +
 +
if (
 +
i.y < theBadGuys[k].y + theBadGuys[k].h) {
 +
if (i.y + i.h > theBadGuys[k].y) {
 +
return true;
 +
}
 +
}
 +
}
 +
}
 +
}
 +
}
 +
 +
if (i.x + step < Player1.x + Player1.w) {
 +
if (i.x + step + i.w > Player1.x) {
 +
if (i.y < Player1.y + Player1.h) {
 +
if (i.y + i.h > Player1.y) {
 +
if (!i.hit) {
 +
Player1.health -= 40;
 +
if (Player1.health <= 0){
 +
gameOver = true;
 +
endMessage = "Oh no! Game Over";
 +
}
 +
}
 +
i.hit = true;
 +
return true;
 +
}
 +
 +
}
 +
}}
 +
return false;
 +
}
  
−
<div id="industry_full" class="collapse" style="text-align: left">
 
−
<div class="w3-blue-gray w3-center" style="padding-left:10%;padding-right:10%">
 
  
−
Our team participated in several international conferences such as Biomed, Agrivest and a Synthetic Biology conference at the Weizmann Institute, in which we presented our project and had productive dialogues with many professionals about our ideas. We also visited the offices of several major corporations (Microsoft, Teva LTD., etc.) in order to receive their input on our implementation ideas as well. <br /> <br /> <br />
+
 
 +
function badGuysMove() {
 +
theBadGuys.forEach( function(i, j) {
 +
if (i.x > Player1.x) {
 +
if (!badGuyCollidesX(i, j, -i.speed)) {i.x -= i.speed;}
 +
}  
 +
if (i.x < Player1.x) {
 +
if (!badGuyCollidesX(i, j, -i.speed)) {i.x += i.speed;}
 +
}
 +
if (i.y > Player1.y) {
 +
if (!badGuyCollidesY(i, j, -i.speed)) {i.y -= i.speed;}
 +
}
 +
if (i.y < Player1.y) {
 +
if (!badGuyCollidesY(i, j, -i.speed)) {i.y += i.speed;}
 +
}
 +
 +
if (i.hit === true){ theBadGuys.splice(j, 1); }
 +
});
 +
}
 +
 
 +
//out the if on
 +
 
 +
function badGuysDraw() {
 +
theBadGuys.forEach( function(i, j) {
 +
c.beginPath();
 +
c.strokeStyle="red";
 +
// c.rect(i.x, i.y, i.w, i.h);
 +
c.drawImage(i.image, i.x - 12 , i.y - 12, 50, 50);
 +
c.lineWidth=1;
 +
c.stroke();
 +
});
 +
}
 +
 
 +
function createBullet(targetX, targetY, shooterX, shooterY) {
 +
if (!gameOver) {
 +
console.log (gameOver);
 +
deltaX = targetX - shooterX;
 +
deltaY = targetY - shooterY;
 +
rotation = Math.atan2(deltaY, deltaX);
 +
xtarget = Math.cos(rotation);
 +
ytarget = Math.sin(rotation);
 +
 +
theBullets.push({
 +
active:true,
 +
x: shooterX, //updates
 +
y: shooterY,
 +
speed: 10,
 +
xtarget: xtarget,
 +
ytarget: ytarget,
 +
w: 5,
 +
h: 5,
 +
color: 'red',
 +
angle: rotation
 +
});
 +
 +
if (shotSwitcher === 1) {
 +
laser1.currentTime = 0.1;
 +
laser1.play();
 +
}
 +
 +
if (shotSwitcher === 2) {
 +
laser2.currentTime = 0.1;
 +
laser2.play();
 +
}
 +
 +
if (shotSwitcher === 3) {
 +
laser3.currentTime = 0.1;
 +
laser3.play();
 +
}
 +
if (shotSwitcher === 4) {
 +
laser4.currentTime = 0.1;
 +
laser4.play();
 +
}
 +
if (shotSwitcher === 5) {
 +
laser5.currentTime = 0.1;
 +
laser5.play();
 +
}
 +
if (shotSwitcher === 6) {
 +
laser6.currentTime = 0.1;
 +
laser6.play();
 +
}
 +
 
 +
shotSwitcher++;
 +
 +
if (shotSwitcher === 7) {
 +
shotSwitcher = 1;
 +
}
 +
 +
}
 +
}
 +
 
 +
function bulletsMove() {
 +
theBullets.forEach( function(i, j) {
 +
i.x += i.xtarget * i.speed;
 +
i.y += i.ytarget * i.speed;
 +
});
 +
}
 +
 
 +
function bulletsDraw() {
 +
theBullets.forEach( function(i, j) {
 +
c.beginPath();
 +
c.save();
 +
c.fillStyle = i.color;
 +
c.rect(i.x, i.y, i.w, i.h);
 +
c.fill();
 +
});
 +
}
 +
 
 +
function checkBulletHits() {
 +
if (theBullets.length > 0) {
 +
if(theBadGuys.length > 0) {
 +
for (j = theBullets.length - 1; j >= 0; j--) {
 +
for (k = theBadGuys.length - 1; k >= 0; k--) {
 +
if (collides(theBadGuys[k], theBullets[j])) {
 +
console.log("collides");
 +
theBadGuys.splice(k, 1);
 +
theBullets.splice(j, 1);
 +
Player1.points += 1;
 +
 +
if (boomSwitcher === 1) {
 +
boom1.play();
 +
}
 +
 +
if (boomSwitcher === 2) {
 +
boom2.play();
 +
}
 +
 +
if (boomSwitcher === 3) {
 +
boom3.play();
 +
}
 +
if (boomSwitcher === 4) {
 +
boom4.play();
 +
}
 +
if (boomSwitcher === 5) {
 +
boom5.play();
 +
}
 +
if (boomSwitcher === 6) {
 +
boom6.play();
 +
}
 +
 
 +
boomSwitcher++;
 +
 +
if (boomSwitcher === 7) {
 +
boomSwitcher = 1;
 +
}
 +
 +
}
 +
}
 +
}
 +
}
 +
}
 +
}
 +
 
 +
 
 +
 
 +
function mainDraw() {
 +
c.clearRect(0, 0, WIDTH, HEIGHT);
 +
if (!gameOver) {
 +
playerMove();
 +
playerDraw();
 +
bulletsMove();
 +
bulletsDraw();
 +
checkBulletHits();
 +
drawCoins();
 +
drawHUD();
 +
checkCollision();
 +
 +
badGuysMove();
 +
badGuysDraw();
 +
if (Math.random() * 100 < 1 ) {
 +
pushBadGuy();
 +
}
 +
 +
timeRemaining -= 0.02;
 +
if (timeRemaining < 0) {
 +
gameOver = true;
 +
endMessage = " You Survived!";
 +
}
 +
} // if !gameOver
 +
if (gameOver) {
 +
endStats();
 +
}
 +
 
 +
} //mainDraw
 
 
−
In speaking with these business leaders - some of which have actually brought GMO's to market, and others with a deep understanding of Agro-tech product development - we came to understand that a solution such as ours has the potential to reach the market, but that, if it did, the product would not necessarily reach the regions of the world that need it the most. For this reason, our team dropped the idea of creating a business model, and instead adopted an open-source model so that our solution would not be restricted from any particular country or region.
+
−
</div>
+
−
</div>
+
−
</div>
+
function playerMove(e){
−
</div>
+
  
−
<!-- sixth Grid -->
+
if (keys[87]) {
−
<div id="open_source_main_toggle" class="w3-row-padding w3-blue-gray w3-padding-64 w3-container">
+
if (Player1.y > 2) {
−
  <div class="w3-content">
+
Player1.y -= 3;
−
    <div class="w3 w3-center"></div>
+
}
 +
}
 +
if (keys[83] ) {
 +
if (Player1.y < HEIGHT - Player1.h - 2) {
 +
Player1.y += 3;
 +
}
 +
}
 +
if (keys[65] ) {
 +
if (Player1.x > 2) {
 +
Player1.x -= 3;
 +
}
 +
}
 +
if (keys[68] ) {
 +
if (Player1.x < WIDTH - Player1.w - 2) {
 +
Player1.x += 3;
 +
}
 +
}
 +
return false;
 +
}
  
−
    <div class="w3">
+
canvas.addEventListener("keydown", function (e) {
−
      <h1>Sponsors</h1>
+
keys[e.keyCode] = true;
−
      <p class="w3-padding-32">
+
});
−
              <div style="float:left">
+
canvas.addEventListener("keyup", function (e) {
−
          <img src="https://static.igem.org/mediawiki/2018/2/2a/T--Hebrewu--IDT_icon.png" height="50px">
+
keys[e.keyCode] = false;
−
  <img src="https://static.igem.org/mediawiki/2018/4/4f/T--Hebrewu--ornat_logo.png" height="50px;">
+
});
−
          <img src="https://static.igem.org/mediawiki/2018/5/55/T--Hebrewu--Tivan_logo.png"  height="50">
+
−
          </div>
+
−
      </p>
+
−
    </div>
+
−
  </div>
+
−
</div>
+
  
 +
canvas.addEventListener("click", function() {
 +
if (!gameOver){
 +
createBullet(mouseX, mouseY, Player1.x + (Player1.w / 2), Player1.y + (Player1.h / 2));
 +
}
 +
});
  
−
<!-- seventh Grid -->
+
function mouseMove(e) {
−
<div id="open_source_main_toggle" class="w3-row-padding w3-blue-gray w3-padding-64 w3-container">
+
    if(e.offsetX) {
−
  <div class="w3-content">
+
        mouseX = e.offsetX;
 +
        mouseY = e.offsetY;
 +
    }
 +
    else if (e.layerX) {
 +
        mouseX = e.layerX;
 +
        mouseY = e.layerY;
 +
    }
 +
}
  
−
    <div class="w3">
+
canvas.addEventListener('mousemove', mouseMove, true);
−
      <h1>Codes and Icons used in our website</h1>
+
−
      <div class="w3-blue-gray" style="padding-left:10%;padding-right:10%">
+
−
<br /><br />
+
−
a.<a href="https://cal-heatmap.com/">The Calendar used on our "Notebook" page is based on Cal-HeatMap, developed by Wan Qi Chen, under the MIT License open source initiative. <br />
+
−
</a>
+
−
b.<a href="http://frozenlizardproductions.com/">The TCDD invasion game is based on a tutorial from Frozen Lizard Productions.</a>
+
−
</div>
+
  
−
    </div>
+
} // init
−
  </div>
+
−
</div>
+
</script>
  
  
 +
 +
<!-- end game script -->
 +
 +
<!--game style-->
 +
<style>
 +
.flashing{
 +
border:none;
 +
display:inline-block;
 +
animation-name: flash;
 +
animation-duration: 1s;
 +
animation-timing-function: linear;
 +
animation-iteration-count: infinite;
 +
text-align:center;
 +
 +
/* Chrome 4+, Safari 4+, Opera 15+ */
 +
-webkit-animation-name: flash;
 +
-webkit-animation-duration: 1s;
 +
-webkit-animation-timing-function: linear;
 +
-webkit-animation-iteration-count: infinite;
 +
 +
/* Firefox 5+ */
 +
-moz-animation-name: flash;
 +
-moz-animation-duration: 1s;
 +
-moz-animation-timing-function: linear;
 +
-moz-animation-iteration-count: infinite
 +
}
 +
 +
@keyframes flash { 
 +
0% { opacity: 1.0 }
 +
50% { opacity: 0.5 }
 +
100% { opacity: 1.0 }
 +
}
 +
 +
/* Chrome 4+, Safari 4+, Opera 15+ */
 +
@-webkit-keyframes flash { 
 +
0% { opacity: 1.0 }
 +
50% { opacity: 0.5 }
 +
100% { opacity: 1.0 }
 +
}
 +
 +
/* Firefox 5+ */
 +
@-moz-keyframes flash { 
 +
0% { opacity: 1.0 }
 +
50% { opacity: 0.5 }
 +
100% { opacity: 1.0 }
 +
}
 +
 +
 +
</style>
 +
 +
<script>
 +
var Mac = document.getElementById('huji_jamb');
 +
 +
// When the user clicks anywhere outside of the modal, close it
 +
window.onclick = function(event) {
 +
  //alert(event.target)
 +
    if (event.target == Mac) {
 +
        Mac.style.display = "none";
 +
    }
 +
 +
}
 +
</script>
 +
 +
<!--game style end-->
 +
 +
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 17:54, 12 December 2018

HebrewU HujiGEM 2018

Snow
×

~ Giant Jamboree 2018 Results ~


Hello everyone,
We are glad to share with you our results from the iGEM conference:

Best Plant Synthetic Biology
Second place in the Environmental Research category
Nominated for the Best Software Tool
Gold Medal for our overall project achievements





We would like to thank again for all of our supporters, who helped us make it all possible. Toda Raba!

HebrewU i-GEM Team 2018



Highlights:


We designed an open source platform where researchers anywhere can view our synthetic pathway and conduct their own research, inserting it into native plants and building upon our database.

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



We have created a model enzymatic pathway for dioxin and chlorinated-compound degradation, which serves as the foundation of our research and project design.