(19 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | html body{ | ||
+ | font-family:purista !important; | ||
+ | } | ||
+ | p{ | ||
+ | font-family: arial | ||
+ | } | ||
.dropdown .dropdown-menu > ul { | .dropdown .dropdown-menu > ul { | ||
− | background-color: | + | background-color: rgba(132,176,110,0.6)!important |
} | } | ||
− | + | .myheader{ | |
− | + | box-shadow:none !important; | |
− | + | background:rgba(132,176,110,0.6) !important; | |
− | + | border:none !important; | |
− | + | } | |
− | + | .positiontitle{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | .positiontitle { | + | |
position: relative; | position: relative; | ||
− | top: 500px; | + | 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: | + | |
font-weight: 600 !important; | font-weight: 600 !important; | ||
font-style: normal !important; | font-style: normal !important; | ||
Line 43: | Line 37: | ||
color: #4a4a4a !important; | color: #4a4a4a !important; | ||
} | } | ||
− | + | #top_menu_14{ | |
− | #top_menu_14 { | + | height:auto !important; |
− | height: auto !important; | + | |
} | } | ||
+ | .colul a:hover{ | ||
− | + | color: #00746b !important; | |
− | + | ||
− | color: #00746b !important; | + | |
} | } | ||
− | + | .colul li a{ | |
− | .colul li a { | + | font-family: arial !important; |
− | font-family: | + | |
font-weight: 400; | font-weight: 400; | ||
font-style: normal; | font-style: normal; | ||
− | font-size: | + | font-size: 20px; |
letter-spacing: 0px; | letter-spacing: 0px; | ||
text-transform: none; | text-transform: none; | ||
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( | + | border:none !important; |
− | border: none !important; | + | |
} | } | ||
− | + | .itemstyle{ | |
− | .itemstyle { | + | font-family: arial !important; |
− | font-family: | + | font-weight: 600 !important; |
− | font-weight: | + | |
font-style: normal !important; | font-style: normal !important; | ||
− | + | ||
letter-spacing: 0px !important; | letter-spacing: 0px !important; | ||
line-height: 1.6em !important; | line-height: 1.6em !important; | ||
− | color: rgba(26, 26, 26, .7) !important; | + | color: rgba(26,26,26,.7) !important; |
+ | text-align: left!important; | ||
+ | font-size: 18px!important; | ||
} | } | ||
− | .footer { | + | } |
− | background: rgba( | + | .footer{ |
+ | background:rgba(12, 61, 12, 0.8509803921568627) !important; | ||
} | } | ||
#back-to-top{ | #back-to-top{ | ||
− | + | position:fixed; | |
− | + | } | |
− | + | #back-to-top a{ | |
− | + | text-align:center; | |
− | + | text-decoration:none; | |
− | + | color:#d1d1d1; | |
− | + | display:block; | |
− | + | width:80px; | |
− | + | /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ | |
− | + | -moz-transition:color 1s; | |
− | + | -webkit-transition:color 1s; | |
− | + | -o-transition:color 1s; | |
− | + | } | |
− | + | #back-to-top a img{ | |
− | + | background:#d1d1d1; | |
− | + | border-radius:6px; | |
− | + | display:block; | |
− | + | height:80px; | |
− | + | width:80px; | |
− | + | margin-bottom:5px; | |
− | + | -moz-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 138: | Line 133: | ||
<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 144: | 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 = $('# | + | var $x = $('#standards').offset().top |
if (t >= $x - 80) { | if (t >= $x - 80) { | ||
console.log(t, $x) | console.log(t, $x) | ||
Line 164: | Line 160: | ||
}) | }) | ||
</script> | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <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 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> | |
− | + | ||
− | + | </ul> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
− | + | </li> | |
− | + | <li> | |
− | < | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a> |
− | + | </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/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> | </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> | |
− | <div class=" | + | <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> | </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> | |
− | <div class=" | + | <li> |
− | < | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a> |
+ | </li> | ||
+ | </ul> | ||
</div> | </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> | </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;"> | |
− | + | <strong class="positiontitle">Future Plans</strong> | |
− | + | <!-- 这里是大图的标题 --> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/7/7e/T--Worldshaper-XSHS--ti009.png | |
− | + | " alt="" class=" bg-stretch" style="width:100%"> | |
− | + | <!-- 这里是大图的图片链接 --> | |
+ | </section> | ||
− | + | <section class="pageInHere"> | |
− | + | <div class="container"> | |
− | + | <div class="row"> | |
− | + | <div class="col-xs-2 xshs-box3 "> | |
− | + | <ul class="colul text-left"> | |
− | + | ||
− | + | <p id="back-to-top" style="margin-top: 50px;"> | |
− | + | <a href="#top"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png"> | |
− | + | TO Top | |
− | + | </a> | |
− | + | </p> | |
− | + | </li> | |
− | + | <!-- 这里是页面定位锚点 href 对应代码的 “id属性 例如 id='xxx' ”--> | |
− | + | </ul> | |
− | + | </div> | |
− | + | <div class="col-xs-10"> | |
− | + | <div class="xshs-box3"> | |
− | + | <p id="standards"> | |
− | + | <h2 >After the competiton, our plan will continue:</h2> | |
− | + | <!-- <div class="xshs-box3"> | |
− | + | <p class="itemstyle"> | |
− | + | As mentioned in HP part, we have done the HP research carefully on three parts. Through the HP research, we confirmed that our project on second-hand smoke (SHS) control have been much accounted by both government side and general public. Especially in China, the amount of smokers and number of death from smoking-related diseases are both No.1 in the world, therefore, our work on SHS control direction, i.e. nicotine detection and degradation, has significant potential and great application prospect. Moreover, the research results also helped us gradually clarify our research objective and plan, improve product design, find direction for education and public engagement. | |
− | + | </p> --> | |
− | + | </div> | |
− | + | </p> | |
− | + | <div class="xshs-box3"> | |
− | + | ||
− | + | <b>1. We will improve our products.</b> | |
− | + | </p> | |
− | + | </p> | |
− | + | ||
− | + | ||
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <p class="itemstyle">We will continue to study how to degrade nicotine, so that both detection and degradation can be achieved at the same time, which make more contributions to people's lives. In terms of solid models, we will improve our devices to make them more convenient and accurate. If we have a chance, we will still apply our product model to some real occasions for testing its practical. |
− | + | </p> | |
− | + | ||
− | + | <b>2. We will expand the biological club</b> | |
− | + | <p class="itemstyle"> We will expand the scale of the biological club to let more students learn about synthetic biology and iGEM. We will also offer elective courses related to iGEM so that interested students have opportunity to learn more knowledge about synthetic biology in advance. | |
− | + | </p> | |
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | </ | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <b>3. We will hold more events</b> | ||
+ | </p> | ||
+ | <p class="itemstyle">We will hold more activities to promote iGEM competition and synthetic biology knowledge; we will try to organize a series of popular science projects in educational places such as schools and kindergartens, so more people will know about synthetic biology; we will attend more collaborative events to help other schools students. In addition, we will also work more closely with other iGEM teams to enhance the friendship between the team and the team. | ||
+ | </p> | ||
+ | |||
+ | |||
</div> | </div> | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | </ | + | </div> |
</div> | </div> | ||
</section> | </section> | ||
+ | |||
− | <footer class="footer"> | + | |
− | + | <footer class="footer" style="background:rgba(12, 61, 12, 0.8509803921568627) !important;"> | |
− | + | <div class="container"> | |
− | + | <div class="foot-box"> | |
− | + | <ul class="clearfix"> | |
− | + | <li class="foot-box-c1"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt=""> | |
− | + | </li> | |
− | + | <li class="foot-box-c2"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt=""> | |
− | + | </li> | |
− | + | <li class="foot-box-c3"> | |
− | + | <p>Worldshaper-XSHS, Xiaoshan High School</p> | |
− | + | <p> | |
− | + | Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China | |
− | + | </p> | |
− | + | </li> | |
− | + | <li class="foot-box-c4"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/9/96/T--worldshaper-XSHS--wechat.png" alt=""> | |
− | + | </li> | |
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | </footer> | |
− | </footer> | + | |
</html> | </html> |
Latest revision as of 18:24, 17 October 2018
We will continue to study how to degrade nicotine, so that both detection and degradation can be achieved at the same time, which make more contributions to people's lives. In terms of solid models, we will improve our devices to make them more convenient and accurate. If we have a chance, we will still apply our product model to some real occasions for testing its practical.
We will expand the scale of the biological club to let more students learn about synthetic biology and iGEM. We will also offer elective courses related to iGEM so that interested students have opportunity to learn more knowledge about synthetic biology in advance.
We will hold more activities to promote iGEM competition and synthetic biology knowledge; we will try to organize a series of popular science projects in educational places such as schools and kindergartens, so more people will know about synthetic biology; we will attend more collaborative events to help other schools students. In addition, we will also work more closely with other iGEM teams to enhance the friendship between the team and the team.
After the competiton, our plan will continue: