Difference between revisions of "Team:HBUT-China"

(Replaced content with "<html> </html>")
 
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{ HBUT-China/templates/head }}
 
<html>
 
<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-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-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>
 +
    <section class="section"></section>
 +
 
 +
        <section class="section">
 +
 
 +
       
 +
        <div class="container">
 +
            <center>
 +
                <h1 style="font-size:350%;">
 +
                        HBUT iGEM 2018
 +
                </h1>
 +
                <p class="subtitle">
 +
                        Wuhan China
 +
                        <!-- <strong>Bulma</strong>! -->
 +
                    </p>
 +
            </center>
 +
            <p class="subtitle">
 +
 
 +
            </p>
 +
           
 +
            <div class="content">
 +
                <div class="container" style="text-align: center;width: 85%;">
 +
                       
 +
                    <div class="slde">
 +
                            <div>
 +
                                <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%"/>
 +
                                </center>
 +
                            </div>
 +
                            <div>
 +
                                <center>
 +
                                <img src="https://static.igem.org/mediawiki/2018/5/5f/T--HBUT-China--index_sroll2.jpg" width="80%"/>
 +
                                </center>
 +
                            </div>
 +
                            <div>
 +
                                <center>
 +
                                        <img class="is-background" src="https://static.igem.org/mediawiki/2018/5/53/T--HBUT-China--index_sroll3.jpg" width="80%" />
 +
                                </center> 
 +
                            </div>
 +
                            <div>
 +
                                <center>
 +
                                        <img class="is-background" src="https://static.igem.org/mediawiki/2018/7/75/T--HBUT-China--index_sroll4.jpg" width="80%" />
 +
                                </center>
 +
                            </div>
 +
                    </div>
 +
                    <script>
 +
                        $('.slde').slick({
 +
                            autoplay:true,
 +
                            dots: true,
 +
                            speed: 500,
 +
                            fade: true,
 +
                            cssEase: 'linear'
 +
                        });
 +
                    </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>
 +
                <br/>
 +
                <div class="container" style="text-align: center;width: 85%;">
 +
                    <div class="columns">
 +
                        <div class="column">
 +
                            <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>
 +
                            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 +
                        </div>
 +
                        <div class="column">
 +
                            <img src="https://static.igem.org/mediawiki/2018/c/c8/T--HBUT-China--index_photo1.png">
 +
                        </div>
 +
                    </div>
 +
               
 +
                </div>
 +
                <br/>
 +
                <center>
 +
                    <div id="ytvideo" class="container" style="text-align: center;width: 85%;">
 +
                    </div>
 +
                </center>
 +
                <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>
 +
 
 +
        <script>
 +
 
 +
                var videoWindowWidth = $("#ytvideo").width()
 +
                var youtubeWindowWidth = videoWindowWidth.toString().split(".")
 +
               
 +
 
 +
                var tag = document.createElement('script');
 +
 
 +
                tag.src = "https://www.youtube.com/iframe_api";
 +
                var firstScriptTag = document.getElementsByTagName('script')[0];
 +
                firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 +
 
 +
               
 +
                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();
 +
                }
 +
 
 +
                window.onresize=function(){
 +
                    player.destroy();
 +
                    videoWindowWidth = $("#ytvideo").width()
 +
                    youtubeWindowWidth = videoWindowWidth.toString().split(".")
 +
                    onYouTubeIframeAPIReady();
 +
                }
 +
        </script>
 +
    </section>
 +
</html>
 +
{{ 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.