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

Line 93: Line 93:
 
     src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'),
 
     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');
 
     url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf');
}
+
}  
  
 
     .footer {
 
     .footer {
Line 99: Line 99:
  
 
     #back-to-top{
 
     #back-to-top{
position:fixed;
+
        position:fixed;
bottom:100px;
+
        bottom:100px;
left:80px;
+
        left:80px;
}
+
    }
#back-to-top a{
+
    #back-to-top a{
text-align:center;
+
        text-align:center;
text-decoration:none;
+
        text-decoration:none;
color:#d1d1d1;
+
        color:#d1d1d1;
display:block;
+
        display:block;
width:80px;
+
        width:80px;
/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
+
        /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
-moz-transition:color 1s;  
+
        -moz-transition:color 1s;  
-webkit-transition:color 1s;
+
        -webkit-transition:color 1s;
-o-transition:color 1s;
+
        -o-transition:color 1s;
}
+
    }
#back-to-top a img{
+
    #back-to-top a img{
background:#d1d1d1;
+
        background:#d1d1d1;
border-radius:6px;
+
        border-radius:6px;
display:block;
+
        display:block;
height:80px;
+
        height:80px;
width:80px;
+
        width:80px;
margin-bottom:5px;
+
        margin-bottom:5px;
-moz-transition:background 1s;
+
        -moz-transition:background 1s;
-webkit-transition:background 1s;
+
        -webkit-transition:background 1s;
-o-transition:background 1s;
+
        -o-transition:background 1s;
}
+
    }
 
</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 177: Line 177:
 
     </a>
 
     </a>
 
</p>
 
</p>
<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">
        <div class="navbar-header">
+
            <div class="navbar-header" >
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
+
                    <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
                <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
                <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
            </button>
+
        </button>
            <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">
                    Worldshaper-
+
                        Worldshaper- <b>XSHS</b>
                    <b>XSHS</b>
+
                    </a>
                </a>
+
                </div>
            </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">
+
                    <ul class="nav navbar-nav navbar-right">
                <ul class="nav navbar-nav navbar-right">
+
                       
                    <li>
+
                         <li class="dropdown">
                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS">Home</a>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
                    </li>
+
                                Team
                    <li class="dropdown">
+
                                <span class="caret"></span>
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                             </a>
                            Team
+
                             <div class="dropdown-menu">
                            <span class="caret"></span>
+
                                <ul>
                        </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>
+
                                    <li>
                         </div>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
                    </li>
+
                                    </li>
                    <li>
+
                                    <li>
                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
                    </li>
+
                                    </li>
                    <li class="dropdown">
+
                                   
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                                </ul>
                            HUMAN PRACTICES
+
                            </div>
                            <span class="caret"></span>
+
                         </li>
                        </a>
+
                                    <li>
                        <div class="dropdown-menu">
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
                            <ul>
+
                                    </li>
                                <li>
+
                        <li class="dropdown">
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
                                </li>
+
                                Project
                                <li>
+
                                <span class="caret"></span>
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
+
                            </a>
                                </li>
+
                            <div class="dropdown-menu">
                                <li>
+
                                <ul>
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
+
                                    <li>
                                </li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
                            </ul>
+
                                    </li>
                        </div>
+
                                    <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/Applied_Design">Applied Design</a>
+
                                    <li>
                    </li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
                    <li class="dropdown">
+
                                    </li>
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                                    <li>
                            Achievement
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
                            <span class="caret"></span>
+
                                    </li>
                        </a>
+
                                    <li>
                        <div class="dropdown-menu">
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
                            <ul>
+
                                    </li>
                                <li>
+
                                   
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
+
                                    <li>
                                </li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
                            </ul>
+
                                    </li>
                        </div>
+
                                    <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/safety.html">Safety</a>
+
                                    <li>
                    </li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
                </ul>
+
                                    </li>
            </div>
+
 
        </nav>
+
                                </ul>
    </div>
+
                            </div>
</header>
+
                         </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 314: Line 314:
 
         <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="#Background investigation">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 class="mt-1">
 +
                <a href="#Experts interview">Experts interview</a>
 
             </li>
 
             </li>
 
             <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
 
             <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
Line 323: Line 326:
 
     </div>
 
     </div>
 
     <div class="col-xs-10 xshs-box3">
 
     <div class="col-xs-10 xshs-box3">
         <section class="service-page">
+
         <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.
            <div class="row">
+
        </p>
                <div class="clearfix">
+
        <p class="itemstyle">
                    <div class="col-sm-12">
+
             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.
                        <div class="img-wrapper text-center">
+
        </p>
                             <video style="width:80%" src="https://static.igem.org/mediawiki/2018/9/99/T--worldshaper-XSHS--001.ogg" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可-->
+
        <p class="itemstyle">
                                your browser does not support the video tag
+
            Research purposes
                             </video>
+
        </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>
 +
    </div>
 +
 
 +
    <div>
 +
        <p class="v1" id="Background investigation" style="text-align:  center; ">
 +
                             Background investigation
 +
                        </p>
 +
                        <div style="
 +
                            width: 100%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                             background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        ">  
 
                         </div>
 
                         </div>
                        <figcaption class="text-left">
+
    </div>
                            <h2 id="Members" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Members</h2>
+
 
                            <p class="itemstyle">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda libero, animi quia ducimus rem ab incidunt. Tenetur dicta molestiae, ullam hic officiis facilis eligendi tempora at cumque excepturi, doloremque adipisci?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde vitae nam optio soluta? Odit corporis incidunt, ad consectetur nostrum nobis illum similique sapiente beatae officia corrupti ipsam, expedita ducimus! Consequatur.
+
    <div>
                            </p>
+
        <p class="itemstyle">
                        </figcaption>
+
            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]
                    </div>
+
        </p>
                 
+
    </div>
                </div>
+
 
            </div>
+
    <div class="xshs-box2">
        </section>
+
        <p>
        <section class="service-page">
+
            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/6/64/T--Worldshaper-XSHS--hps001.png" />
         
+
        </p>
            <div class="row">
+
    </div>
                <div class="clearfix">
+
 
                    <div class="col-sm-12">
+
    <div>
                        <div class="img-wrapper text-center">
+
        <p class="itemstyle">
                            <video style="width:80%" src="https://static.igem.org/mediawiki/2018/9/99/T--worldshaper-XSHS--001.ogg" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可-->
+
            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]
                                your browser does not support the video tag
+
        </p>
                            </video>
+
                        </div>
+
                        <figcaption class="text-left">
+
                            <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Instructors</h2>
+
                            <p class="itemstyle">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda libero, animi quia ducimus rem ab incidunt. Tenetur dicta molestiae, ullam hic officiis facilis eligendi tempora at cumque excepturi, doloremque adipisci?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde vitae nam optio soluta? Odit corporis incidunt, ad consectetur nostrum nobis illum similique sapiente beatae officia corrupti ipsam, expedita ducimus! Consequatur.
+
                            </p>
+
                        </figcaption>
+
                    </div>
+
                 
+
                </div>
+
            </div>
+
        </section>
+
 
     </div>
 
     </div>
 
</section>
 
</section>
Line 385: Line 398:
 
                 </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>

Revision as of 15:01, 17 October 2018

To Top

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]

  • Worldshaper-XSHS, Xiaoshan High School

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