Difference between revisions of "Team:HBUT-China"

Line 1: Line 1:
 
{{ HBUT-China/templates/head }}
 
{{ HBUT-China/templates/head }}
 
<html>
 
<html>
−
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:HBUT-China/css/slick?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:HBUT-China/css/slick?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:HBUT-China/css/slick-theme?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:HBUT-China/css/slick-theme?action=raw&ctype=text/css">
 
  <script type="text/javascript" src="https://2018.igem.org/Template:HBUT-China/js/jquery?action=raw&ctype=text/javascript"></script>
 
  <script type="text/javascript" src="https://2018.igem.org/Template:HBUT-China/js/jquery?action=raw&ctype=text/javascript"></script>
 
  <script type="text/javascript" src="https://2018.igem.org/Template:HBUT-China/js/jquery-migrate?action=raw&ctype=text/javascript"></script>
 
  <script type="text/javascript" src="https://2018.igem.org/Template:HBUT-China/js/jquery-migrate?action=raw&ctype=text/javascript"></script>
 
  <script type="text/javascript" src="https://2018.igem.org/Template:HBUT-China/js/slick?action=raw&ctype=text/javascript"></script>
 
  <script type="text/javascript" src="https://2018.igem.org/Template:HBUT-China/js/slick?action=raw&ctype=text/javascript"></script>
−
    <section class="section"></section>
+
<section class="section"></section>
−
 
+
    <section class="section">
−
        <section class="section">
+
−
 
+
−
       
+
 
         <div class="container">
 
         <div class="container">
−
             <center>
+
             <div class="content">
−
                 <h1 style="font-size:350%;">
+
                 <div class="container" style="text-align: center;width: 85%;">
−
                        HBUT iGEM 2018
+
                    <div class="columns">
−
                </h1>
+
                        <div class="column">
−
                <p class="subtitle">
+
                            <div class="content">
−
                        Wuhan China
+
                                <center>
−
                        <!-- <strong>Bulma</strong>! -->
+
                                <p></p>
−
                     </p>
+
                                <br/>
−
            </center>
+
                                <br/>
−
             <p class="subtitle">
+
                                <br/>
 +
                                <p style="font-family: Helvetica,'Lucida Family',Tahoma;font-style:normal;font-size:350%;">
 +
                                        HBUT iGEM 2018
 +
                                </p>
 +
                                <p class="subtitle">
 +
                                        Wuhan China
 +
                                </p>
 +
                                </center>
 +
                                <h1 class="title">
 +
                                Light nickel ions up
 +
                                </h1>              
 +
                            </div>
 +
                        </div>
 +
                        <div class="column">
 +
                            <img src="https://static.igem.org/mediawiki/2018/c/c8/T--HBUT-China--index_photo1.png">
 +
                        </div>
 +
                     </div>
 +
                </div>
 +
             </div>
  
−
            </p>
 
 
              
 
              
 
             <div class="content">
 
             <div class="content">
Line 31: Line 45:
 
                             <div>
 
                             <div>
 
                                 <center>
 
                                 <center>
−
                                 <img src="https://static.igem.org/mediawiki/2018/thumb/d/d1/T--HBUT-China--index_sroll1.jpg/800px-T--HBUT-China--index_sroll1.jpg" width="80%"/>
+
                                 <img src="https://static.igem.org/mediawiki/2018/thumb/d/d1/T--HBUT-China--index_sroll1.jpg/800px-T--HBUT-China--index_sroll1.jpg" width="100%"/>
 
                                 </center>
 
                                 </center>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
 
                                 <center>
 
                                 <center>
−
                                 <img src="https://static.igem.org/mediawiki/2018/5/5f/T--HBUT-China--index_sroll2.jpg" width="80%"/>
+
                                 <img src="https://static.igem.org/mediawiki/2018/thumb/5/5f/T--HBUT-China--index_sroll2.jpg/800px-T--HBUT-China--index_sroll2.jpg" width="100%"/>
 
                                 </center>
 
                                 </center>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
 
                                 <center>
 
                                 <center>
−
                                         <img class="is-background" src="https://static.igem.org/mediawiki/2018/5/53/T--HBUT-China--index_sroll3.jpg" width="80%" />
+
                                         <img src="https://static.igem.org/mediawiki/2018/thumb/5/53/T--HBUT-China--index_sroll3.jpg/800px-T--HBUT-China--index_sroll3.jpg" width="100%" />
 
                                 </center>   
 
                                 </center>   
 
                             </div>
 
                             </div>
 
                             <div>  
 
                             <div>  
 
                                 <center>
 
                                 <center>
−
                                         <img class="is-background" src="https://static.igem.org/mediawiki/2018/7/75/T--HBUT-China--index_sroll4.jpg" width="80%" />
+
                                         <img src="https://static.igem.org/mediawiki/2018/7/75/T--HBUT-China--index_sroll4.jpg" width="100%" />
 
                                 </center>
 
                                 </center>
 
                             </div>
 
                             </div>
Line 59: Line 73:
 
                         });
 
                         });
 
                     </script>
 
                     </script>
−
                    <!-- <div class='carousel carousel-animated carousel-animate-slide' data-autoplay="true" >
 
−
                        <div class='carousel-container'>
 
−
                          <div class='carousel-item has-background is-active'>
 
−
                            <img class="is-background" src="https://static.igem.org/mediawiki/2018/thumb/d/d1/T--HBUT-China--index_sroll1.jpg/800px-T--HBUT-China--index_sroll1.jpg" alt="" width="640" height="480" />
 
−
 
−
                          </div>
 
−
                          <div class='carousel-item has-background'>
 
−
                            <img class="is-background" src="https://static.igem.org/mediawiki/2018/5/5f/T--HBUT-China--index_sroll2.jpg" alt="" width="640" height="310" />
 
−
 
−
                          </div>
 
−
                          <div class='carousel-item has-background'>
 
−
                            <img class="is-background" src="https://static.igem.org/mediawiki/2018/5/53/T--HBUT-China--index_sroll3.jpg" alt="" width="640" height="410" />
 
−
 
−
                          </div>
 
−
                          <div class='carousel-item has-background'>
 
−
                            <img class="is-background" src="https://static.igem.org/mediawiki/2018/7/75/T--HBUT-China--index_sroll4.jpg" alt="" width="640" height="480" />
 
−
 
−
                          </div>
 
−
                        </div>
 
−
                        <div class="carousel-navigation is-overlay">
 
−
                          <div class="carousel-nav-left">
 
−
                            <i class="fa fa-chevron-left" aria-hidden="true"></i>
 
−
                          </div>
 
−
                          <div class="carousel-nav-right">
 
−
                            <i class="fa fa-chevron-right" aria-hidden="true"></i>
 
−
                          </div>
 
−
                        </div>
 
−
                      </div> -->
 
 
                 </div>
 
                 </div>
 
                 <br/>
 
                 <br/>
 
                 <div class="container" style="text-align: center;width: 85%;">
 
                 <div class="container" style="text-align: center;width: 85%;">
−
                     <div class="columns">
+
                      
−
                        <div class="column">
+
                    <div class="content" style="width:100%;margin-left: auto;margin-right: auto;">
−
                            <a class="twitter-timeline" data-width="100%" data-height="100%" href="https://twitter.com/HBUTiGEM?ref_src=twsrc%5Etfw">HBUTiGEM</a>  
+
                        <p> </p>
−
                            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+
                        <p style="text-justify: inter-ideograph;text-align: justify; font-size: 110%">
−
                         </div>
+
                                This year's iGEM team decided to continue the work started by last year's team with the Nickel Hunter project; a biological device to detect nickel ions in the environment. Two shortcomings of the previous design were a small measurement range, and low precision. This year we added the nickel ions channel protein NikABCDE gene to the original gene element allowing the ions to enter the cell more smoothly, which has improved both of these issues. We also replaced the RFP gene with the luciferase LuxCDABE gene. The reporter gene emits bioluminescence in response to nickel ions which further enhances our measurement precision. It also provided the opportunity to develop a biosensing instrument for real-time nickel ions detection. Our changes improved sensitivity and range, as well as provided an opportunity for a new method of nickel ions detection.
−
                         <div class="column">
+
                         </p>  
−
                            <img src="https://static.igem.org/mediawiki/2018/c/c8/T--HBUT-China--index_photo1.png">
+
                         <p> </p>
−
                        </div>
+
 
                     </div>
 
                     </div>
−
               
 
 
                 </div>
 
                 </div>
 
                 <br/>
 
                 <br/>
Line 107: Line 91:
 
                 </center>
 
                 </center>
 
                 <br/>
 
                 <br/>
−
                 <br/>
+
                  
−
                <div class="container" style="text-align: center;width: 85%;">
+
−
                    <center>
+
−
                    <h2 style="margin-left: auto;margin-right: auto;">
+
−
                        About US
+
−
                    </h2>
+
−
                    </center>
+
−
                    <div class="content" style="width:100%;margin-left: auto;margin-right: auto;">
+
−
                        <p style="text-justify: inter-ideograph;text-align: justify; font-size: 110%">
+
−
                                This year's iGEM team decided to continue the work started by last year's team with the Nickel Hunter project; a biological device to detect nickel ions in the environment. Two shortcomings of the previous design were a small measurement range, and low precision. This year we added the nickel ions channel protein NikABCDE gene to the original gene element allowing the ions to enter the cell more smoothly, which has improved both of these issues. We also replaced the RFP gene with the luciferase LuxCDABE gene. The reporter gene emits bioluminescence in response to nickel ions which further enhances our measurement precision. It also provided the opportunity to develop a biosensing instrument for real-time nickel ions detection. Our changes improved sensitivity and range, as well as provided an opportunity for a new method of nickel ions detection.
+
−
                        </p>
+
−
                    </div>
+
−
                </div>
+
 
                  
 
                  
 
             </div>
 
             </div>
Line 128: Line 100:
 
         <script>
 
         <script>
  
−
                 var videoWindowWidth = $("#ytvideo").width()
+
                 function creatVideo(){
−
                var youtubeWindowWidth = videoWindowWidth.toString().split(".")
+
                    var videoWindowWidth = $("#ytvideo").width()
−
               
+
                    var videlem = document.createElement("video");
−
 
+
                    videlem.width = videoWindowWidth
−
                var tag = document.createElement('script');
+
                    videlem.height = videoWindowWidth*1080/1920
−
 
+
                    videlem.setAttribute("controls", "controls");
−
                tag.src = "https://www.youtube.com/iframe_api";
+
                    videlem.poster="https://static.igem.org/mediawiki/2018/thumb/6/61/T--HBUT-China--videopreview.png/800px-T--HBUT-China--videopreview.png"
−
                var firstScriptTag = document.getElementsByTagName('script')[0];
+
                    var sourceMP4 = document.createElement("source");
−
                firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+
                    sourceMP4.type = "video/mp4";
−
 
+
                     sourceMP4.src = "https://static.igem.org/mediawiki/2018/d/db/T--HBUT-China--main_video.mp4";
−
               
+
                     videlem.appendChild(sourceMP4);
−
                var player;
+
                    document.getElementById('ytvideo').appendChild(videlem)
−
                function onYouTubeIframeAPIReady() {
+
−
                     player = new YT.Player('ytvideo', {
+
−
                        height: videoWindowWidth*1080/1920,
+
−
                        width: youtubeWindowWidth[0],
+
−
                        videoId: 'fUUJ76d_5KU',
+
−
                        events: {
+
−
                            // 'onReady': onPlayerReady,
+
−
                            // 'onStateChange': onPlayerStateChange
+
−
                        }
+
−
                     });
+
−
                }
+
−
                function onPlayerReady(event) {
+
−
                    event.target.playVideo();
+
 
                 }
 
                 }
  
−
                 window.onresize=function(){
+
                 creatVideo()
−
                    player.destroy();
+
                // window.onresize=function(){
−
                    videoWindowWidth = $("#ytvideo").width()
+
                //    document.getElementById('ytvideo').innerHTML=''
−
                    youtubeWindowWidth = videoWindowWidth.toString().split(".")
+
                //    videoWindowWidth = $("#ytvideo").width()
−
                    onYouTubeIframeAPIReady();
+
                //    creatVideo()
−
                 }
+
                 // }
 
         </script>
 
         </script>
 
     </section>
 
     </section>
 
  </html>
 
  </html>
 
{{ HBUT-China/templates/footer }}
 
{{ HBUT-China/templates/footer }}

Revision as of 01:46, 18 October 2018




HBUT iGEM 2018

Wuhan China

Light nickel ions up


This year's iGEM team decided to continue the work started by last year's team with the Nickel Hunter project; a biological device to detect nickel ions in the environment. Two shortcomings of the previous design were a small measurement range, and low precision. This year we added the nickel ions channel protein NikABCDE gene to the original gene element allowing the ions to enter the cell more smoothly, which has improved both of these issues. We also replaced the RFP gene with the luciferase LuxCDABE gene. The reporter gene emits bioluminescence in response to nickel ions which further enhances our measurement precision. It also provided the opportunity to develop a biosensing instrument for real-time nickel ions detection. Our changes improved sensitivity and range, as well as provided an opportunity for a new method of nickel ions detection.