Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | + | html body{ | |
− | + | font-family:purista !important; | |
− | + | } | |
.dropdown .dropdown-menu > ul { | .dropdown .dropdown-menu > ul { | ||
background-color: rgba(132,176,110,0.6)!important | background-color: rgba(132,176,110,0.6)!important | ||
} | } | ||
− | + | .positiontitle{ | |
position: relative; | position: relative; | ||
− | top: | + | top:200px; |
font-size: 68px; | font-size: 68px; | ||
color:#fff; | color:#fff; | ||
z-index: 100; | z-index: 100; | ||
letter-spacing: 0.0588235em; | letter-spacing: 0.0588235em; | ||
− | + | } | |
− | + | .colul .colactive a{ | |
font-size:22px; | font-size:22px; | ||
color: #00746b !important; | color: #00746b !important; | ||
} | } | ||
− | + | .v1{ | |
− | font-family: | + | font-family: purista !important; |
font-weight: 600 !important; | font-weight: 600 !important; | ||
font-style: normal !important; | font-style: normal !important; | ||
Line 33: | Line 33: | ||
} | } | ||
.colul a:hover{ | .colul a:hover{ | ||
− | + | font-size:22px; | |
+ | transition: all linear .3s; | ||
color: #00746b !important; | color: #00746b !important; | ||
} | } | ||
.colul li a{ | .colul li a{ | ||
− | font-family: | + | font-family: purista !important; |
font-weight: 400; | font-weight: 400; | ||
font-style: normal; | font-style: normal; | ||
Line 47: | Line 48: | ||
color: rgba(26,26,26,.7); | color: rgba(26,26,26,.7); | ||
margin-bottom: .5em; | margin-bottom: .5em; | ||
− | |||
} | } | ||
− | .ulfixed { | + | .ulfixed{ |
position: fixed !important; | position: fixed !important; | ||
− | + | left:167px; | |
− | top: | + | top:100px; |
} | } | ||
.myheader{ | .myheader{ | ||
box-shadow:none !important; | box-shadow:none !important; | ||
− | background:rgba(132,176,110,0. | + | background:rgba(132,176,110,0.6) !important; |
border:none !important; | border:none !important; | ||
} | } | ||
.itemstyle{ | .itemstyle{ | ||
font-family: arial !important; | font-family: arial !important; | ||
− | font-weight: | + | font-weight: 600 !important; |
font-style: normal !important; | font-style: normal !important; | ||
− | |||
letter-spacing: 0px !important; | letter-spacing: 0px !important; | ||
line-height: 1.6em !important; | line-height: 1.6em !important; | ||
color: rgba(26,26,26,.7) !important; | color: rgba(26,26,26,.7) !important; | ||
} | } | ||
+ | p{ | ||
+ | text-align:left!important; | ||
+ | } | ||
+ | |||
.footer{ | .footer{ | ||
− | background: | + | background:rgba(12, 61, 12, 0.8509803921568627) !important; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | @font-face | ||
+ | { | ||
+ | font-family: purista; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'), | ||
+ | url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'); | ||
+ | } | ||
+ | { | ||
+ | font-family: michroma; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/4/41/T--worldshaper-XSHS--michroma.ttf'), | ||
+ | url('https://static.igem.org/mediawiki/2018/4/41/T--worldshaper-XSHS--michroma.ttf'); | ||
+ | } | ||
</style> | </style> | ||
<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/wiki_edit.css"> | ||
Line 117: | Line 104: | ||
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script> | <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script> | ||
<script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script> | <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<header id="top-bar" class="navbar-fixed-top animated-header navbar navbar-default myheader" > | <header id="top-bar" class="navbar-fixed-top animated-header navbar navbar-default myheader" > | ||
<div class="container"> | <div class="container"> | ||
Line 158: | Line 112: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
− | + | </button> | |
<div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px"> | <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px"> | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS"> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS"> | ||
Line 164: | Line 118: | ||
</a> | </a> | ||
</div> | </div> | ||
− | + | </div> | |
<nav class="collapse navbar-collapse navbar-right" role="navigation"> | <nav class="collapse navbar-collapse navbar-right" role="navigation"> | ||
<div class="main-menu"> | <div class="main-menu"> | ||
Line 275: | Line 229: | ||
</header> | </header> | ||
− | <section class="visual wow fadeInLeft | + | <section class="visual wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;"> |
− | + | <img src="https://static.igem.org/mediawiki/2018/1/13/T--worldshaper-XSHS--Home001.png" alt="" class="bg-stretch" style="width:100%"> | |
− | <img src="https://static.igem.org/mediawiki/2018/ | + | |
− | + | ||
</section> | </section> | ||
− | <section | + | <section id="about" style="background:rgba(242, 241, 241, 0.75)"> |
<div class="container"> | <div class="container"> | ||
− | <div class="row"> | + | <div class="row text-center"> |
− | <div | + | <div> |
− | < | + | <div class="block wow fadeInLeft animated" data-wow-delay=".3s" data-wow-duration="500ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 0.3s; animation-name: fadeInLeft;"> |
− | + | <h2 class="v1">Abstract</h2> | |
− | + | <div style=" | |
− | < | + | width: 28%; |
− | < | + | margin: 0 auto; |
− | + | margin-top: -34px; | |
− | + | "> | |
− | + | <hr style=" | |
− | + | height: 3px; | |
− | + | background-color: #0c3d0c99!important | |
+ | "> | ||
+ | </div> | ||
<p class="itemstyle"> | <p class="itemstyle"> | ||
− | + | 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 class="itemstyle"> | <p class="itemstyle"> | ||
− | We | + | 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> | ||
− | <div | + | <div> |
− | < | + | <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms" style="visibility: hidden; animation-duration: 500ms; animation-delay: 0.3s; animation-name: none;"> |
− | + | <img src="https://static.igem.org/mediawiki/2017/f/f1/T-worldshaper-XSHS-k010.png" alt=""> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | <img | + | |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
− | <div class=" | + | </div> |
− | < | + | <div class="row"> |
− | + | <div class="col-md-6 col-sm-6"> | |
− | + | <div class="block wow fadeInLeft animated" data-wow-delay=".3s" data-wow-duration="500ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 0.3s; animation-name: fadeInLeft;"> | |
− | + | <h2 class="v1">Abstract</h2> | |
+ | |||
+ | <div style=" | ||
+ | width: 100%; | ||
+ | margin-left: 0; | ||
+ | margin-top: -34px; | ||
+ | margin-bottom: -20px; | ||
+ | "> | ||
+ | <hr style=" | ||
+ | height: 3px; | ||
+ | background-color: #0c3d0c99 | ||
+ | width: 97%; | ||
+ | "> | ||
+ | <p style=" | ||
+ | margin-top: -18px; | ||
+ | font-size: 13px; | ||
+ | line-height: 20px; | ||
+ | font-family: ration cans; | ||
+ | " align="left">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. </p> | ||
+ | </div> | ||
+ | |||
+ | <p class="itemstyle"> | ||
+ | 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 class="itemstyle"> | ||
+ | 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> | ||
− | <div class=" | + | <div class="col-md-6 col-sm-6"> |
− | < | + | <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms" style="visibility: hidden; animation-duration: 500ms; animation-delay: 0.3s; animation-name: none;"> |
− | + | <img src="https://static.igem.org/mediawiki/2017/f/f1/T-worldshaper-XSHS-k010.png" alt=""> | |
− | </ | + | </div> |
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | |||
</section> | </section> | ||
− | <footer class="footer"> | + | <footer class="footer"> |
<div class="container"> | <div class="container"> | ||
<div class="foot-box"> | <div class="foot-box"> |
Revision as of 12:20, 11 October 2018
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.
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.
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.
Abstract
Abstract