Difference between revisions of "Team:Worldshaper-XSHS"

 
(26 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://ihyit1011.w1w7.tumm.top/XSHS/css/wiki_edit.css' />
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
−
 
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.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/animate.css">
−
        <!-- Ionicons Fonts Css -->
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/slider.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/owl.carousel.css">
−
        <!-- animate css -->
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.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/jquery.fancybox.css">
−
        <!-- Hero area slider css-->
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/main.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/responsive.css">
−
        <!-- owl craousel 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.carousel.css">
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.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/owl.carousel.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/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>
−
        <link rel="stylesheet" href="http://ihyit1011.w1w7.tumm.top/XSHS/css/responsive.css">
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
−
 
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/jquery.min.js"></script>
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/owl.carousel.min.js"></script>
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/bootstrap.min.js"></script>
+
−
        <script src="js/wow.min.js"></script>
+
−
        <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>
+
−
        <script src="http://ihyit1011.w1w7.tumm.top/XSHS/js/main.js"></script>
+
−
 
+
−
 
+
 
     <header id="top-bar" class="navbar-fixed-top animated-header">
 
     <header id="top-bar" class="navbar-fixed-top animated-header">
 
         <div class="container">
 
         <div class="container">
Line 37: Line 28:
 
                 </button>
 
                 </button>
 
                 <div class="navbar-brand">
 
                 <div class="navbar-brand">
−
                     <a href="index.html" >
+
                     <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >
 
                         worldshaper- <b>XSHS</b>
 
                         worldshaper- <b>XSHS</b>
 
                     </a>
 
                     </a>
Line 46: Line 37:
 
                     <ul class="nav navbar-nav navbar-right">
 
                     <ul class="nav navbar-nav navbar-right">
 
                         <li>
 
                         <li>
−
                             <a href="index.html" >Home</a>
+
                             <a href="https://2017.igem.org/Team:Worldshaper-XSHS">Home</a>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
−
                             <a href="members.html" class="dropdown-toggle" data-toggle="dropdown">
+
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                                 Team
 
                                 Team
 
                                 <span class="caret"></span>
 
                                 <span class="caret"></span>
Line 56: Line 47:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
−
                                         <a href="members.html">Members</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="collaboration.html">Collaboration</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html">Members</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="attributions.html">Attributions</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
Line 68: Line 59:
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
−
                             <a href="description.html" class="dropdown-toggle" data-toggle="dropdown">
+
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                                 Project
 
                                 Project
 
                                 <span class="caret"></span>
 
                                 <span class="caret"></span>
Line 75: Line 66:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
−
                                         <a href="description.html">Description</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="design.html">Design</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="abstrac.html">Abstract</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="experiment.html">Experiments</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="result.html">Result</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="notebook.html">Notebook</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="demonstrate.html">Demostrate</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 
                                     </li>
 
                                     </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>
 +
 
                                 </ul>
 
                                 </ul>
 
                             </div>
 
                             </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
−
                             <a href="parts.html" class="dropdown-toggle" data-toggle="dropdown">
+
                             <a class="dropdown-toggle" data-toggle="dropdown">
−
                                 Parts
+
                                 HUMAN PRACTICES
 
                                 <span class="caret"></span>
 
                                 <span class="caret"></span>
 
                             </a>
 
                             </a>
Line 106: Line 107:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
−
                                         <a href="parts.html">Parts</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="composition.html">Composition</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="collection.html">Collection</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
Line 118: Line 119:
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
−
                             <a href="safety.html">Safety</a>
+
                             <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
 
                         </li>
 
                         </li>
−
                         <li>
+
                         <li class="dropdown">
−
                             <a href="hp.html">HP</a>
+
                             <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>
 
                         <li>
 
                         <li>
−
                             <a href="awards.html">Awards</a>
+
                             <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
Line 132: Line 143:
 
     </header>
 
     </header>
  
−
 
+
     <section class="visual wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="200ms" >
−
     <section class="visual">
+
         <img src="https://static.igem.org/mediawiki/2017/d/d2/T-worldshaper-XSHS-00001.jpeg" alt="" class="bg-stretch" />  
−
         <img src="https://static.igem.org/mediawiki/2017/d/d2/T-worldshaper-XSHS-00001.jpeg" alt="" class="bg-stretch">
+
 
     </section>
 
     </section>
  
Line 142: Line 152:
 
                 <div class="col-md-6 col-sm-6">
 
                 <div class="col-md-6 col-sm-6">
 
                     <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
 
                     <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
−
                         <h2>ABOUT ME</h2>
+
                         <h2>Abstract</h2>
 
                         <p>
 
                         <p>
−
                            Hello, I’m a UI/UX Designer & Front End Developer from Victoria, Australia. I hold a master degree of Web Design from the World University.And scrambled it to make a type specimen book. It has survived not only five centuries
+
                          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>
 
                         <p>
 
                         <p>
−
                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, adipisci voluptatum repudiandae, natus impedit repellat aut officia illum at assumenda iusto reiciendis placeat. Temporibus, vero.
+
                             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>
 
                         </p>
 
                     </div>
 
                     </div>
Line 154: Line 164:
 
                 <div class="col-md-6 col-sm-6">
 
                 <div class="col-md-6 col-sm-6">
 
                     <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
 
                     <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
−
                         <img src="https://static.igem.org/mediawiki/2017/1/1b/T-worldshaper-XSHS-00002.jpeg" alt="" /></div>
+
                         <img src="https://static.igem.org/mediawiki/2017/f/f1/T-worldshaper-XSHS-k010.png" alt="" />
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </section>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
    <section id="feature">
+
−
        <div class="container">
+
−
            <div class="section-heading">
+
−
                <h1 class="title wow fadeInDown" data-wow-delay=".3s">Offer From Me</h1>
+
−
                <p class="wow fadeInDown" data-wow-delay=".5s">
+
−
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed,
+
−
                    <br>
+
−
                    quasi dolores numquam dolor vero ex, tempora commodi repellendus quod laborum.
+
−
                </p>
+
−
            </div>
+
−
            <div class="row">
+
−
                <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                    <div class="media wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
−
                        <div class="media-left">
+
−
                            <div class="icon"> <i class="ion-ios-flask-outline"></i>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="media-body">
+
−
                            <h4 class="media-heading">Media heading</h4>
+
−
                            <p>
+
−
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
−
                            </p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="600ms">
+
−
                        <div class="media-left">
+
−
                            <div class="icon"> <i class="ion-ios-lightbulb-outline"></i>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="media-body">
+
−
                            <h4 class="media-heading">Well documented.</h4>
+
−
                            <p>
+
−
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
−
                            </p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="900ms">
+
−
                        <div class="media-left">
+
−
                            <div class="icon">
+
−
                                <i class="ion-ios-lightbulb-outline"></i>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="media-body">
+
−
                            <h4 class="media-heading">Well documented.</h4>
+
−
                            <p>
+
−
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
−
                            </p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1200ms">
+
−
                        <div class="media-left">
+
−
                            <div class="icon">
+
−
                                <i class="ion-ios-americanfootball-outline"></i>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="media-body">
+
−
                            <h4 class="media-heading">Free updates</h4>
+
−
                            <p>
+
−
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
−
                            </p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1500ms">
+
−
                        <div class="media-left">
+
−
                            <div class="icon">
+
−
                                <i class="ion-ios-keypad-outline"></i>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="media-body">
+
−
                            <h4 class="media-heading">Solid Support</h4>
+
−
                            <p>
+
−
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
−
                            </p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1800ms">
+
−
                        <div class="media-left">
+
−
                            <div class="icon">
+
−
                                <i class="ion-ios-barcode-outline"></i>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="media-body">
+
−
                            <h4 class="media-heading">Simple Installation</h4>
+
−
                            <p>
+
−
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
−
                            </p>
+
−
                        </div>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 275: Line 171:
 
     </section>
 
     </section>
  
−
     <section id="call-to-action">
+
     <footer>
 
         <div class="container">
 
         <div class="container">
−
             <div class="row">
+
             <div class="foot-box">
−
                 <div class="col-md-12">
+
                 <ul class="clearfix">
−
                     <div class="block">
+
                     <li class="foot-box-c1">
−
                         <h2 class="title wow fadeInDown" data-wow-delay=".3s" data-wow-duration="500ms">SO WHAT YOU THINK ?</h2>
+
                         <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" />
−
                        <p class="wow fadeInDown" data-wow-delay=".5s" data-wow-duration="500ms">
+
                    </li>
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis,
+
                    <li class="foot-box-c2">
−
                            <br>
+
                        <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" />
−
                             possimus commodi, fugiat magnam temporibus vero magni recusandae? Dolore, maxime praesentium.
+
                    </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>
 
                         </p>
−
                        <a href="contact.html" class="btn btn-default btn-contact wow fadeInDown" data-wow-delay=".7s" data-wow-duration="500ms">Contact With Me</a>
+
                    </li>
−
                    </div>
+
                    <li class="foot-box-c4">
−
                </div>
+
                        <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" />
−
            </div>
+
                     </li>
−
        </div>
+
                 </ul>
−
    </section>
+
−
 
+
−
    <footer id="footer">
+
−
        <div class="container">
+
−
            <div class="col-md-8">
+
−
                <p class="copyright">
+
−
                     Copyright &copy; 2017 Team: worldshaper-XSHS All Rights Reserved.
+
−
                 </p>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </footer>
 
     </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