Difference between revisions of "Team:HebrewU"

Line 17: Line 17:
 
<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 28: Line 27:
 
     #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 h5 { margin-bottom: 0px; }
+
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent p { margin-bottom: 0px; }
 
 
 
 
 
     .w3-container {
 
     .w3-container {
Line 41: Line 40:
  
  
 +
.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 90: Line 55:
  
  
@media (max-width: 1000px) {  
+
body {
    img {
+
background-color:teal;
        display: block;
+
    }
+
 
}
 
}
  
 
+
.w3-container li {
 
+
padding-left:60px;
@keyframes flash {
+
font-size:130%;
0% { opacity: 1.0 }
+
line-height:30px;
50% { opacity: 0.5 }
+
100% { opacity: 1.0 }
+
 
}
 
}
  
/* Chrome 4+, Safari 4+, Opera 15+ */
+
.w3-container p {
@-webkit-keyframes flash {
+
padding-left:60px;
0% { opacity: 1.0 }
+
font-size:130%;
50% { opacity: 0.5 }
+
line-height:25px;
100% { opacity: 1.0 }
+
 
}
 
}
  
/* Firefox 5+ */
+
#HQ_page p {
@-moz-keyframes flash { 
+
    font-family: Tahoma, Geneva, sans-serif;
0% { opacity: 1.0 }
+
    font-size: 14px;
50% { opacity: 0.5 }
+
    text-align: justify;
100% { opacity: 1.0 }
+
    color: white;
 
}
 
}
  
.highlights_huji p{
+
a{
text-align:justify;
+
}
+
 
+
.abstract_huji {
+
width:80%;
+
padding-left:10%;
+
text-align:center;
+
}
+
 
+
.start_button {
+
display:block;
+
 
 
 +
color:white;
 
}
 
}
  
canvas {
+
a:visited{  
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;
 
 
}
 
}
 
</style>
 
</style>
Line 171: Line 94:
 
<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 182: Line 104:
 
      
 
      
 
         <a href="https://2018.igem.org/Team:HebrewU">
 
         <a href="https://2018.igem.org/Team:HebrewU">
                 <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;">
+
                 <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;">
 
                 </a>
 
                 </a>
 
   </div>  
 
   </div>  
Line 204: Line 126:
 
             <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 275: Line 196:
 
         <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/Members"><button class="b_huji_small_subnav">Members</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/Attributions"><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 311: Line 232:
 
     }
 
     }
 
     </script>
 
     </script>
 +
<!------------ HP start ------------->
  
<div class="huji_container">
+
<br /> <br />
  <img src="https://static.igem.org/mediawiki/2018/a/a2/T--hebrewu--final_index_pic.png" alt="Snow" style="width:100%;">
+
  <div class="centered"></div>
+
</div>
+
  
 +
<!-- 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>
  
  
  
<!--- Page content start --->
 
  
<div class="index_body">
 
  
 +
<!-- 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 />
 +
Dr. Assaf Mosquna <br />
 +
Prof. Masha Niv (V. Dean of the Agriculture Faculty)<br />
 +
Prof. Berta Sivan (V. Rector of the University)<br />
 +
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 />
  
<!-- Team Container -->
+
for helping us obtain the means to build and complete our project.
<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 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>
 
</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">
+
    <div class="w3-third w3-center" style="marging:none;"></div>
  <a href="https://2018.igem.org/Team:HebrewU/Parts#Gibson_main_toggle"> <button class="ripple"><img src="https://static.igem.org/mediawiki/2018/5/57/T--Hebrewu--highlight_gibson.png" width="150px" height="150px"></button> </a>
+
   </div>
   <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>
+
 
</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 -->
  <canvas style="text-align:center" id="canvas" width="800" height="600" tabindex='2'></canvas>
+
<div id="mentors_main_toggle" class="w3-row-padding w3-blue-gray w3-padding-64 w3-container">
   <div >
+
   <div class="w3-content">
  <div class='box_container' id="TC" style="float:right;">
+
    <div class="w3-third w3-center"></div>
</div>
+
</div>
+
  
<div id="myDIV" style="text-align:center;">
+
    <div class="w3-twothird">
<button class="flashing" onClick="init()"><img src="https://static.igem.org/mediawiki/2018/1/18/T--Hebrewu--TCDD-invasion.png" width="800" heiht="600">
+
      <h1>Mentors </h1>
</button>
+
      <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 />
</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.
  
<!---game script--->
+
<br />
<script type="text/javascript">
+
  $(function() {
+
    var images = ['https://static.igem.org/mediawiki/2018/5/55/T--Hebrewu--game_background_1.png', 'https://static.igem.org/mediawiki/2018/7/74/T--Hebrewu--game_background_2.png', 'https://static.igem.org/mediawiki/2018/9/91/T--Hebrewu--game_background_3.png'];
+
    $('#canvas').css({'background-image': 'url(' + images[Math.floor(Math.random() * images.length)] + ')'});
+
  });
+
</script>
+
  
<script>
+
</p>
function myFunction() {
+
     </div>
     var x = document.getElementById("myDIV");
+
      
     if (x.style.display === "none") {
+
  </div>
        x.style.display = "block";
+
</div>
    } 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 />
// defining the canvas
+
Prof. Boaz Yuval (The Hebrew University) <br />
var canvas = document.getElementById("canvas");
+
Prof. Oded Shuseyov (The Hebrew University)<br />
canvas.style.display = "block";
+
Ms. Hoan Xu <br />
canvas.width = 800;
+
Mr. Tomer Malchi <br />
canvas.height = 600;
+
    <br />
+
    for their consultation and guidance throughout our project.  <br /> <br />
// defining some variables
+
 
var c = canvas.getContext("2d");
+
Dr. Yonatan Friedman (The Hebrew University) for giving us access for his lab equipment during our interlab work.<br /> <br />
var WIDTH = canvas.width;
+
 
var HEIGHT = canvas.height;
+
Dr. Julius Ben Ari, Mr. Noam Kirshenbaum and Dr. Orit gal (The Hebrew University). for their help with our chemical analyses. <br /> <br />
var keys = [];
+
 
var theCoins = [];
+
Dr. Dan Davidi (Weizmann Institute of Science) for advisement on our Codon Optimizer software. <br /> <br />
var timeRemaining = 30;
+
 
var theBadGuys = [];
+
Prof. Jonathan Gressel (Weizmann Institute of Science), for participating in our Livestream. <br /> <br />
var spawnX, spawnY;
+
Dr. Yair Rezeck (Tel Hai Collegue) <br />
var gameOver = false;
+
Sheikh Hasan Heidar <br />
var endMessage = "";
+
Prof. Eliezer Goldschmidt (The Hebrew University <br />
var mouseX, mouseY;
+
Dr Carmel Shalev (Haifa University)<br />
var deltaX = 0;
+
Ms. Siba Ismail  <br /><br />
var deltaY = 0;
+
   
var rotation = 0;
+
    for meeting with us and providing religious and cultural insights regarding our Human Practices work.
var xtarget = 0;
+
<br / > <br / >
var ytarget = 0;
+
Asaf Magal and Shahar Frenkel, for translating an interview (from arabic).  
var theBullets = [];
+
<br / >
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();
+
 
 
 
 
// set the game loop interval
+
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.
createNewCoins();
+
 <br / >
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.  
function playerDraw() {
+
 <br / >
+
   
c.beginPath();
+
      Benny Kramer, Ilya Kramer and Guy Smoilov for their guidance with regard to programming the codon optimizer.    
+
   
c.strokeStyle="blue";
+
</p>
//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});
+
  
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});
+
<br />
 +
    </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 class="w3-third w3-center" style="marging:none;"></div>
+
  </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();
+
});
+
}
+
  
function drawHUD() {
+
</div>
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);
+
}
+
  
  
function collides(a, b) {
+
<!-- fourth Grid -->
    return  !(a.x >= b.x + b.w ||
+
<div id="Associated_main_toggle" class="w3-row-padding w3-blue-gray w3-padding-64 w3-container">
              a.x + a.w <= b.x ||
+
  <div class="w3-content">
              a.y >= b.y + b.h ||
+
    <div class="w3-third w3-center"></div>
              a.y + a.h <= b.y);
+
}
+
  
 +
    <div class="w3-twothird">
 +
      <h1>Associated Students </h1>
 +
      <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 />
 +
     
 +
      Hasan Haidar, Plant science, Bachelor's degree, 3rd year. <br />
 +
      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 />
  
function collidesStep(a, b) {
 
return !(a.x + a.xStep >= b.x + b.w ||
 
a.x + a.xStep + a.w <= b.x ||
 
a.y + a.yStep >= b.y + b.h ||
 
a.y + a.yStep + a.h >= b.y);
 
}
 
  
function checkCollision() {
+
</p>
theCoins.forEach( function(i, j){
+
    </div>
if ( collides(i, Player1) ) {
+
   
Player1.points += i.points;
+
  </div>
theCoins.splice(0);
+
</div>
createNewCoins();
+
+
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();
+
}
+
  
coinCollectSwitcher++;
+
<!-- fifth Grid -->
+
<div id="Creative" class="w3-row-padding w3-padding-64 w3-blue-gray w3-container">
if (coinCollectSwitcher === 7) {
+
  <div class="w3-content">
coinCollectSwitcher = 1;
+
    <div class="w3-twothird">
}
+
      <h1><span class="w3-padding-32">Creative proccesses</span> <span class="w3-padding-32">guidnace </span></h1>
+
      <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 />
+
        <br />
}
+
});
+
}
+
  
 
+
Prof. Sarel Fleishman  (Weizmann Institute of Science)<br /> <br />
 
+
   
 
+
    Dr. Antollena Di Pizio (The Hebrew University) <br /> <br />
function endStats() {
+
   
 
+
    Ms. Rosalie Lipsh  (Weizmann Institute of Science)<br /><br />
if (keys[67]) {
+
    on looking into the possibility of improving one of our enzymes using computational design.  
endStatsDisplay = "credits";
+
<br /> <br />
}
+
Dr. Yair Mau and Dr. Nimrod Schwartz  (The Hebrew University) - making a plant uptake calculator.
+
<br />
if (keys[83]) {
+
Prof. Yakov Nahmias (The Hebrew University) - TCDD breakage from contaminated liver cells. <br /><br />  
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;
+
}
+
}
+
}
+
}
+
}
+
}
+
 
 
if (i.x + step < Player1.x + Player1.w) {
+
Barak Dror (The Hebrew University), <br />
if (i.x + step + i.w > Player1.x) {
+
Ms. Michal chomsky (Teva Pharmaceutical Industries Ltd), <br />
 +
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 />
  
if (i.y < Player1.y + Player1.h) {
+
</div>
if (i.y + i.h > Player1.y) {
+
   
!i.hit
+
    <div class="w3-third w3-center" style="marging:none;"></div>
Player1.health -= 40;
+
 
if (Player1.health <= 0){
+
</div>
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>
function playerMove(e){
+
</div>
 +
</div>
  
if (keys[87]) {
+
<!-- sixth Grid -->
if (Player1.y > 2) {
+
<div id="open_source_main_toggle" class="w3-row-padding w3-blue-gray w3-padding-64 w3-container">
Player1.y -= 3;
+
  <div class="w3-content">
}
+
    <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;
+
}
+
  
canvas.addEventListener("keydown", function (e) {
+
    <div class="w3">
keys[e.keyCode] = true;
+
      <h1>Sponsors</h1>
});
+
      <p class="w3-padding-32">
canvas.addEventListener("keyup", function (e) {
+
              <div style="float:left">
keys[e.keyCode] = false;
+
          <img src="https://static.igem.org/mediawiki/2018/2/2a/T--Hebrewu--IDT_icon.png" height="50px">
});
+
  <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));
 
}
 
});
 
  
function mouseMove(e) {
+
<!-- seventh Grid -->
    if(e.offsetX) {
+
<div id="open_source_main_toggle" class="w3-row-padding w3-blue-gray w3-padding-64 w3-container">
        mouseX = e.offsetX;
+
  <div class="w3-content">
        mouseY = e.offsetY;
+
    }
+
    else if (e.layerX) {
+
        mouseX = e.layerX;
+
        mouseY = e.layerY;
+
    }
+
}
+
  
canvas.addEventListener('mousemove', mouseMove, true);
+
    <div class="w3">
 +
      <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>
  
} // init
+
    </div>
+
  </div>
</script>
+
</div>
  
  
 
<!-- 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>
 
<!--game style end-->
 
 
 
</div>
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:52, 14 October 2018

HebrewU HujiGEM 2018



Project Attribution

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.

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.


Founding staff members

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,

Dr. Assaf Mosquna
Prof. Masha Niv (V. Dean of the Agriculture Faculty)
Prof. Berta Sivan (V. Rector of the University)
Prof. Benny Chefetz (Dean of the Agriculture Faculty)
Prof. Shai Morin (V. Dean of the Agriculture Faculty)
Tatyana Grosfeld (Head of Student Union in the Agriculture Faculty)

for helping us obtain the means to build and complete our project.

Mentors

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.

Prof. Berta Sivan
Prof. Masha Niv
Mr. Shai Ducin
Mr. Oded Pri-Tal
Mr. Gil Zimran

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.

Experts and General support

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.
Thank you,

Prof. Ron Milo (Weizmann Institute of Science)
Prof. Boaz Yuval (The Hebrew University)
Prof. Oded Shuseyov (The Hebrew University)
Ms. Hoan Xu
Mr. Tomer Malchi

for their consultation and guidance throughout our project.

  Dr. Yonatan Friedman (The Hebrew University) for giving us access for his lab equipment during our interlab work.

  Dr. Julius Ben Ari, Mr. Noam Kirshenbaum and Dr. Orit gal (The Hebrew University). for their help with our chemical analyses.

  Dr. Dan Davidi (Weizmann Institute of Science) for advisement on our Codon Optimizer software.

  Prof. Jonathan Gressel (Weizmann Institute of Science), for participating in our Livestream.

Dr. Yair Rezeck (Tel Hai Collegue)
Sheikh Hasan Heidar
Prof. Eliezer Goldschmidt (The Hebrew University
Dr Carmel Shalev (Haifa University)
Ms. Siba Ismail

for meeting with us and providing religious and cultural insights regarding our Human Practices work.

Asaf Magal and Shahar Frenkel, for translating an interview (from arabic).
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.  
Eyal Shushan and Yuli Meroz, industrial designers from the Bezalel Academy of Art and Design, for helping design and execute our community projects.  
Prof. Nir Friedman (The Hebrew University) for his gracious donations to our community projects.  
Prof. Maya Schuldiner lab (Weizmann Institute) for providing us plasmids and yeast for our experiments.  
Benny Kramer, Ilya Kramer and Guy Smoilov for their guidance with regard to programming the codon optimizer.


Associated Students

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:

Hasan Haidar, Plant science, Bachelor's degree, 3rd year.
Sivan Samara, Environmental economics, Bachelor's degree, first year.
Shai Eyal, Biochemistry and Food Science, Bachelor's degree, third year.
Yaarit Shapira, agroecology & biotechnology, Bachelor's degree, second year.
Omri Vardi, Agroecology & Biotechnology, Bachelor's degree, second year.
Dania Odeh, Computational Biology, Bachelor's degree, second year.
Amit Cucuy, Plant science, Bachelor's degree, 2nd year.


Creative proccesses guidnace

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.

Prof. Sarel Fleishman (Weizmann Institute of Science)

Dr. Antollena Di Pizio (The Hebrew University)

Ms. Rosalie Lipsh (Weizmann Institute of Science)

on looking into the possibility of improving one of our enzymes using computational design.

Dr. Yair Mau and Dr. Nimrod Schwartz (The Hebrew University) - making a plant uptake calculator.
Prof. Yakov Nahmias (The Hebrew University) - TCDD breakage from contaminated liver cells.

Barak Dror (The Hebrew University),
Ms. Michal chomsky (Teva Pharmaceutical Industries Ltd),
Ms. Yael Givol-Barzilai,
Dr. Orit gal – supporting our effort to generate industry sponsorship,
Ms. Naomi van Wijk and Dr. Shlomzion Shen, from Seevix, for giving us access to their patented Spider-silk products,
Maayan Tzuk-Peri (Coordinator External Relations, Agriculture Faculty)





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.


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.

Sponsors