Difference between revisions of "Team:HebrewU"

 
(46 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 16: Line 13:
 
<!--- w3 Css --->
 
<!--- w3 Css --->
 
<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">
−
 
−
 
−
 
−
 
  
  
Line 41: Line 34:
  
  
−
.ahuji {
 
−
    color:black
 
−
    }
 
  
 
@media (max-width: 1000px) {  
 
@media (max-width: 1000px) {  
Line 90: Line 80:
  
 
.ulogo { display:none; }
 
.ulogo { display:none; }
 +
 +
#myDIV button{
 +
display:none;
 +
}
 +
 
}
 
}
  
Line 141: Line 136:
 
position:relative;
 
position:relative;
 
margin: 0 auto 0 auto;
 
margin: 0 auto 0 auto;
 +
}
 +
 +
.index_body {
 +
    width: 80%;
 +
    color: black;
 +
    Padding-left: 10%;
 +
    Padding-right: 10%;
 +
    Padding-top: 3%;
 +
}
 +
 +
.ahuji {
 +
    color: white;
 +
}
 +
 +
.index_body {
 +
    color: white;
 +
 +
}
 +
 +
#HQ_page p {
 +
color:white;
 +
 +
}
 +
 +
#myDIV button{
 +
background-color:black;
 +
padding:0px;
 +
}
 +
 +
a:visited {
 +
    color: yellow;
 
}
 
}
  
Line 147: Line 173:
  
 
<body>
 
<body>
 +
<div class="w3-blue-gray">
  
 
<ul id="ddmenu_hebrewu">
 
<ul id="ddmenu_hebrewu">
Line 166: 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/Motivation">Moolti</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Software">MOOLTi</a></li>
  
 
         </ul>         
 
         </ul>         
Line 198: Line 225:
 
         <ul>
 
         <ul>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
 
             <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/Attributions">Attributions</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li>
Line 221: 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 250: 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/Attributionsn"><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>
Line 287: Line 314:
 
     }
 
     }
 
     </script>
 
     </script>
 +
 +
<a onClick="topFunction()" id="myBtn_up" title="Go to top"><img src="https://static.igem.org/mediawiki/2018/1/1e/T--hebrewu--arrow_up.png" width="40px" /></a>
 +
 +
 +
<script>
 +
// 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>
 +
 +
  
 
<div class="huji_container">
 
<div class="huji_container">
−
   <img src="index/opening Pic2.fw.png" alt="Snow" style="width:100%;">
+
   <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 class="centered"></div>
 
</div>
 
</div>
  
  
−
<!--- Up button --->
+
 
−
<div class="fixed">
+
<!------------ Awards modal start ------------->
−
<a href="#ddmenu_hebrewu"> ^ </a>
+
        <div id="huji_jamb" class="w3-modal" style="display:inline-block">
−
</div>
+
            <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 --->
 
<!--- Page content start --->
−
<div class="columnhuji middle">
+
 
−
<!--- Abstract --->
+
<div class="index_body">
−
<h2 id="huji_hughlights" class="ahuji">The Catalysis of Dioxin Degradation </h2>
+
 
−
<p class="abstract_huji">
+
−
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>
+
  
  
Line 313: Line 401:
  
 
<div class="w3-third">
 
<div class="w3-third">
−
   <button class="ripple"><img src="https://static.igem.org/mediawiki/2018/3/3c/T--Hebrewu--highlight_OS.png" width="150px" height="150px"></button>  
+
   <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>
+
   <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>
  
  
 
<div class="w3-third">
 
<div class="w3-third">
−
  <button class="ripple"><img src="https://static.igem.org/mediawiki/2018/c/c0/T--Hebrewu--highlight_Moolti.png" width="150px" height="150px"></button>  
+
  <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 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>
 
    
 
    
Line 328: Line 418:
  
 
<div class="w3-third">
 
<div class="w3-third">
−
    <button class="ripple"><img src="https://static.igem.org/mediawiki/2018/5/57/T--Hebrewu--highlight_gibson.png" width="150px" height="150px"></button>  
+
  <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 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>
+
   <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>
 
</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>
 
   <canvas style="text-align:center" id="canvas" width="800" height="600" tabindex='2'></canvas>
Line 343: Line 443:
 
</div>
 
</div>
  
−
<div id="myDIV" style="text-align:center">
+
<div id="myDIV" style="text-align:center;">
 
<button class="flashing" onClick="init()"><img src="https://static.igem.org/mediawiki/2018/1/18/T--Hebrewu--TCDD-invasion.png" width="800" heiht="600">
 
<button class="flashing" onClick="init()"><img src="https://static.igem.org/mediawiki/2018/1/18/T--Hebrewu--TCDD-invasion.png" width="800" heiht="600">
 
</button>
 
</button>
 
</div>
 
</div>
−
 
 
</div>
 
</div>
 +
<br />
 +
<br />
 
</div>
 
</div>
  
Line 356: Line 457:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
   $(function() {
 
   $(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'];
+
     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)] + ')'});
 
     $('#canvas').css({'background-image': 'url(' + images[Math.floor(Math.random() * images.length)] + ')'});
 
   });
 
   });
Line 509: Line 610:
 
c.strokeStyle= 'yellow';  
 
c.strokeStyle= 'yellow';  
 
}
 
}
 +
 
c.moveTo(85,18);
 
c.moveTo(85,18);
 
c.lineTo(85 + Player1.health, 18);
 
c.lineTo(85 + Player1.health, 18);
Line 598: Line 700:
 
c.font = '20pt Calibri';
 
c.font = '20pt Calibri';
 
c.fillStyle = 'cyan';
 
c.fillStyle = 'cyan';
−
c.fillText("Code taken from Frozen Lizard website", 200, 30);
+
c.fillText("The code for the game was based on tutorial from frozenlizardproductions.com", 0, 30);
−
c.fillText("http://frozenlizardproductions.com", 200, 70);
+
−
+
−
+
−
c.save();
+
−
c.translate(20,130);
+
−
c.font = '16pt Calibri';
+
 
c.fillStyle = 'white';
 
c.fillStyle = 'white';
−
c.fillText("Graphics Thanks:", 0, 0);
+
c.fillText("Graphics by HebrewU (Aliza Fedorenko)",200 , 100);
−
+
−
c.font = '12pt Calibri';
+
−
c.fillText("Vortex background by darkrose:", 0, 30);
+
−
c.fillText("http://opengameart.org/users/darkrose", 0, 50);
+
−
+
−
c.fillText("Player and bad guys by C-TOY:", 0, 90);
+
−
c.fillText("http://c-toy.blogspot.co.uk", 0, 110);
+
−
+
−
c.fillText("Orbs by AMON:", 0, 150);
+
−
c.fillText("http://opengameart.org/users/amon", 0, 170);
+
−
c.restore();
+
−
+
−
+
−
+
−
c.save();
+
−
c.translate(450,130);
+
−
c.font = '16pt Calibri';
+
−
c.fillStyle = 'white';
+
−
c.fillText("Sound Thanks:", 0, 0);
+
−
+
−
c.font = '12pt Calibri';
+
−
c.fillText("Laser and orb collection sounds by Kenney Vleugels", 0, 30);
+
−
c.fillText("http://www.kenney.nl", 0, 50);
+
−
+
−
c.fillText("Bad guy explosion by dklon:", 0, 90);
+
−
c.fillText("http://opengameart.org/users/dklon", 0, 110);
+
−
+
−
c.restore();
+
−
+
 
c.font = '30pt Calibri';
 
c.font = '30pt Calibri';
 
c.fillStyle = 'white';
 
c.fillStyle = 'white';
Line 686: Line 753:
 
}
 
}
 
theBadGuys.push( {  
 
theBadGuys.push( {  
−
x: spawnX, y: spawnY, w: 10, h: 10, speed: Math.ceil(Math.random()* 2), hit: false, image: badGuyImage
+
x: spawnX, y: spawnY, w: 30, h: 30, speed: Math.ceil(Math.random()* 2), hit: false, image: badGuyImage
 
});
 
});
 
}
 
}
Line 1,022: Line 1,089:
 
<style>
 
<style>
 
.flashing{
 
.flashing{
−
padding:5px 10px;
 
−
color:black;
 
 
border:none;
 
border:none;
−
border-radius:5px;
 
 
display:inline-block;
 
display:inline-block;
 
animation-name: flash;
 
animation-name: flash;
Line 1,068: Line 1,132:
  
 
</style>
 
</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-->
 
<!--game style end-->
  

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.