Difference between revisions of "Team:SBS SH 112144"

 
(10 intermediate revisions by 2 users not shown)
Line 37: Line 37:
 
<span style="font-size:48px; display:block; color:#222; padding-top:40px;" >VIDEO</span>
 
<span style="font-size:48px; display:block; color:#222; padding-top:40px;" >VIDEO</span>
 
  <span style="color:#049d3f; border-bottom:4px solid #049d3f; display:block;height:4px; width:40px; margin:25px auto;"></span>
 
  <span style="color:#049d3f; border-bottom:4px solid #049d3f; display:block;height:4px; width:40px; margin:25px auto;"></span>
   <p class="pcss" style="margin:0px 0px 20px 0px;"><nobr>Here we presents you with a minecraft video on the introduction to our project.</nobr></p>
+
   <p class="pcss" style="margin:0px 0px 20px 0px;"><nobr><center>Here we presents you with a minecraft video on the introduction to our project.</center></nobr></p>
 
</div>
 
</div>
<div class="widthall"><img src="http://siqint.com/img/index4.jpg" style="width:50%; float:left;"  /><img src="http://siqint.com/img/index5.jpg" style="width:50%; float:right;"  /></div>
+
<div class="widthall"><img src="http://siqint.com/img/index4.jpg" id="video1" style="width:50%; float:left; cursor:pointer;margin-right:-10px"  /><img id="video2" src="http://siqint.com/img/index5.jpg" style="width:50%; float:right;cursor:pointer;margin-right:-30px"  /></div>
  
 
<div style="height:200px; clear:both;"></div>
 
<div style="height:200px; clear:both;"></div>
<div class="modal modal-video in" id="tour-video" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true" style="display: block; padding-right: 17px;">
+
<div class="modal modal-video in" id="tour-video" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true" style="display:none; padding-right: 17px;">
 
                         <div class="modal-dialog">
 
                         <div class="modal-dialog">
 
                             <div class="modal-content">
 
                             <div class="modal-content">
 
                                 <div class="modal-header">
 
                                 <div class="modal-header">
 
                                     <button type="button" id="close" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                                     <button type="button" id="close" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                     <h4 id="videoModalLabel" class="modal-title">Video Tour</h4>
+
                                     <h4 id="videoModalLabel" class="modal-title">Video</h4>
 
                                 </div>
 
                                 </div>
                                 <div class="modal-body">
+
                                 <div class="modal-body" style="margin-top:-40px">
 
                                     <div class="video-container">
 
                                     <div class="video-container">
                                         <div class="fluid-width-video-wrapper" style="padding-top:1.25%;"><video src="https://static.igem.org/mediawiki/2018/e/ec/T--SBS_SH_112144--CyanoElimination_Part_1.mp4" controls="controls" width="500" height="300"></video></div>
+
                                        <center>
 +
                                         <div class="fluid-width-video-wrapper" style="padding-top:1.25%;">
 +
                                        <video id="videoone" src="https://static.igem.org/mediawiki/2018/e/ec/T--SBS_SH_112144--CyanoElimination_Part_1.mp4" controls="controls" style=" width:100%;height:450px;"></video>
 +
                                        <video  id="videotwo" src="https://static.igem.org/mediawiki/2018/6/60/T--SBS_SH_112144--CyanoElimination_Part_2.mp4" controls="controls" style=" width:100%;height:450px;"></video>
 +
                                        </div>
 +
                                        </center>
 
                                     </div><!--//video-container-->
 
                                     </div><!--//video-container-->
 
                                 </div><!--//modal-body-->
 
                                 </div><!--//modal-body-->
Line 61: Line 66:
 
$("button").click(function(){
 
$("button").click(function(){
 
   $(".modal-video").slideToggle();
 
   $(".modal-video").slideToggle();
 +
});
 +
$("#video1").click(function(){
 +
  $(".modal-video").slideToggle();
 +
  $("#videoone").show();
 +
  $("#videotwo").hide();
 +
  $("#videoModalLabel").html("Part 1");
 +
});
 +
$("#video2").click(function(){
 +
  $(".modal-video").slideToggle();
 +
  $("#videoone").hide();
 +
  $("#videotwo").show();
 +
  $("#videoModalLabel").html("Part 2");
 
});
 
});
 
</script>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:32, 17 October 2018

Header

Home
OUR THEME

CyanoElimination: The lysis of Cyanobacteria in freshwater ecosystem using Cyanophage lysozyme and its commercial implications.

Let us introduce you to....

The rampant growth of cyanobacteria in freshwater ecosystem has become more than an environmental issue. Their incredible ability to multiply and voracious consumption of oxygen often make them a disturbing factor to natural systems. We realized during public outreach that although effective ways to gather and salvage cyanobacteria have been developed, there are barely any success in decomposing these bacteria.

Our team identified a cyanophagelysozyme, cp-OS lysozyme 1. Alone with other chemicals such as bugbuster, this lysozyme in small reaction systems could lyse the cyanobacteria effectively. Through a series of experiments, we were able to acquire the recombinant protein from E. coli cells. Our modeling helped us to find the best experimental conditions for a prototype device which would contribute to a system of cyanobacteria elimination. Our research lays foundation for the utilization of cyanobacteria components in agricultural, bioenergetic, and even medical fields.

VIDEO

Here we presents you with a minecraft video on the introduction to our project.