Difference between revisions of "Team:HBUT-China"

 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{ HBUT-China/templates/head }}
 
<html>
 
<html>
−
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:HBUT-China/bulmacss?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/fontawesome?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>
+
<script type="text/javascript" src="https://2018.igem.org/Template:HBUT-China/js/jquery?action=raw&ctype=text/javascript"></script>
−
        $("#mw-content-text").attr('id','newmw-content-text');
+
<script type="text/javascript" src="https://2018.igem.org/Template:HBUT-China/js/jquery-migrate?action=raw&ctype=text/javascript"></script>
−
        $("#bodyContent").attr('id','newbodyContent');
+
<script type="text/javascript" src="https://2018.igem.org/Template:HBUT-China/js/slick?action=raw&ctype=text/javascript"></script>
−
        $("#HQ_page").attr('id','newpage');
+
−
        $(".mw-body").attr('class','newmw-body');
+
−
        $("#content").attr('id','newcont');
+
−
        $("#top_title").remove();
+
−
    </script>
+
−
    <nav id="navbar " class="navbar has-shadow is-spaced is-fixed-top">
+
−
        <div class="container">
+
−
            <div class="navbar-brand">
+
−
                <h1 class="navbar-item" href="#">
+
−
 
+
−
                    <img src="/wiki/images/5/5b/T--HBUT-China--HBUTLOGO.png" width="28" height="28">
+
−
                    <a> </a>
+
−
                    <span> HBUT iGEM</span>
+
−
                </h1>
+
−
 
+
−
                <a class="navbar-item is-hidden-desktop" href="https://twitter.com/HBUTiGEM" target="_blank">
+
−
 
+
−
                    <span class="icon" style="color: #55acee;">
+
−
 
+
−
                        <i class="fa fa-lg fa-twitter"></i>
+
−
                    </span>
+
−
                </a>
+
−
 
+
−
                <div id="navbarBurger" class="navbar-burger burger" data-target="navMenuDocumentation">
+
−
                    <span></span>
+
−
                    <span></span>
+
−
                    <span></span>
+
−
                </div>
+
−
            </div>
+
−
 
+
−
            <div id="navMenuDocumentation" class="navbar-menu">
+
−
                <div class="navbar-start">
+
−
 
+
−
 
+
−
 
+
−
 
+
−
                </div>
+
−
 
+
−
                <div class="navbar-end">
+
−
                    <a class="navbar-item is-hidden-mobile" href="https://twitter.com/HBUTiGEM" target="_blank">
+
−
                        <span class="icon" style="color: #55acee;">
+
−
                            <i class="fa fa-lg fa-twitter"></i>
+
−
                        </span>
+
−
                    </a>
+
−
 
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </nav>
+
−
 
+
 
     <section class="section"></section>
 
     <section class="section"></section>
  
−
    <section class="section">
+
        <section class="section">
−
 
+
  
 +
       
 
         <div class="container">
 
         <div class="container">
 
             <center>
 
             <center>
 
                 <h1 style="font-size:350%;">
 
                 <h1 style="font-size:350%;">
−
                    HBUT iGEM 2018
+
                        HBUT iGEM 2018
 
                 </h1>
 
                 </h1>
 
                 <p class="subtitle">
 
                 <p class="subtitle">
−
                    Wuhan China
+
                        Wuhan China
−
                    <!-- <strong>Bulma</strong>! -->
+
                        <!-- <strong>Bulma</strong>! -->
−
                </p>
+
                    </p>
 
             </center>
 
             </center>
−
            <br/>
 
−
            <br/>
 
−
            <br/>
 
 
             <p class="subtitle">
 
             <p class="subtitle">
−
                PROJECT DESCRIPTION
+
 
 
             </p>
 
             </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" />
  
−
            <article class="message">
+
                          </div>
−
                <div class="message-body">
+
                          <div class='carousel-item has-background'>
−
                    <!-- <div class="notification"> -->
+
                            <img class="is-background" src="https://static.igem.org/mediawiki/2018/5/5f/T--HBUT-China--index_sroll2.jpg" alt="" width="640" height="310" />
−
                    <p> The pollution of nickle ion is a very serious environmental problem in China. This kind of pollution
+
−
                        is different from that of other organic compounds. Nickel ions are a common pollutant, and do not
+
−
                        easily degrade in the environment. To solve this problem, this year we integrated protein genes (which
+
−
                        are capable of absorbing nickel ions) into the chromosomes of Saccharomyces cerevisiae, so that the
+
−
                        nickel ions in the environment can be accumulated in the vacuoles of these yeast cells, thus reducing
+
−
                        nickel ion concentrations in the environment. Secondly, we integrated the system of the E. coli itself
+
−
                        with the original nickel ion detection bioaccumulation block, and created a brand new system. By
+
−
                        increasing the signal to noise ratio of the system via the nickel ion channel protein, the accuracy
+
−
                        of the detection is improved. The new fluorescein protein we used this time can light itself without
+
−
                        the need of an external light source. We also plan to link the E. coli detection system to an APP
+
−
                        using the transmission of electrical signals, so as to achieve real-time detection.
+
−
                    </p>
+
−
                    <p> Is this merely accumulation, or does the yeast actually alter the ions in any way?</p>
+
−
                    <!-- </div> -->
+
−
                </div>
+
−
            </article>
+
  
 +
                          </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>
−
    </section>
+
                          <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" />
  
−
    <footer class="footer">
+
                          </div>
−
        <div class="container">
+
                        </div>
−
            <!-- <div class="content has-text-centered">
+
                        <div class="carousel-navigation is-overlay">
−
            <p>
+
                          <div class="carousel-nav-left">
−
              <strong>Bulma</strong> by <a href="https://jgthms.com">Jeremy Thomas</a>. The source code is licensed
+
                            <i class="fa fa-chevron-left" aria-hidden="true"></i>
−
              <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
+
                          </div>
−
              is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
+
                          <div class="carousel-nav-right">
−
            </p>
+
                            <i class="fa fa-chevron-right" aria-hidden="true"></i>
−
          </div> -->
+
                          </div>
−
            <div class="columns">
+
                         </div>
−
                <div class="column is-one-quarter">
+
                      </div> -->
−
                    <center>
+
−
                        <a href="http://www.hbut.edu.cn">
+
−
                            <img src="/wiki/images/5/5b/T--HBUT-China--HBUTLOGO.png" width="75%" />
+
−
                         </a>
+
−
                    </center>
+
 
                 </div>
 
                 </div>
−
                 <div class="column is-one-quarter">
+
                <br/>
−
                     <div class="content has-text-centered">
+
                 <div class="container" style="text-align: center;width: 85%;">
−
                         <strong>
+
                     <div class="columns">
−
                             Sponsors
+
                         <div class="column">
−
                         </strong>
+
                             <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></p>
+
                            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
−
                         <p>Your sponsorship and support will make the team better</p>
+
                         </div>
 +
                         <div class="column">
 +
                            <img src="https://static.igem.org/mediawiki/2018/c/c8/T--HBUT-China--index_photo1.png">
 +
                         </div>
 
                     </div>
 
                     </div>
 +
               
 
                 </div>
 
                 </div>
−
                 <div class="column is-one-quarter">
+
                 <br/>
−
                     <div class="content has-text-centered">
+
                <center>
−
                        <strong>
+
                     <div id="ytvideo" class="container" style="text-align: center;width: 85%;">
−
                            Links
+
−
                        </strong>
+
−
 
+
 
                     </div>
 
                     </div>
−
                 </div>
+
                 </center>
−
                 <div class="column is-one-quarter">
+
                 <br/>
−
                    <div class="content has-text-centered">
+
                <br/>
−
                        <strong>
+
                <div class="container" style="text-align: center;width: 85%;">
−
                            Contact us
+
                    <center>
−
                        </strong>
+
                    <h2 style="margin-left: auto;margin-right: auto;">
−
                        <p></p>
+
                         About US
−
                        <p>
+
                    </h2>  
−
                            <i class="fa fa-twitter" style="color: #55acee;"></i>
+
                    </center>
−
                            <a href="https://twitter.com/HBUTiGEM">@HBUTiGEM</a>
+
                    <div class="content" style="width:100%;margin-left: auto;margin-right: auto;">
−
                         </p>
+
                         <p style="text-justify: inter-ideograph;text-align: justify; font-size: 110%">
−
                        <p>
+
                                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.
−
                            <i class="fa fa-envelope" style="color: #000000;"></i>
+
                        </p>  
−
                            <a href="mailto:">@HBUTiGEM</a>
+
−
                         </p>
+
−
                        <p>
+
−
 
+
−
                        </p>
+
−
                        <p>
+
−
                            <i class="fa fa-map-marker" style="color: #000000;"></i> Hubei University of Technology
+
−
                        </p>
+
−
                        <p>Wuhan, Hubei, P.R.China</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
               
 
             </div>
 
             </div>
 +
 +
 
         </div>
 
         </div>
−
    </footer>
 
  
−
    <script type="text/javascript" src="https://2018.igem.org/Template:HBUT-China/script/indexPage?action=raw&ctype=text/javascript"></script>
+
        <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>
 
  </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.