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">
−
             <div class="content">
+
             <center>
−
                 <div class="container" style="text-align: center;width: 85%;">
+
                 <h1 style="font-size:350%;">
−
                    <div class="columns">
+
                        HBUT iGEM 2018
−
                        <div class="column">
+
                </h1>
−
                            <div class="content">
+
                <p class="subtitle">
−
                                <center>
+
                        Wuhan China
−
                                <p></p>
+
                        <!-- <strong>Bulma</strong>! -->
−
                                <br/>
+
                     </p>
−
                                <br/>
+
            </center>
−
                                <br/>
+
             <p class="subtitle">
−
                                <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 45: Line 31:
 
                             <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="100%"/>
+
                                 <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%"/>
 
                                 </center>
 
                                 </center>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
 
                                 <center>
 
                                 <center>
−
                                 <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%"/>
+
                                 <img src="https://static.igem.org/mediawiki/2018/5/5f/T--HBUT-China--index_sroll2.jpg" width="80%"/>
 
                                 </center>
 
                                 </center>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
 
                                 <center>
 
                                 <center>
−
                                         <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%" />
+
                                         <img class="is-background" src="https://static.igem.org/mediawiki/2018/5/53/T--HBUT-China--index_sroll3.jpg" width="80%" />
 
                                 </center>   
 
                                 </center>   
 
                             </div>
 
                             </div>
 
                             <div>  
 
                             <div>  
 
                                 <center>
 
                                 <center>
−
                                         <img src="https://static.igem.org/mediawiki/2018/7/75/T--HBUT-China--index_sroll4.jpg" width="100%" />
+
                                         <img class="is-background" src="https://static.igem.org/mediawiki/2018/7/75/T--HBUT-China--index_sroll4.jpg" width="80%" />
 
                                 </center>
 
                                 </center>
 
                             </div>
 
                             </div>
Line 73: Line 59:
 
                         });
 
                         });
 
                     </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="content" style="width:100%;margin-left: auto;margin-right: auto;">
+
                        <div class="column">
−
                        <p> </p>
+
                            <a class="twitter-timeline" data-width="100%" data-height="100%" href="https://twitter.com/HBUTiGEM?ref_src=twsrc%5Etfw">Twitter may not be available in your country</a>  
−
                        <p style="text-justify: inter-ideograph;text-align: justify; font-size: 110%">
+
                            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
−
                                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>
−
                         </p>  
+
                         <div class="column">
−
                         <p> </p>
+
                            <img src="https://static.igem.org/mediawiki/2018/c/c8/T--HBUT-China--index_photo1.png">
 +
                        </div>
 
                     </div>
 
                     </div>
 +
               
 
                 </div>
 
                 </div>
 
                 <br/>
 
                 <br/>
Line 91: Line 107:
 
                 </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 100: Line 128:
 
         <script>
 
         <script>
  
−
                 function creatVideo(){
+
                 var videoWindowWidth = $("#ytvideo").width()
−
                    var videoWindowWidth = $("#ytvideo").width()
+
                var youtubeWindowWidth = videoWindowWidth.toString().split(".")
−
                    var videlem = document.createElement("video");
+
               
−
                    videlem.width = videoWindowWidth
+
 
−
                    videlem.height = videoWindowWidth*1080/1920
+
                var tag = document.createElement('script');
−
                    videlem.setAttribute("controls", "controls");
+
 
−
                    videlem.poster="https://static.igem.org/mediawiki/2018/thumb/6/61/T--HBUT-China--videopreview.png/800px-T--HBUT-China--videopreview.png"
+
                tag.src = "https://www.youtube.com/iframe_api";
−
                    var sourceMP4 = document.createElement("source");
+
                var firstScriptTag = document.getElementsByTagName('script')[0];
−
                    sourceMP4.type = "video/mp4";
+
                firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
−
                     sourceMP4.src = "https://static.igem.org/mediawiki/2018/d/db/T--HBUT-China--main_video.mp4";
+
 
−
                     videlem.appendChild(sourceMP4);
+
               
−
                    document.getElementById('ytvideo').appendChild(videlem)
+
                var player;
 +
                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();
 
                 }
 
                 }
  
−
                 creatVideo()
+
                 window.onresize=function(){
−
                // window.onresize=function(){
+
                    player.destroy();
−
                //    document.getElementById('ytvideo').innerHTML=''
+
                    videoWindowWidth = $("#ytvideo").width()
−
                //    videoWindowWidth = $("#ytvideo").width()
+
                    youtubeWindowWidth = videoWindowWidth.toString().split(".")
−
                //    creatVideo()
+
                    onYouTubeIframeAPIReady();
−
                 // }
+
                 }
 
         </script>
 
         </script>
 
     </section>
 
     </section>
 
  </html>
 
  </html>
 
{{ HBUT-China/templates/footer }}
 
{{ HBUT-China/templates/footer }}

Latest revision as of 03:00, 13 November 2018

HBUT iGEM 2018

Wuhan China





About US

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.