Difference between revisions of "Team:Worldshaper-XSHS/HP/Silver"

(Created page with "<html> <style type="text/css"> .dropdown .dropdown-menu > ul { background-color: #212121!important } figure .img-wrapper img { width: 100%;...")
 
 
(31 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
 +
    html body{
 +
        font-family:purista  !important;
 +
    }
 +
    section>p{
 +
        font-family: arial!important;
 +
        font-weight:600!important;
 +
        width: 1100px!important;
 +
    }
 
     .dropdown .dropdown-menu > ul {
 
     .dropdown .dropdown-menu > ul {
         background-color: #212121!important
+
         background-color: rgba(132,176,110,0.6)!important
 
     }  
 
     }  
    figure .img-wrapper img {
+
    .myheader{
            width: 100%;
+
        box-shadow:none !important;
            height:300px
+
         background:rgba(132,176,110,0.6) !important;
         }
+
         border:none !important;
           
+
    }
        figure figcaption{
+
     .positiontitle{
            padding: 20px 25px;
+
            margin-top: 0;
+
            color: #333;
+
            height: 330px
+
         }
+
        .dropdown-menu > ul{
+
        background-color: #09b0ff!important
+
        }
+
 
+
     .positiontitle {
+
 
         position: relative;
 
         position: relative;
         top: 200px;
+
         top:500px;
 
         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{
     .colul .colactive a {
+
         font-size:22px;
         font-size: 22px;
+
 
         color: #00746b !important;
 
         color: #00746b !important;
 
     }
 
     }
 
+
     .v1{
     .v1 {
+
         font-family: purista !important;
         font-family: proxima-nova !important;
+
 
         font-weight: 600 !important;
 
         font-weight: 600 !important;
 
         font-style: normal !important;
 
         font-style: normal !important;
Line 43: Line 39:
 
         color: #4a4a4a !important;
 
         color: #4a4a4a !important;
 
     }
 
     }
 
+
     #top_menu_14{
     #top_menu_14 {
+
         height:auto !important;
         height: auto !important;
+
 
     }
 
     }
 +
    .colul a:hover{
  
    .colul a:hover {
+
         color: #00746b !important;  
        font-size: 22px;
+
        transition: all linear .3s;
+
         color: #00746b !important;
+
 
     }
 
     }
 
+
     .colul li a{
     .colul li a {
+
 
         font-family: adobe-garamond-pro !important;
 
         font-family: adobe-garamond-pro !important;
 
         font-weight: 400;
 
         font-weight: 400;
Line 63: Line 55:
 
         text-decoration: none;
 
         text-decoration: none;
 
         line-height: 1.2em;
 
         line-height: 1.2em;
         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;
 +
       
 
         top: 90px;
 
         top: 90px;
 
     }
 
     }
 
+
     .myheader{
     .myheader {
+
         box-shadow:none !important;
         box-shadow: none !important;
+
         background:rgba(132,176,110,0.4) !important;
         background: rgba(0, 0, 0, .4) !important;
+
         border:none !important;
         border: none !important;
+
 
     }
 
     }
 
+
     .itemstyle{  
     .itemstyle {
+
         font-family: arial !important;
         font-family: adobe-garamond-pro !important;
+
         font-weight: 600 !important;
         font-weight: 400 !important;
+
 
         font-style: normal !important;
 
         font-style: normal !important;
        font-size: 16px !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;
 +
        text-align: left!important;
 +
        width: 100%;
 
     }
 
     }
  
     .footer {
+
        }
         background: rgba(0, 0, 0, 1) !important;
+
     .footer{
 +
         background:rgba(12, 61, 12, 0.8509803921568627) !important;
 
     }
 
     }
 
     #back-to-top{
 
     #back-to-top{
position:fixed;
+
        position:fixed;
bottom:100px;
+
    }
left:80px;
+
    #back-to-top a{
}
+
        text-align:center;
#back-to-top a{
+
        text-decoration:none;
text-align:center;
+
        color:#d1d1d1;
text-decoration:none;
+
        display:block;
color:#d1d1d1;
+
        width:80px;
display:block;
+
        /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
width:60px;
+
        -moz-transition:color 1s;  
/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
+
        -webkit-transition:color 1s;
-moz-transition:color 1s;  
+
        -o-transition:color 1s;
-webkit-transition:color 1s;
+
    }
-o-transition:color 1s;
+
    #back-to-top a img{
}
+
        background:#d1d1d1;
#back-to-top a img{
+
        border-radius:6px;
background:#d1d1d1;
+
        display:block;
border-radius:6px;
+
        height:80px;
display:block;
+
        width:80px;
height:60px;
+
        margin-bottom:5px;
width:60px;
+
        -moz-transition:background 1s;
margin-bottom:5px;
+
        -webkit-transition:background 1s;
-moz-transition:background 1s;
+
        -o-transition:background 1s;
-webkit-transition:background 1s;
+
    }
-o-transition:background 1s;
+
    @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');
 +
}
 
</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 139: Line 134:
 
<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>
<script type="text/javascript">
+
<!-- <script type="text/javascript">
 
     $(function () {
 
     $(function () {
 
         //当点击跳转链接后,回到页面顶部位置
 
         //当点击跳转链接后,回到页面顶部位置
Line 145: Line 140:
 
         window.onscroll = function () {
 
         window.onscroll = function () {
 
             var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
 
             var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
             var $x = $('#Members').offset().top
+
             var $x = $('#Ourteam').offset().top
 
             if (t >= $x - 80) {
 
             if (t >= $x - 80) {
 
                 console.log(t, $x)
 
                 console.log(t, $x)
Line 164: Line 159:
 
         })
 
         })
 
     })
 
     })
</script>
+
</script> --><!-- css and js -->
<p id="back-to-top">
+
    <a href="#top">
+
        <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
+
    </a>
+
</p>
+
<header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader">
+
    <div class="container">
+
        <div class="navbar-header">
+
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
                <span class="sr-only">Toggle navigation</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">
+
                <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
+
                    worldshaper-
+
                    <b>XSHS</b>
+
                </a>
+
            </div>
+
        </div>
+
        <nav class="collapse navbar-collapse navbar-right" role="navigation">
+
            <div class="main-menu">
+
                <ul class="nav navbar-nav navbar-right">
+
                    <li>
+
                        <a href="https://2018.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://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.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://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
+
                                </li>
+
  
                             </ul>
+
<header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader"  >
                         </div>
+
        <div class="container">
                    </li>
+
            <div class="navbar-header" >
                    <li>
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
                    <span class="sr-only">Toggle navigation</span>
                    </li>
+
                    <span class="icon-bar"></span>
                    <li class="dropdown">
+
                    <span class="icon-bar"></span>
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                    <span class="icon-bar"></span>
                            HUMAN PRACTICES
+
        </button>
                            <span class="caret"></span>
+
                <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
                        </a>
+
                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
                        <div class="dropdown-menu">
+
                        Worldshaper- <b>XSHS</b>
                            <ul>
+
                    </a>
                                <li>
+
                </div>
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
+
      </div>
                                </li>
+
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
                                <li>
+
                <div class="main-menu">
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
+
                    <ul class="nav navbar-nav navbar-right">
                                </li>
+
                       
                                <li>
+
                        <li class="dropdown">
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
+
                             <a class="dropdown-toggle" data-toggle="dropdown">
                                </li>
+
                                Team
                            </ul>
+
                                <span class="caret"></span>
                        </div>
+
                            </a>
                    </li>
+
                            <div class="dropdown-menu">
                    <li>
+
                                <ul>
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
+
 
                    </li>
+
                                    <li>
                    <li class="dropdown">
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                                    </li>
                            Achievement
+
                                    <li>
                            <span class="caret"></span>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
                        </a>
+
                                    </li>
                        <div class="dropdown-menu">
+
                                   
                            <ul>
+
                                </ul>
                                <li>
+
                            </div>
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
+
                         </li>
                                </li>
+
                                    <li>
                            </ul>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
                        </div>
+
                                    </li>
                    </li>
+
                        <li class="dropdown">
                    <li>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
+
                                Project
                    </li>
+
                                <span class="caret"></span>
                </ul>
+
                            </a>
            </div>
+
                            <div class="dropdown-menu">
        </nav>
+
                                <ul>
    </div>
+
                                    <li>
</header>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 +
                                    </li>
 +
                                   
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
 +
                                    </li>
 +
 
 +
                                </ul>
 +
                            </div>
 +
                         </li>
 +
                        <li>
 +
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                HP
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2018.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://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 +
                        </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                    </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 +
        </div>
 +
    </header>
  
 
<section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;">
 
<section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;">
     <strong class="positiontitle">Background</strong>
+
     <strong class="positiontitle">Human Practice silver</strong>
 
     <!-- 这里是大图的标题 -->
 
     <!-- 这里是大图的标题 -->
 
     <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
 
     <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
Line 304: Line 295:
  
 
<section class="container">
 
<section class="container">
    <div class="col-xs-2 xshs-box3  ">
+
    <!-- <div class="col-xs-2 xshs-box3  ">
 
         <ul class="colul text-left">
 
         <ul class="colul text-left">
 
             <li class="colactive mt-1">
 
             <li class="colactive mt-1">
                 <a href="#Members">Members</a>
+
                 <a href="#Ourteam">Background investigation</a>
 
             </li>
 
             </li>
 
             <li class="mt-1">
 
             <li class="mt-1">
                 <a href="#Instructors">Instructors</a>
+
                 <a href="#Public survey">Public survey</a>
 
             </li>
 
             </li>
             <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
+
            <li class="mt-1">
 +
                <a href="#Experts interview">Experts interview</a>
 +
            </li>
 +
            <p id="back-to-top">
 +
                <a href="#top">
 +
                      <img style="margin-top: 10px" src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
 +
                      To Top
 +
                </a>
 +
            </p> -->
 +
             <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”
 
         </ul>
 
         </ul>
 +
    </div> -->
 +
    <div class="col-xs-10 xshs-box3" style="margin-left:-209!important;width: 100%">
 +
        <p class="itemstyle">
 +
            More or less, we may meet the smokers sometime, somewhere - on the street, in the restaurant, even at home . None of team members in our team like this kind of experiences, because of not only bad smell but also health concerns. Therefore, we were thinking if we could make a bio-machine to remove the smoke smell as well as harmful ingredients from the cigarette so as to protect non-smoker from the second-hand smoke, and here was the initial idea of our project.
 +
        </p>
 +
        <p class="itemstyle">
 +
            In order to confirm the meaning of this research and specify the product design, we have done the Human Practice (HP) research after a series of brainstorming. Our HP research was consisted by three part: background investigation, survey to general public and experts interview.
 +
        </p>
 +
        <p class="itemstyle">
 +
            Research purposes
 +
        </p>
 +
        <p class="itemstyle">
 +
            1)  Whether smoking control is a consensus for the majority of the society
 +
        </p>
 +
        <p class="itemstyle">
 +
            2)  What can we do for smoking control based on synthetic biology
 +
        </p>
 +
        <p style="text-align:center">
 +
            <video style="width:80%" src="https://static.igem.org/mediawiki/2018/4/4f/T--Worldshaper-XSHS--videohp.mp4" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可-->
 +
            </video>
 +
        </p>
 
     </div>
 
     </div>
    <div class="col-xs-10 ">
 
        <section class="service-page">
 
            <h2 id="Members" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Members</h2>
 
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
 
            <div class="row">
 
                <div class="clearfix">
 
                    <div class="col-sm-4">
 
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                            <div class="img-wrapper">
 
                                <video style="width:100%" src="https://static.igem.org/mediawiki/2018/9/99/T--worldshaper-XSHS--001.ogg" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可-->
 
                                    your browser does not support the video tag
 
                                </video>
 
                            </div>
 
                            <figcaption>
 
                                <h4>Name: Mei Yantao</h4>
 
                                <p class="itemstyle">Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading
 
                                    books, listening to songs, playing musical instruments, aerial photography, robots, etc.
 
                                    His favorite thing is to do homework.
 
                                </p>
 
                            </figcaption>
 
                        </figure>
 
                    </div>
 
  
                    <div class="col-sm-4">
+
    <div>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="v1" id="Ourteam" style="text-align:  center;margin-left: 0px">
                            <div class="img-wrapper">
+
            Background investigation
                                <img src="https://static.igem.org/mediawiki/2018/f/f7/T--worldshaper-XSHS--m002.png" class="img-responsive" alt="" />
+
        </p>
                             </div>
+
                        <div style="
                             <figcaption>
+
                            width: 100%;
                                <h4>Name: Yu Yangkun</h4>
+
                             margin: 0 auto;
                                <p class="itemstyle">Introduction: Yu Yangkun is a cheerful, very humorous and sincere person. He has no bad habits
+
                             margin-top: -34px;
                                    and is in good health. He is good at drawing and calligraphy. And he does things very
+
                            margin-left: 0px
                                    seriously.</p>
+
                        ">
                             </figcaption>
+
                        <hr style="
                         </figure>
+
                            height: 3px;
                    </div>
+
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                             width: 100%
 +
                        ">  
 +
                         </div>
 +
    </div>
  
                    <div class="col-sm-4">
+
    <div class="xshs-box3">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="itemstyle">
                            <div class="img-wrapper">
+
            The World Health Organization Framework Convention on Tobacco Control (WHO FCTC) is a treaty adopted by the 56th World Health Assembly held in Geneva, Switzerland on May 21st 2003. The treaty came into force on February 27th 2005. It had been signed by 168 countries and is legally binding in 181 ratifying countries. [1] The FCTC is a supranational agreement that seeks "to protect present and future generations from the devastating health, social, environmental and economic consequences of tobacco consumption and exposure to tobacco smoke" by enacting a set of universal standards stating the dangers of tobacco and limiting its use in all forms worldwide.[2]
                                <img src="https://static.igem.org/mediawiki/2018/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
    </div>
                            <figcaption>
+
                                <h4>Name: He Xinyi</h4>
+
                                <p class="itemstyle">Introduction: She likes music, sports, and tries new things. She is more interested in novels
+
                                    and psychology books. She wants to be a free and independent person and do what she wants
+
                                    to do.</p>
+
                            </figcaption>
+
                        </figure>
+
                    </div>
+
  
                    <div class="col-sm-4">
+
    <div class="xshs-box2">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p>
                            <div class="img-wrapper">
+
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/6/64/T--Worldshaper-XSHS--hps001.png" />
                                <img src="https://static.igem.org/mediawiki/2018/8/8b/T--worldshaper-XSHS--m004.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
    </div>
                            <figcaption>
+
                                <h4>Name: Pan Hui</h4>
+
  
                                <p class="itemstyle">Introduction: She likes to participate in team activities and meet new people. She is curious
+
    <div class="xshs-box3">
                                    about psychology, willing to read some books in the social sciences; she is more willing
+
        <p class="itemstyle">
                                    to follow those efficient techniques. "Either don't do it, or do it." She expects to
+
            China signed the FCTC on November 10th 2003 and officially joined FCTC on August 28th 2005. On May 1st 2010, China officially implemented a smoking ban in Beijing, which stipulates that 10 types of public places, including restaurants, Internet cafes and gymnasiums, will completely ban smoking. December 29, 2013, the Central Committee of the Communist Party of China has required leading cadres at all levels to abide by the smoking ban regulations in public places and to set an example with practical actions. On November 24, 2014, China first proposed to Formulate administrative regulations to comprehensively control tobacco across the country. [3] On March 2018, National Health Commission of People’s Republic of China was found, who are going to lead the tobacco control in China. [4] [5]
                                    do everything best.
+
        </p>
                                </p>
+
    </div>
                            </figcaption>
+
                        </figure>
+
                    </div>
+
                </div>
+
                <div class="clearfix">
+
                    <div class="col-sm-4">
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2018/9/90/T--worldshaper-XSHS--m005.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Name: Yang Jianing</h4>
+
  
                                <p class="itemstyle">Introduction: He is a very active person in the team, but he will complete the task on time
+
    <div class="xshs-box2">
                                    and on time. He is very good at science because he only loves science.
+
        <p>
                                </p>
+
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/c/c4/T--Worldshaper-XSHS--hps002.png" />
                            </figcaption>
+
        </p>
                        </figure>
+
    </div>
                    </div>
+
  
                    <div class="col-sm-4">
+
    <div class="xshs-box3">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="itemstyle">
                            <div class="img-wrapper">
+
            According to the Report of Health Risk from Smoking in China, there are more than 300 million smokers in China and about 750 million non-smokers face with risks from second-hand smoke; every year, more than 1 million people dead are caused from smoking-related illness. [6] Moreover, comparing the United States and China, there is a very strange phenomenon: about 85% of American women with lung cancer are smokers, while in China, more than 80% of female lung cancer patients never smoke! And second-hand smoke is a clear carcinogen. [7]
                                <img src="https://static.igem.org/mediawiki/2018/4/4c/T--worldshaper-XSHS--m006.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
        <p class="itemstyle">
                            <figcaption>
+
            Recently, more than more citizen in China began to protect themselves from second-hand smoke through law, In June 2017, when college student Li took the K1301 train, she found passengers even train attendants smoking on the train. So she took the Harbin Railway bureau to court. On June 25, 2018, the Beijing Railway Transport Court made a first-instance judgment, and it was illegal to set up a smoking area on the train. The Harbin Railway Bureau requested that the smoking items on the K1301 train be dismantled within 30 days .On the first day of the effective date of the judgment, at 10:15 am, the K1301 train became the first ordinary train that formally completely ban smoking on it. [8]
                                <h4>Name: Yu Yangyang</h4>
+
        </p>
 +
    </div>
  
                                <p class="itemstyle">Introduction:Yu Yangyang loves animation and games, and loves natural science. He likes to
+
    <div class="xshs-box2">
                                    explore the unknown and hopes to become knowledgeable. His shortcoming is lack of self-control.
+
        <p>
                                    </p>
+
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/2/2c/T--Worldshaper-XSHS--hps003.png" />
                            </figcaption>
+
        </p>
                        </figure>
+
    </div>
                    </div>
+
  
                    <div class="col-sm-4">
+
    <div class="xshs-box3">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="itemstyle">
                            <div class="img-wrapper">
+
            Therefore, United Nation and governments around world, including Chinese government, have reached extensive consensus tobacco control (TC) and second-hand smoke (SHS) problem. And in China, TC and SHS have been very serious health issues even social problems.
                                <img src="https://static.igem.org/mediawiki/2018/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
    </div>
                            <figcaption>
+
                                <h4>Name:CaoShuaijun</h4>
+
  
                                <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
+
    <div class="xshs-box3">
                                    Although he is fat, he likes to run around. Movies and food are his favorite. He likes
+
        <p class="itemstyle">
                                    to go to the bookstore with his friends. </p>
+
            [1] http://www.who.int/fctc/en/
                            </figcaption>
+
        </p>
                        </figure>
+
        <p class="itemstyle">
                    </div>
+
          [2] Brandt, Allan M. The Cigarette Century: the Rise, Fall, and Deadly Persistence of the Product That Defined America. New York: Basic, 2007.
 +
        </p>
 +
        <p class="itemstyle">
 +
            [3] http://www.tobacco.gov.cn/history_filesystem/2014yckz/index.html
 +
        </p>
 +
        <p class="itemstyle">
 +
          [4] http://www.nhfpc.gov.cn/zhuz/jgzn/lmtt.shtml
 +
        </p>
 +
        <p class="itemstyle">
 +
            [5] https://www.sohu.com/a/225563504_452205
 +
        </p>
 +
        <p class="itemstyle">
 +
            [6]http://www.nhfpc.gov.cn/zwgk/wtwj/201308/7aaa27b0e9074be784c3cb07b50b0022.shtml
 +
        </p>
 +
        <p class="itemstyle">
 +
            [7] http://www.sohu.com/a/212035011_99983361
 +
        </p>
 +
        <p class="itemstyle">
 +
            [8] http://www.notc.org.cn/gzdt/201807/t20180731_189365.html
 +
        </p>
 +
    </div>
  
                    <div class="col-sm-4">
+
    <div>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="v1" id="Public survey" style="text-align:  center;margin-left: 0px">
                             <div class="img-wrapper">
+
                             Public survey
                                <img src="https://static.igem.org/mediawiki/2018/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" />
+
                        </p>
                            </div>
+
                        <div style="
                            <figcaption>
+
                            width: 100%;
                                <h4>Name: Pan Yangbo</h4>
+
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                            margin-left: 0px
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                            width: 80%
 +
                        ">  
 +
                        </div>
 +
    </div>
  
                                <p class="itemstyle">Introduction:A boy who likes to try; a boy who can do everything. He is a procrastinator,
+
    <div class="xshs-box3">
                                    but he can get things done in the end.He looked forward to this unusual experience, to
+
        <p class="itemstyle">
                                    this different growth, and to greeting this gold medal with his teammates.</p>
+
          Based on the background investigation results we made a questionnaire, which was focus on smoking especially second-hand smoke issue as well as the people’s confidence on our synthetic biology project.  
                            </figcaption>
+
        </p>
                        </figure>
+
        <p class="itemstyle">
                    </div>
+
          We handed out more than 200 paper and electronic questionnaires to general public. The respondents are almost half male and half female (49% vs 51%) and most of them are 35 year-old and up (43% for 35-45 and 29% for 45 and up). There are not any occupation that has significant preponderance.
 +
        </p>
 +
        <p class="itemstyle">
 +
          According to the information collected from survey, we found the overwhelming majority of respondents have concerns on second-hand smoke. More than half of the respondents have family members who are addicted to smoke (see. Figure 1) and 98% of the respondents point out that they are inevitably exposed to the second-hand smoke (51% often and 47% sometimes, see Figure 2). There are no pro-smoking advocates, and only 29% respondents think smoking is acceptable. In addition, everyone feel dissatisfied about passive smoking and the non-smokers can hardly avoid the harm derived from cigarette. “I hate smoking, but why I cannot keep away from the dangers of smoking?” A man complained. 
 +
        </p>
 +
    </div>
  
                    <div class="col-sm-4">
+
    <div class="xshs-box2">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p>
                            <div class="img-wrapper">
+
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/f/f8/T--Worldshaper-XSHS--hps004.png" />
                                <img src="https://static.igem.org/mediawiki/2018/9/92/T--worldshaper-XSHS--m009.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
    </div>
                            <figcaption>
+
                                <h4>Name: ShenHongcheng</h4>
+
  
                                <p class="itemstyle">Introduction:He is a lovely boy. He likes to go all out to work because he will get plenty
+
    <div class="xshs-box2">
                                    of exercise and happiness. He likes to make friends, like his friends to get along with
+
        <p>
                                    each other, from mutual ignorance to mutual familiarity.</p>
+
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/2/27/T--Worldshaper-XSHS--hps005.png" />
                            </figcaption>
+
        </p>
                        </figure>
+
    </div>
                    </div>
+
  
                    <div class="col-sm-4">
+
    <div class="xshs-box3">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="itemstyle">
                            <div class="img-wrapper">
+
            Moreover, we found that the public has general understanding of the harm of second-hand smoke and nicotine (99.4%), as well as relevant diseases caused by hazardous substance. However, the pubic is not familiar with synthetic biology ----- half of interviewees heard the term for the first time. Therefore, we decided to advertise relevant knowledge by holding some public education events.
                                <img src="https://static.igem.org/mediawiki/2018/c/c0/T--worldshaper-XSHS--m010.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
        <p class="itemstyle">
                            <figcaption>
+
            Surprisingly, 84% of respondents support to utilize technology about synthetic biology to remove second-hand smoking though they actually do not understand synthetic biology. (Figure 3) Besides, most of respondents have positive expectations about its potential economic value. This result really encouraged us to continue our project. The removal of second-hand smoke is just a beginning: at the same time, synthetic biology also offers more opportunities for human to process exhaust gas pollution and promote environmental protection. "The future is promising," as we anticipate.
                                <h4>Name: ShenYibin</h4>
+
        </p>
 +
    </div>
  
                                <p class="itemstyle">Introduction:He is a super lively person, not to be deceived by his seemingly quiet appearance.
+
    <div class="xshs-box2">
                                    He is very good at thinking. He will calm down and do experiments, trying to find out
+
        <p>
                                    the deficiencies in the experiment and correct them.</p>
+
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/f/f7/T--Worldshaper-XSHS--hps006.png" />
                            </figcaption>
+
        </p>
                        </figure>
+
    </div>
                    </div>
+
  
                    <div class="col-sm-4">
+
    <div class="xshs-box3">  
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="itemstyle">
                            <div class="img-wrapper">
+
            In conclusion, we confirmed the severity of second-hand smoke problem and proved the potential huge value of the research project. Furthermore, the public attitude to the solution that we address the second-hand smoke based on synthetic biology is positive.  
                                <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m011.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
    </div>
                            <figcaption>
+
                                <h4>Name: Sun Zeyu</h4>
+
  
                                <p class="itemstyle">Introduction:She likes to paint, especially the landscape paintings in Chinese paintings.
+
    <div class="xshs-box2">
                                    She always thinks that landscape paintings are composed only of dotted lines, but there
+
        <p>
                                    is an indescribable momentum and charm in the mountains and rivers. It is as simple as
+
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/5/5d/T--Worldshaper-XSHS--hps007.png" />
                                    she is pursuing.</p>
+
        </p>
                            </figcaption>
+
    </div>
                        </figure>
+
                    </div>
+
  
                    <div class="col-sm-4">
+
    <div class="xshs-box3">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="v1" id="Experts interview" style="text-align:  center;margin-left:  px;">
                            <div class="img-wrapper">
+
                                Experts interview
                                <img src="https://static.igem.org/mediawiki/2018/b/b2/T--worldshaper-XSHS--m013.png" class="img-responsive" alt="" />
+
                        </p>
                            </div>
+
                        <div style="
                            <figcaption>
+
                            width: 100%;
                                <h4>Name: XuJie</h4>
+
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                            margin-left:  0px
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                            width: 80%
 +
                        ">  
 +
                        </div>
 +
    </div>
  
                                <p class="itemstyle">Introduction:He is lively and helpful. He loves piano, basketball, travel... He also likes
+
    <div class="xshs-box3">
                                    to explore something unknown, especially in the natural sciences. He firmly believes
+
        <p class="itemstyle">
                                    that to achieve something, the essential thing is perseverance. </p>
+
            In order to better address the problem and improve the product design we interviewed some professionals and experts in the related fields.  
                            </figcaption>
+
        </p>
                        </figure>
+
        <p class="itemstyle" style="font-size: 20px">
                    </div>
+
            1)Prof. Hu Baolan, deputy dean of College of Environmental and Resource Sciences,Zhejiang University.
 +
                    </p>
 +
        <p class="itemstyle">
 +
           
 +
        </p>
 +
    </div>
  
                    <div class="col-sm-4">
+
    <div class="xshs-box2">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p>
                            <div class="img-wrapper">
+
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/8/83/T--Worldshaper-XSHS--hps008.png" />
                                <img src="https://static.igem.org/mediawiki/2018/b/b4/T--worldshaper-XSHS--m014.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
    </div>
                            <figcaption>
+
                                <h4>Name:Yu Yijie</h4>
+
  
                                <p class="itemstyle">Introduction: She is a very cute and funny little girl. She is very positive and optimistic
+
    <div class="xshs-box3">
                                    about life. There are three things she likes the most: one is sleeping; the second is
+
        <p class="itemstyle" style="font-size:12px!important;margin-left: 0px;text-align: center!important;">
                                    smiling; the third is that she will relax by enjoying the lotus</p>
+
                          Ecologic building                                  Professor Hu Baolan 
                            </figcaption>
+
        </p>
                        </figure>
+
   
                    </div>
+
    </div>
  
                    <div class="col-sm-4">
+
    <div>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="itemstyle">
                            <div class="img-wrapper">
+
          Prof. Hu told us that nicotine not only spreads through the air and the burning of cigarettes, but also sinks into the water and soil from neonicotinoid (nicotine pesticide) , we found our research may have wider application potential besides second-hand smoke control. She also recommended Prof. Lv Zhenmei from College of Life Science, Zhejiang university, whose research interests are more specialized in nicotine and relative fields.
                                <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m015.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
        <p class="itemstyle" style="font-size: 20px">
                            <figcaption>
+
            2)Prof. Lv Zhenmei, Institution of Microbiology, College of Life Science, Zhejiang University.
                                <h4> Name:Yan Yihai</h4>
+
        </p>
 +
        <p class="itemstyle">
 +
            She kindly accepted our interview and gave us many useful information about nicotine.
 +
        </p>
 +
    </div>
 +
    <div class="xshs-box2">
 +
        <p>
 +
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/f/fe/T--Worldshaper-XSHS--hps009.png" />
 +
        </p>
 +
    </div>
  
                                <p class="itemstyle">Introduction: He is very interested in science. Because his parents are engaged in scientific
+
    <div class="xshs-box3">
                                    research, he also has the opportunity to see some advanced experimental equipment earlier,
+
        <p class="itemstyle" style="font-size:12px!important;margin-left:0px;text-align: center!important;">
                                    and thus generated interest in scientific research.</p>
+
                          Prof. Lv Zhenmei and teammate during interview 
                            </figcaption>
+
        </p>
                        </figure>
+
   
                    </div>
+
    </div>
        </section>
+
        <section class="service-page">
+
            <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Instructors</h2>
+
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
+
            <div class="row">
+
  
                <div class="clearfix">
+
    <div>
                    <div class="col-sm-4">
+
        <p class="itemstyle">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
          a)  General introduction on characteristics of nicotine
                            <div class="img-wrapper">
+
        </p>
                                <img src="https://static.igem.org/mediawiki/2017/6/6c/T-worldshaper-XSHS-s013.png" class="img-responsive" alt="" />
+
        <p class="itemstyle">
                            </div>
+
          Nicotine is the most abundant alkaloid in tobacco plants. According to different particle sizes of solid waste, its content in tobacco waste is about 15.7-32.5 mg/g dry weight. In addition, nicotine is free to pass through the blood-brain barrier and is listed in the Toxics Release Inventory by the U.S. Environmental Protection Agency as early as 1994.
                            <figcaption>
+
        </p>
                                <h4>Dr. Dong Shan</h4>
+
        <p class="itemstyle">
                                <p class="itemstyle">Duties:Primary PI</p>
+
            b) Principal of nicotine degradation
                                <p class="itemstyle">Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His guidance advice is
+
        </p>
                                    very helpful to us.</p>
+
        <p class="itemstyle">
                            </figcaption>
+
          The good hydrophilia of nicotine enables it to diffuse in the environment through soil and water, which is harmful to human health and environment. Although nicotine has certain cytotoxicity, it is easy to be decomposed into small molecules and detoxified by microorganisms.
                        </figure>
+
        </p>
                    </div>
+
        <p class="itemstyle">
 +
          c)  Existing nicotine detection and degradation technologies
 +
        <p class="itemstyle">
 +
          Nicotine is mainly detected through HPLC, with the detection limit of millimole level. At present, there are primarily four degradation pathways, all of which are for the purpose of biodegradation.
 +
        </p>
 +
        <p class="itemstyle">
 +
            d)  Application of nicotine detection and degradation technologies
 +
        </p>
 +
        <p class="itemstyle">
 +
          At present, these technologies are not sensitive enough for the detection of nicotine in the laboratory. Hence, it is difficult to detect the trace of nicotine in the environment. Fortunately, bioremediation technology has been successfully applied in the centralized treatment of the wastewater containing high concentration of nicotine in tobacco production enterprises, while the treatment of mixed waste containing multiple pollutants under low temperature needs to increase efficiency and the detection technology of trace nicotine in the environment also needs to be improved.
 +
        </p>
 +
        <p class="itemstyle">
 +
          The development of nicotine detection technology can accurately monitor the nicotine content in the environment, the nicotine degradation, and repair process. Moreover, the development of degradation technology also strengthens the repair process and raises the nicotine repair efficiently.
 +
        </p>
 +
        <p class="itemstyle">
 +
        e) Suggestion on our research project
 +
        </p>
 +
        <p class="itemstyle">
 +
        “When I was studying the function of a gene of nicotine-degrading bacteria, I often encountered the problem that the heterogenous expression could not be successfully expressed. Finally, I improved the efficiency of heterogenous expression by changing the host and changing the conditions of heterogenous expression.” Said by Professor. Lv. “I think the next step was to think about how to translate the response of the promoter to nicotine into a physical signal that could be easily detected. That's very beneficial to most of studies.
 +
        </p>
 +
        <p class="itemstyle">
 +
       
 +
        In conclusion, Prof. Lv provided many important information on nicotine and gave some useful suggestions as well as some guidance to us, which were very helpful to our experiments.
 +
        </p>
 +
        <div >
 +
        <p style="text-align:center">
 +
            <video style="width:30%;height: 30%;" src="https://static.igem.org/mediawiki/2018/6/6d/T--worldshaper-XSHS--zhuanjia.mp4" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可-->
 +
            </video>
 +
        </p>
 +
        </div>
 +
    </div>
  
                    <div class="col-sm-4">
+
    <div>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="itemstyle" style="font-size: 20px">
                            <div class="img-wrapper">
+
                    3)Doctor and Nurse in pneumology department Xiaoshan Zhong Hospital 
                                <img src="https://static.igem.org/mediawiki/2017/6/64/T-worldshaper-XSHS-s018.jpeg" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
    </div>
                            <figcaption>
+
                                <h4>Guo Ting</h4>
+
                                <p class="itemstyle">Duties:Secondary PI</p>
+
                                <p class="itemstyle">a very lovely and responsible teacher.Biological group with the highest degree the teacher,
+
                                    she is a campus is peaceful and friendly, and the relationship between the team members
+
                                    is good, also gave the players a lot of constructive Suggestions and guidance.Believe
+
                                    under the charge of miss guo, teams will get satisfactory grades.</p>
+
                            </figcaption>
+
                        </figure>
+
                    </div>
+
  
                    <div class="col-sm-4">
+
    <div class="xshs-box2">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p>
                            <div class="img-wrapper">
+
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/a/a4/T--Worldshaper-XSHS--hos010.png" />
                                <img src="https://static.igem.org/mediawiki/2017/a/a5/T-worldshaper-XSHS-s015.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
    </div>
                            <figcaption>
+
                                <h4>Professor Zhu Xufen</h4>
+
                                <p class="itemstyle">college of life sciences,Zhejiang University.She mainly works on study of molecular biology
+
                                    and microbiology.
+
                                </p>
+
                            </figcaption>
+
                        </figure>
+
                    </div>
+
  
                    <div class="col-sm-4">
+
    <div>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <p class="itemstyle">
                            <div class="img-wrapper">
+
            Besides a general presentation on the knowledge about smoking resulted diseases, which confirmed public concerns on smoking, second-hand smoke and health , they also gave us several suggestions on our product design and application based on our project research direction. In fact, even in hospital, where smoking is strictly forbidden, some patients and
                                <img src="https://static.igem.org/mediawiki/2017/c/cd/T-worldshaper-XSHS-s017.png" class="img-responsive" alt="" />
+
        </p>
                            </div>
+
        <p class="itemstyle">
                            <figcaption>
+
            a)  Bangle for patients, which can remind them the nicotine level therefore prevent them from aggravating;
                                <h4>Professor Xu Cheng</h4>
+
        </p>
                                <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
+
        <p class="itemstyle">
                                <p class="itemstyle">You might think he was serious when you first met him,but lately you’ll find he is affine.He
+
            b)  Monitoring device, which can be installed in toilets or other crowded places. If the nicotine content in air exceeds the limit, the equipment’s light will be lit up.  
                                    makes team members fall in love with bioinformatics.</p>
+
        </p>
                            </figcaption>
+
    </div>
                        </figure>
+
                    </div>
+
  
                    <div class="col-sm-4">
 
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                            <div class="img-wrapper">
 
                                <img src="https://static.igem.org/mediawiki/2018/2/2a/T--worldshaper-XSHS--mWeng_Huifang.png" class="img-responsive" alt="" />
 
                            </div>
 
                            <figcaption>
 
                                <h4>Weng Huifang</h4>
 
                                <p class="itemstyle">A very friendly teacher. Participate in practical activities with students. The main task
 
                                    is to organize and manage students to complete their tasks. Instruct students to complete
 
                                    various activities.
 
                                </p>
 
                            </figcaption>
 
                        </figure>
 
                    </div>
 
 
                    <div class="col-sm-4">
 
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                            <div class="img-wrapper">
 
                                <img src="https://static.igem.org/mediawiki/2017/5/57/T-worldshaper-XSHS-s016.png" class="img-responsive" alt="" />
 
                            </div>
 
                            <figcaption>
 
                                <h4>Jin Wentao</h4>
 
                                <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
 
                                <p class="itemstyle">He is a rigorous guy who is very professional in doing experiments.</p>
 
                            </figcaption>
 
                        </figure>
 
                    </div>
 
 
                </div>
 
  
  
             </div>
+
    <div>
         </section>
+
        <p style="text-align:center">
 +
             <video style="width:80%" src="https://static.igem.org/mediawiki/2018/1/12/T--Worldshaper-XSHS--videocaifangz.mp4" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可-->
 +
            </video>
 +
        </p>
 +
        <p class="itemstyle">
 +
            He gave us a general introduction on government policy and regulation, which were very helpful for our background investigation. Moreover, he also gave us some application suggestion of our product from his view.
 +
        </p>
 +
        <p class="itemstyle">
 +
            “I think putting such kind of devices in the smoking room could allow us to make a switch in the ventilation system. When the nicotine in the smoking room reaches a certain level, it will be discharged once. You would not need cost a lot of power to keep the air clean. Furthermore, you can use it to test the amount of nicotine in the soil and water around the tobacco industry, which brings great advantage to enterprises supervision.”
 +
        </p>
 +
        <p class="itemstyle">
 +
            In conclusion, the interviews with medical staff and government officer enabled us to estimate the program’s potential value. Because pollution of second-hand smoke was common in our daily life, our research has great development future, which could be applied effectively in the society. These interviews also inspired us to outlook the future and motivate us to continue our work.
 +
         </p>
 
     </div>
 
     </div>
 
</section>
 
</section>
Line 654: Line 673:
 
                 </li>
 
                 </li>
 
                 <li class="foot-box-c4">
 
                 <li class="foot-box-c4">
                     <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2018/9/96/T--worldshaper-XSHS--wechat.png" alt="">
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>

Latest revision as of 20:53, 17 October 2018

Human Practice silver

More or less, we may meet the smokers sometime, somewhere - on the street, in the restaurant, even at home . None of team members in our team like this kind of experiences, because of not only bad smell but also health concerns. Therefore, we were thinking if we could make a bio-machine to remove the smoke smell as well as harmful ingredients from the cigarette so as to protect non-smoker from the second-hand smoke, and here was the initial idea of our project.

In order to confirm the meaning of this research and specify the product design, we have done the Human Practice (HP) research after a series of brainstorming. Our HP research was consisted by three part: background investigation, survey to general public and experts interview.

Research purposes

1) Whether smoking control is a consensus for the majority of the society

2) What can we do for smoking control based on synthetic biology

Background investigation


The World Health Organization Framework Convention on Tobacco Control (WHO FCTC) is a treaty adopted by the 56th World Health Assembly held in Geneva, Switzerland on May 21st 2003. The treaty came into force on February 27th 2005. It had been signed by 168 countries and is legally binding in 181 ratifying countries. [1] The FCTC is a supranational agreement that seeks "to protect present and future generations from the devastating health, social, environmental and economic consequences of tobacco consumption and exposure to tobacco smoke" by enacting a set of universal standards stating the dangers of tobacco and limiting its use in all forms worldwide.[2]

China signed the FCTC on November 10th 2003 and officially joined FCTC on August 28th 2005. On May 1st 2010, China officially implemented a smoking ban in Beijing, which stipulates that 10 types of public places, including restaurants, Internet cafes and gymnasiums, will completely ban smoking. December 29, 2013, the Central Committee of the Communist Party of China has required leading cadres at all levels to abide by the smoking ban regulations in public places and to set an example with practical actions. On November 24, 2014, China first proposed to Formulate administrative regulations to comprehensively control tobacco across the country. [3] On March 2018, National Health Commission of People’s Republic of China was found, who are going to lead the tobacco control in China. [4] [5]

According to the Report of Health Risk from Smoking in China, there are more than 300 million smokers in China and about 750 million non-smokers face with risks from second-hand smoke; every year, more than 1 million people dead are caused from smoking-related illness. [6] Moreover, comparing the United States and China, there is a very strange phenomenon: about 85% of American women with lung cancer are smokers, while in China, more than 80% of female lung cancer patients never smoke! And second-hand smoke is a clear carcinogen. [7]

Recently, more than more citizen in China began to protect themselves from second-hand smoke through law, In June 2017, when college student Li took the K1301 train, she found passengers even train attendants smoking on the train. So she took the Harbin Railway bureau to court. On June 25, 2018, the Beijing Railway Transport Court made a first-instance judgment, and it was illegal to set up a smoking area on the train. The Harbin Railway Bureau requested that the smoking items on the K1301 train be dismantled within 30 days .On the first day of the effective date of the judgment, at 10:15 am, the K1301 train became the first ordinary train that formally completely ban smoking on it. [8]

Therefore, United Nation and governments around world, including Chinese government, have reached extensive consensus tobacco control (TC) and second-hand smoke (SHS) problem. And in China, TC and SHS have been very serious health issues even social problems.

[1] http://www.who.int/fctc/en/

[2] Brandt, Allan M. The Cigarette Century: the Rise, Fall, and Deadly Persistence of the Product That Defined America. New York: Basic, 2007.

[3] http://www.tobacco.gov.cn/history_filesystem/2014yckz/index.html

[4] http://www.nhfpc.gov.cn/zhuz/jgzn/lmtt.shtml

[5] https://www.sohu.com/a/225563504_452205

[6]http://www.nhfpc.gov.cn/zwgk/wtwj/201308/7aaa27b0e9074be784c3cb07b50b0022.shtml

[7] http://www.sohu.com/a/212035011_99983361

[8] http://www.notc.org.cn/gzdt/201807/t20180731_189365.html

Public survey


Based on the background investigation results we made a questionnaire, which was focus on smoking especially second-hand smoke issue as well as the people’s confidence on our synthetic biology project.

We handed out more than 200 paper and electronic questionnaires to general public. The respondents are almost half male and half female (49% vs 51%) and most of them are 35 year-old and up (43% for 35-45 and 29% for 45 and up). There are not any occupation that has significant preponderance.

According to the information collected from survey, we found the overwhelming majority of respondents have concerns on second-hand smoke. More than half of the respondents have family members who are addicted to smoke (see. Figure 1) and 98% of the respondents point out that they are inevitably exposed to the second-hand smoke (51% often and 47% sometimes, see Figure 2). There are no pro-smoking advocates, and only 29% respondents think smoking is acceptable. In addition, everyone feel dissatisfied about passive smoking and the non-smokers can hardly avoid the harm derived from cigarette. “I hate smoking, but why I cannot keep away from the dangers of smoking?” A man complained.

Moreover, we found that the public has general understanding of the harm of second-hand smoke and nicotine (99.4%), as well as relevant diseases caused by hazardous substance. However, the pubic is not familiar with synthetic biology ----- half of interviewees heard the term for the first time. Therefore, we decided to advertise relevant knowledge by holding some public education events.

Surprisingly, 84% of respondents support to utilize technology about synthetic biology to remove second-hand smoking though they actually do not understand synthetic biology. (Figure 3) Besides, most of respondents have positive expectations about its potential economic value. This result really encouraged us to continue our project. The removal of second-hand smoke is just a beginning: at the same time, synthetic biology also offers more opportunities for human to process exhaust gas pollution and promote environmental protection. "The future is promising," as we anticipate.

In conclusion, we confirmed the severity of second-hand smoke problem and proved the potential huge value of the research project. Furthermore, the public attitude to the solution that we address the second-hand smoke based on synthetic biology is positive.

Experts interview


In order to better address the problem and improve the product design we interviewed some professionals and experts in the related fields.

1)Prof. Hu Baolan, deputy dean of College of Environmental and Resource Sciences,Zhejiang University.

Ecologic building Professor Hu Baolan

Prof. Hu told us that nicotine not only spreads through the air and the burning of cigarettes, but also sinks into the water and soil from neonicotinoid (nicotine pesticide) , we found our research may have wider application potential besides second-hand smoke control. She also recommended Prof. Lv Zhenmei from College of Life Science, Zhejiang university, whose research interests are more specialized in nicotine and relative fields.

2)Prof. Lv Zhenmei, Institution of Microbiology, College of Life Science, Zhejiang University.

She kindly accepted our interview and gave us many useful information about nicotine.

Prof. Lv Zhenmei and teammate during interview

a) General introduction on characteristics of nicotine

Nicotine is the most abundant alkaloid in tobacco plants. According to different particle sizes of solid waste, its content in tobacco waste is about 15.7-32.5 mg/g dry weight. In addition, nicotine is free to pass through the blood-brain barrier and is listed in the Toxics Release Inventory by the U.S. Environmental Protection Agency as early as 1994.

b) Principal of nicotine degradation

The good hydrophilia of nicotine enables it to diffuse in the environment through soil and water, which is harmful to human health and environment. Although nicotine has certain cytotoxicity, it is easy to be decomposed into small molecules and detoxified by microorganisms.

c) Existing nicotine detection and degradation technologies

Nicotine is mainly detected through HPLC, with the detection limit of millimole level. At present, there are primarily four degradation pathways, all of which are for the purpose of biodegradation.

d) Application of nicotine detection and degradation technologies

At present, these technologies are not sensitive enough for the detection of nicotine in the laboratory. Hence, it is difficult to detect the trace of nicotine in the environment. Fortunately, bioremediation technology has been successfully applied in the centralized treatment of the wastewater containing high concentration of nicotine in tobacco production enterprises, while the treatment of mixed waste containing multiple pollutants under low temperature needs to increase efficiency and the detection technology of trace nicotine in the environment also needs to be improved.

The development of nicotine detection technology can accurately monitor the nicotine content in the environment, the nicotine degradation, and repair process. Moreover, the development of degradation technology also strengthens the repair process and raises the nicotine repair efficiently.

e) Suggestion on our research project

“When I was studying the function of a gene of nicotine-degrading bacteria, I often encountered the problem that the heterogenous expression could not be successfully expressed. Finally, I improved the efficiency of heterogenous expression by changing the host and changing the conditions of heterogenous expression.” Said by Professor. Lv. “I think the next step was to think about how to translate the response of the promoter to nicotine into a physical signal that could be easily detected. That's very beneficial to most of studies.”

In conclusion, Prof. Lv provided many important information on nicotine and gave some useful suggestions as well as some guidance to us, which were very helpful to our experiments.

3)Doctor and Nurse in pneumology department Xiaoshan Zhong Hospital

Besides a general presentation on the knowledge about smoking resulted diseases, which confirmed public concerns on smoking, second-hand smoke and health , they also gave us several suggestions on our product design and application based on our project research direction. In fact, even in hospital, where smoking is strictly forbidden, some patients and

a) Bangle for patients, which can remind them the nicotine level therefore prevent them from aggravating;

b) Monitoring device, which can be installed in toilets or other crowded places. If the nicotine content in air exceeds the limit, the equipment’s light will be lit up.

He gave us a general introduction on government policy and regulation, which were very helpful for our background investigation. Moreover, he also gave us some application suggestion of our product from his view.

“I think putting such kind of devices in the smoking room could allow us to make a switch in the ventilation system. When the nicotine in the smoking room reaches a certain level, it will be discharged once. You would not need cost a lot of power to keep the air clean. Furthermore, you can use it to test the amount of nicotine in the soil and water around the tobacco industry, which brings great advantage to enterprises supervision.”

In conclusion, the interviews with medical staff and government officer enabled us to estimate the program’s potential value. Because pollution of second-hand smoke was common in our daily life, our research has great development future, which could be applied effectively in the society. These interviews also inspired us to outlook the future and motivate us to continue our work.

  • Worldshaper-XSHS, Xiaoshan High School

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