Difference between revisions of "Team:Worldshaper-XSHS"

 
(36 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
+
    <link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css' />
−
 
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/bootstrap.min.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
−
        <!-- Ionicons Fonts Css -->
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/ionicons.min.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
−
        <!-- animate css -->
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/animate.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
−
        <!-- Hero area slider css-->
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/slider.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
−
        <!-- owl craousel css -->
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/owl.carousel.css">
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/owl.theme.css">
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/jquery.fancybox.css">
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
−
        <!-- template main css file -->
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/main.css">
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
−
        <!-- responsive css -->
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/responsive.css">
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
−
       
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
−
        <!-- Template Javascript Files
+
    <header id="top-bar" class="navbar-fixed-top animated-header">
−
        ================================================== -->
+
        <div class="container">
−
        <!-- modernizr js -->
+
            <div class="navbar-header">
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
        <!-- jquery -->
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/jquery.min.js"></script>
+
−
        <!-- owl carouserl js -->
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/owl.carousel.min.js"></script>
+
−
        <!-- bootstrap js -->
+
−
 
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/bootstrap.min.js"></script>
+
−
        <!-- wow js -->
+
−
        <script src="js/wow.min.js"></script>
+
−
        <!-- slider js -->
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/slider.js"></script>
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/jquery.fancybox.js"></script>
+
−
        <!-- template main js -->
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/main.js"></script>
+
−
 
+
−
 
+
−
 
+
−
        <header id="top-bar" class="navbar-fixed-top animated-header">
+
−
            <div class="container">
+
−
                <div class="navbar-header">
+
−
                    <!-- responsive nav button -->
+
−
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
 
                     <span class="sr-only">Toggle navigation</span>
 
                     <span class="sr-only">Toggle navigation</span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
−
                    </button>
+
                </button>
−
                    <!-- /responsive nav button -->
+
                <div class="navbar-brand">
−
                   
+
                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >
−
                    <!-- logo -->
+
                         worldshaper- <b>XSHS</b>
−
                    <div class="navbar-brand">
+
                     </a>
−
                        <a href="index.html" >
+
−
                            <img src="images/logo.png" alt="">
+
−
                         </a>
+
−
                    </div>
+
−
                     <!-- /logo -->
+
 
                 </div>
 
                 </div>
−
                <!-- main menu -->
 
−
                <nav class="collapse navbar-collapse navbar-right" role="navigation">
 
−
                    <div class="main-menu">
 
−
                        <ul class="nav navbar-nav navbar-right">
 
−
                            <li>
 
−
                                <a href="index.html" >Home</a>
 
−
                            </li>
 
−
                            <li><a href="about.html">About</a></li>
 
−
                            <li><a href="service.html">Service</a></li>
 
−
                            <li class="dropdown">
 
−
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <span class="caret"></span></a>
 
−
                                <div class="dropdown-menu">
 
−
                                    <ul>
 
−
                                        <li><a href="404.html">404 Page</a></li>
 
−
                                        <li><a href="gallery.html">Gallery</a></li>
 
−
                                    </ul>
 
−
                                </div>
 
−
                            </li>
 
−
                            <li class="dropdown">
 
−
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <span class="caret"></span></a>
 
−
                                <div class="dropdown-menu">
 
−
                                    <ul>
 
−
                                        <li><a href="blog-fullwidth.html">Blog Full</a></li>
 
−
                                        <li><a href="blog-left-sidebar.html">Blog Left sidebar</a></li>
 
−
                                        <li><a href="blog-right-sidebar.html">Blog Right sidebar</a></li>
 
−
                                    </ul>
 
−
                                </div>
 
−
                            </li>
 
−
                            <li><a href="contact.html">Contact</a></li>
 
−
                        </ul>
 
−
                    </div>
 
−
                </nav>
 
−
                <!-- /main nav -->
 
 
             </div>
 
             </div>
−
        </header>
+
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
 +
                <div class="main-menu">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS">Home</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Team
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html">Members</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Project
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
 +
                                    </li>
  
−
        <section id="hero-area" >
+
                                 </ul>
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-md-12 text-center">
+
−
                        <div class="block wow fadeInUp" data-wow-delay=".3s">   
+
−
                            <div class="cd-intro">
+
−
                                <h1 class="wow fadeInUp animated cd-headline slide" data-wow-delay=".4s" >
+
−
                                    <span>HI, MY NAME IS JONATHON & I AM A</span>
+
−
                                    <br>       
+
−
                                    <span class="cd-words-wrapper"> <b class="is-visible">DESIGNER</b> <b>DEVELOPER</b>
+
−
                                        <b>FATHER</b>
+
−
                                    </span>
+
−
                                 </h1>
+
 
                             </div>
 
                             </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                HUMAN PRACTICES
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Achievement
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 +
        </div>
 +
    </header>
 +
 +
    <section class="visual wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="200ms" >
 +
        <img src="https://static.igem.org/mediawiki/2017/d/d2/T-worldshaper-XSHS-00001.jpeg" alt="" class="bg-stretch" />   
 +
    </section>
  
−
                            <h2 class="wow fadeInUp animated" data-wow-delay=".6s" >
+
    <section id="about">
−
                                With 10 years experience, I've occupied many roles including digital design director,
+
        <div class="container">
−
                                <br>      
+
            <div class="row">
−
                                web designer and developer. This site showcases some of my work.
+
                <div class="col-md-6 col-sm-6">
−
                            </h2>
+
                    <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
−
                            <a class="btn-lines dark light wow fadeInUp animated smooth-scroll btn btn-default btn-green" data-wow-delay=".9s" href="#works" data-section="#works" >View Works</a>
+
                        <h2>Abstract</h2>
−
                         </div>
+
                        <p>
 +
                          Hometown Hangzhou is widely known by water- related UNESCO World Heritages – West Lake and Grand Canal, however, severe water pollution problem caused by many reasons also exist. Hence, we hope to provide an easy-operating and low-cost tool for public to monitor water quality around.
 +
                        </p>
 +
                        <p>
 +
                            We designed a portable water quality bio-detector prototype based on E.coli strains which were constructed to detect dissolved oxygen, phosphorus or nitrogen in water respectively. The oxygen sensitive vgb promoter and a GFP reporter constitute Oxygen detector 1.0. To enhance the expression of GFP, version 2.0 contains a vgb promoter, a T7 RNA polymerase gene, a T7 promoter and a GFP gene. For nitrogen, the PyeaR promoter was used to response to different concentrations of nitrate, nitrite and nitric, with a BFP reporter gene. For phosphate, a plasmid consisting of an ‘external phosphate sensing promoter’ to sense the phosphate concentration and a RFP gene to report.  
 +
                        </p>
 +
                    </div>
 +
 
 +
                </div>
 +
                <div class="col-md-6 col-sm-6">
 +
                    <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
 +
                         <img src="https://static.igem.org/mediawiki/2017/f/f1/T-worldshaper-XSHS-k010.png" alt="" />
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
 +
    </section>
  
−
 
+
    <footer>
−
 
+
        <div class="container">
−
 
+
            <div class="foot-box">
−
 
+
                <ul class="clearfix">
−
 
+
                    <li class="foot-box-c1">
−
+
                        <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" />
 +
                    </li>
 +
                    <li class="foot-box-c2">
 +
                        <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" />
 +
                    </li>
 +
                    <li class="foot-box-c3">
 +
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
 +
                        <p>
 +
                            Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
 +
                        </p>
 +
                    </li>
 +
                    <li class="foot-box-c4">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" />
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </footer>
  
 
</html>
 
</html>

Latest revision as of 11:38, 1 November 2017

Abstract

Hometown Hangzhou is widely known by water- related UNESCO World Heritages – West Lake and Grand Canal, however, severe water pollution problem caused by many reasons also exist. Hence, we hope to provide an easy-operating and low-cost tool for public to monitor water quality around.

We designed a portable water quality bio-detector prototype based on E.coli strains which were constructed to detect dissolved oxygen, phosphorus or nitrogen in water respectively. The oxygen sensitive vgb promoter and a GFP reporter constitute Oxygen detector 1.0. To enhance the expression of GFP, version 2.0 contains a vgb promoter, a T7 RNA polymerase gene, a T7 promoter and a GFP gene. For nitrogen, the PyeaR promoter was used to response to different concentrations of nitrate, nitrite and nitric, with a BFP reporter gene. For phosphate, a plasmid consisting of an ‘external phosphate sensing promoter’ to sense the phosphate concentration and a RFP gene to report.

  • Worldshaper-XSHS, Xiaoshan High School

    Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China