(44 intermediate revisions by 7 users not shown) | |||
Line 8: | Line 8: | ||
<title>Team:HUST-China</title> | <title>Team:HUST-China</title> | ||
<link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&ctype=text/css"> | <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&ctype=text/css"> | ||
− | < | + | <link href="https://2017.igem.org/Team:HUST-China/css/return_top?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> |
− | + | ||
+ | <link href="https://2017.igem.org/Team:HUST-China/website/css/amp-website.css?action=raw&ctype=text/css"/> | ||
+ | |||
+ | <!-- Acorn Media Player specific --> | ||
+ | <link href="https://2017.igem.org/Team:HUST-China/acornmediaplayer/acornmediaplayer.base.css?action=raw&ctype=text/css" > | ||
+ | |||
+ | <!-- Theme --> | ||
+ | <link href="https://2017.igem.org/Team:HUST-China/acornmediaplayer/themes/access/acorn.access.css?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/picbox.css?action=raw&ctype=text/css" type="text/css" media="screen" /> | ||
+ | |||
<script> | <script> | ||
if ($('.firstHeading')) $('.firstHeading').remove(); | if ($('.firstHeading')) $('.firstHeading').remove(); | ||
Line 180: | Line 189: | ||
margin: 20px 0 40px 0; | margin: 20px 0 40px 0; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
.tab1 { | .tab1 { | ||
width:100%; | width:100%; | ||
Line 207: | Line 211: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.tab3 { | .tab3 { | ||
padding: 60px 20px; | padding: 60px 20px; | ||
Line 217: | Line 218: | ||
.tab3 img { | .tab3 img { | ||
width: 65%; | width: 65%; | ||
− | height: | + | height: auto; |
} | } | ||
Line 224: | Line 225: | ||
padding: 60px 20px; | padding: 60px 20px; | ||
text-align: center; | text-align: center; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 233: | Line 230: | ||
font-size: 20px; | font-size: 20px; | ||
color:#0c0047; | color:#0c0047; | ||
+ | text-align: center; | ||
} | } | ||
Line 240: | Line 238: | ||
.text p { | .text p { | ||
font-size: 14px; | font-size: 14px; | ||
+ | text-align: left; | ||
} | } | ||
#footer { | #footer { | ||
Line 304: | Line 303: | ||
} | } | ||
} | } | ||
+ | |||
+ | .collapse { | ||
+ | display: none; | ||
+ | } | ||
+ | @media (min-width: 992px) { | ||
+ | .navbar-collapse.collapse { | ||
+ | display: block !important; | ||
+ | height: auto !important; | ||
+ | padding-bottom: 0; | ||
+ | overflow: visible !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 768px) { | ||
+ | #menu_vedio{ | ||
+ | width:320px; | ||
+ | height:180px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | .menu_logo_1 { | ||
+ | top: 18px; | ||
+ | left:10px; | ||
+ | z-index: 1000; | ||
+ | opacity: 0.8; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .menu_logo_2 { | ||
+ | top: 18px; | ||
+ | left:100px; | ||
+ | z-index: 1000; | ||
+ | opacity: 0.8; | ||
+ | position: fixed; | ||
+ | } | ||
+ | #menu_vedio{ | ||
+ | width:400px; | ||
+ | height:225px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* 中等屏幕(桌面显示器,大于等于992px) */ | ||
+ | @media (min-width: 992px) { | ||
+ | .menu_logo_1 { | ||
+ | top: 18px; | ||
+ | left:20px; | ||
+ | z-index: 1000; | ||
+ | opacity: 0.8; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .menu_logo_2 { | ||
+ | top: 18px; | ||
+ | left:110px; | ||
+ | z-index: 1000; | ||
+ | opacity: 0.8; | ||
+ | position: fixed; | ||
+ | } | ||
+ | #menu_vedio{ | ||
+ | width:640px; | ||
+ | height:360px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* 大屏幕(大桌面显示器,大于等于1200px) */ | ||
+ | @media (min-width: 1200px) { | ||
+ | .menu_logo_1 { | ||
+ | top: 18px; | ||
+ | left:80px; | ||
+ | z-index: 1000; | ||
+ | opacity: 0.8; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .menu_logo_2 { | ||
+ | top: 18px; | ||
+ | left:170px; | ||
+ | z-index: 1000; | ||
+ | opacity: 0.8; | ||
+ | position: fixed; | ||
+ | } | ||
+ | #menu_vedio{ | ||
+ | width:800px; | ||
+ | height:450px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
Line 311: | Line 403: | ||
</head> | </head> | ||
− | <body> | + | <body style="height:auto"> |
− | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px"> | + | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px;"> |
<div class="container"> | <div class="container"> | ||
<div class="navbar-header"> | <div class="navbar-header"> | ||
− | <a href="https://2017.igem.org/Team:HUST-China" class="navbar-brand logo"><img src="https://static.igem.org/mediawiki/2017/6/64/Team_HUST_China_2017_logo.png" alt="HUST_iGEM_2017_logo"></a> | + | <a href="https://2017.igem.org/Team:HUST-China" class="navbar-brand logo menu_logo_1"><img src="https://static.igem.org/mediawiki/2017/6/64/Team_HUST_China_2017_logo.png" alt="HUST_iGEM_2017_logo"></a> |
− | <a href="https://2017.igem.org" class="navbar-brand logo"><img src="https://static.igem.org/mediawiki/2017/f/f6/IGEM_2017_logo.png" alt="HUST_iGEM_2017_logo"></a> | + | <a href="https://2017.igem.org" class="navbar-brand logo menu_logo_2"><img src="https://static.igem.org/mediawiki/2017/f/f6/IGEM_2017_logo.png" alt="HUST_iGEM_2017_logo"></a> |
− | <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" style="background-color: #333; color:#111"> |
− | <span class=" | + | <span class="icon-bar"></span> |
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
</button> | </button> | ||
</div> | </div> | ||
Line 326: | Line 421: | ||
<div class="collapse navbar-collapse" id="navbar-collapse"> | <div class="collapse navbar-collapse" id="navbar-collapse"> | ||
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
− | |||
− | |||
− | |||
<li class="active"><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li> | <li class="active"><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
Line 359: | Line 451: | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | |
− | PARTS | + | PARTS<b class="caret"></b> |
</a> | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Basic part">Basic part</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Composite part">Composite part</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Part collection">Part collection</a></li> | ||
+ | </ul> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
− | + | HP<b class="caret"></b> | |
</a> | </a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<li><a href="https://2017.igem.org/Team:HUST-China/Collaborations"> Collaborations</a></li> | <li><a href="https://2017.igem.org/Team:HUST-China/Collaborations"> Collaborations</a></li> | ||
<li><a href="https://2017.igem.org/Team:HUST-China/HP/Silver">HP/Silver</a></li> | <li><a href="https://2017.igem.org/Team:HUST-China/HP/Silver">HP/Silver</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Engagement">Engagement</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 388: | Line 486: | ||
</nav> | </nav> | ||
− | + | <div class="item" style="margin-top:65px;width:100%;" > | |
− | <div class="item" style="margin-top:65px;width:100%;"> | + | <img src="https://static.igem.org/mediawiki/2017/d/d0/Menu_big.png"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | |
</div> | </div> | ||
− | <div class=" | + | <div class="container-fluid" style="margin:0px auto; padding:20px;"> |
− | + | <div class="row"> | |
+ | <div class="col-sm-8 col-md-8 col-sm-offset-2 col-md-offset-2"> | ||
+ | <section> | ||
+ | <figure> | ||
+ | <video id ="menu_vedio" controls="controls" poster="https://static.igem.org/mediawiki/2017/6/6c/2017_HUST_China_vedio_poster2206.png" preload="metadata" aria-describedby="full-descript"> | ||
+ | <source type="video/webm" src="https://static.igem.org/mediawiki/2017/8/8e/HUST-China-2017-video.webm" /> | ||
+ | <source type="video/mp4" src="https://static.igem.org/mediawiki/2017/a/a1/HUST-China_wiki_Video.MP4" /> | ||
+ | <track src="subs/TOS-arabic.srt" kind="subtitles" srclang="ar" label="Arabic" /> | ||
+ | <track src="subs/TOS-japanese.srt" kind="subtitles" srclang="jp" label="Japanese" /> | ||
+ | <track src="subs/TOS-english.srt" kind="subtitles" srclang="en" label="English" /> | ||
+ | <track src="subs/TOS-turkish.srt" kind="subtitles" srclang="tr" label="Turkish" /> | ||
+ | <track src="subs/TOS-ukrainian.srt" kind="subtitles" srclang="uk" label="Ukrainian" /> | ||
+ | </video> | ||
+ | </figure> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <div class="tab2"> | |
<div class="container"> | <div class="container"> | ||
− | <div class="row"> | + | <div class="row auto"> |
− | <div class=" | + | <div class="col-md-6 col-sm-6 tab2-img "> |
− | + | <img title="demo1" src="https://static.igem.org/mediawiki/2017/f/f7/Menu001.png" alt="demo1" class="col-xs-8 col-xs-offset-2"> | |
</div> | </div> | ||
− | <div class=" | + | <div class="text col-md-6 col-sm-6 tab2-text col-xs-12"> |
− | <h3><span><strong>WHAT</strong></span> | + | <h3><span><strong>WHAT</strong></span> ARE WE WORKING ON ?</h3> |
− | <p> This year | + | <p> This year HUST-China focuses on the enrichment of rare earth elements. By designing and constructing the genetic circuits we can recycle the rare earth ions and purify waste water. Our final goal is to build a highly intelligent & efficient engineering circuit including specific peptides.</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 416: | Line 529: | ||
<div class="tab3"> | <div class="tab3"> | ||
<div class="container"> | <div class="container"> | ||
− | <div class="row"> | + | <div class="row auto "> |
− | <div class=" | + | <div class="col-md-6 col-sm-6" > |
− | + | <img title="demo1" src="https://static.igem.org/mediawiki/2017/0/0c/Menu002.png" alt="demo1" class="col-xs-8 col-xs-offset-2"> | |
</div> | </div> | ||
− | <div class=" | + | <div class="text col-md-6 col-sm-6 col-xs-12"> |
<h3><span><strong>WHY</strong></span> WE FOCUS ON THIS ?</h3> | <h3><span><strong>WHY</strong></span> WE FOCUS ON THIS ?</h3> | ||
− | <p> The rare-earth elements ( | + | <p> The rare-earth elements (REE) has aroused more and more public attention due to the roles it plays in different fields—permanent magnets, catalysts, rechargeable batteries and other high tech products<sup>[1]</sup>. However, processes like mining, refining, and recycling of rare earth elements do serious harm to the environment if not properly managed. For instance, toxic acids are produced during the refining process and they are particular to be transfered into the general water supply<sup>[2]</sup>. So we want to figure out a way through which we can not only enrich rare earth elements, but also be environmentally friendly. That’s why we turn to synthetic biology to solve the environmental problem.</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 430: | Line 543: | ||
<div class="tab4"> | <div class="tab4"> | ||
<div class="container"> | <div class="container"> | ||
− | <div class="row"> | + | <div class="row auto"> |
− | <div class=" | + | <div class="col-md-6 col-sm-6 tab2-img"> |
− | + | <img title="demo1" src="https://static.igem.org/mediawiki/2017/9/9b/Menu003.png" alt="demo1" class="col-xs-8 col-xs-offset-2"> | |
</div> | </div> | ||
− | <div class=" | + | <div class="text col-md-6 col-sm-6 tab2-text col-xs-12"> |
<h3><span><strong>HOW</strong></span> WE ACHIEVE OUR GOAL ?</h3> | <h3><span><strong>HOW</strong></span> WE ACHIEVE OUR GOAL ?</h3> | ||
− | <p> Our system | + | <p> Our system has been divided into sensing part and capture part. We use lanthanide binding peptide and surface display system to recycle rare earth ions. The sensing part is based on the PmrA-B-C system which is discovered from salmonella. We also take 2015 HUST-China project as reference to help us recollect our bacterial. Further explanation will be shown in the description part.</p> |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="tab3"> | ||
+ | <div class="container"> | ||
+ | <div class="row auto "> | ||
+ | <div class="col-md-6 col-sm-6" > | ||
+ | <img title="demo1" src="https://static.igem.org/mediawiki/2017/e/e1/2017_iGEM_HUST_China_achievement.jpg" alt="demo1" class="col-xs-8 col-xs-offset-2"> | ||
+ | </div> | ||
+ | <div class="text col-md-6 col-sm-6 col-xs-12"> | ||
+ | <h3><span><strong>WHAT</strong></span> HAVE WE ACHIEVED ?</h3> | ||
+ | <p> It was a memorable year that we recruited new team members in November 2016 and told the story of our project to the iGEMers all over the world in November 2017. iGEM was not only a litmus test that picked those who have a passion for synthetic biology, but also a window that gave us a chance to enjoy the charming scenery of synthetic biology. In the end, HUST-China won the Gold Medal with the efforts of all its team members.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
<footer id="footer"> | <footer id="footer"> | ||
− | <div class="container"style="text-align: left"> | + | <div class="container" style="text-align: left"> |
<h3><strong>Referrence:</strong></h3> | <h3><strong>Referrence:</strong></h3> | ||
<p>1.Binnemans K, Jones P T, Blanpain B, et al. Recycling of rare earths: a critical review[J]. Journal of Cleaner Production, 2013, 51(14):1–22.</p> | <p>1.Binnemans K, Jones P T, Blanpain B, et al. Recycling of rare earths: a critical review[J]. Journal of Cleaner Production, 2013, 51(14):1–22.</p> | ||
Line 451: | Line 581: | ||
</div> | </div> | ||
</footer> | </footer> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/return_top_jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/js/return_top_script?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/ajax/libs/jquery/1.4/jquery.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/picbox.js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Required by Acorn Media Player --> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/lib/jquery.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/lib/jquery-ui-1.10.0.custom.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- Optional - for older browser support - Webshim Polyfill --> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/lib/modernizr.custom.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/afarkas.github.io/webshim/js-webshim/minified/polyfiller.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script> | ||
+ | if(window.webshims) { | ||
+ | webshims.polyfill('mediaelement'); | ||
+ | } | ||
+ | </script> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/acornmediaplayer/jquery.acornmediaplayer.js?action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Call the plugin --> | ||
+ | <script> | ||
+ | jQuery(function() { | ||
+ | jQuery('video, audio').acornMediaPlayer(); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
+ | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | ||
+ | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | ||
+ | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | ||
+ | ga('create', 'UA-19824700-1', 'ghinda.net'); | ||
+ | ga('send', 'pageview'); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function () { | $(function () { | ||
//设置文字垂直居中 | //设置文字垂直居中 | ||
− | $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px'); | + | $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px'); |
$(window).resize(function () { | $(window).resize(function () { | ||
− | $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px'); | + | $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px'); |
}); | }); | ||
Line 468: | Line 639: | ||
$('.text').eq(2).css('margin-top', ($('.auto').eq(2).height() - $('.text').eq(2).height()) / 2 + 'px'); | $('.text').eq(2).css('margin-top', ($('.auto').eq(2).height() - $('.text').eq(2).height()) / 2 + 'px'); | ||
}); | }); | ||
+ | |||
+ | $('.text').eq(3).css('margin-top', ($('.auto').eq(3).height() - $('.text').eq(3).height()) / 2 + 'px'); | ||
+ | $(window).resize(function () { | ||
+ | $('.text').eq(3).css('margin-top', ($('.auto').eq(3).height() - $('.text').eq(3).height()) / 2 + 'px'); | ||
+ | }); | ||
+ | |||
}); | }); |
Latest revision as of 03:45, 16 December 2017
WHAT ARE WE WORKING ON ?
This year HUST-China focuses on the enrichment of rare earth elements. By designing and constructing the genetic circuits we can recycle the rare earth ions and purify waste water. Our final goal is to build a highly intelligent & efficient engineering circuit including specific peptides.
WHY WE FOCUS ON THIS ?
The rare-earth elements (REE) has aroused more and more public attention due to the roles it plays in different fields—permanent magnets, catalysts, rechargeable batteries and other high tech products[1]. However, processes like mining, refining, and recycling of rare earth elements do serious harm to the environment if not properly managed. For instance, toxic acids are produced during the refining process and they are particular to be transfered into the general water supply[2]. So we want to figure out a way through which we can not only enrich rare earth elements, but also be environmentally friendly. That’s why we turn to synthetic biology to solve the environmental problem.
HOW WE ACHIEVE OUR GOAL ?
Our system has been divided into sensing part and capture part. We use lanthanide binding peptide and surface display system to recycle rare earth ions. The sensing part is based on the PmrA-B-C system which is discovered from salmonella. We also take 2015 HUST-China project as reference to help us recollect our bacterial. Further explanation will be shown in the description part.
WHAT HAVE WE ACHIEVED ?
It was a memorable year that we recruited new team members in November 2016 and told the story of our project to the iGEMers all over the world in November 2017. iGEM was not only a litmus test that picked those who have a passion for synthetic biology, but also a window that gave us a chance to enjoy the charming scenery of synthetic biology. In the end, HUST-China won the Gold Medal with the efforts of all its team members.