(28 intermediate revisions by 7 users not shown) | |||
Line 3: | Line 3: | ||
<head> | <head> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
+ | <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="renderer" content="webkit"> | <meta name="renderer" content="webkit"> | ||
− | <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> | ||
Line 157: | Line 163: | ||
} | } | ||
− | + | .item img { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
margin: 0 auto; | margin: 0 auto; | ||
+ | padding:0; | ||
+ | width:100%; | ||
} | } | ||
/*.carousel-control { | /*.carousel-control { | ||
Line 187: | Line 189: | ||
margin: 20px 0 40px 0; | margin: 20px 0 40px 0; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
.tab1 { | .tab1 { | ||
width:100%; | width:100%; | ||
Line 208: | Line 205: | ||
.tab1 .col { | .tab1 .col { | ||
padding: 20px; | padding: 20px; | ||
+ | } | ||
+ | .tab2 { | ||
+ | background-color: #eee; | ||
+ | padding: 60px 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .tab3 { | ||
+ | padding: 60px 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .tab3 img { | ||
+ | width: 65%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .tab4 { | ||
+ | background-color: #eee; | ||
+ | padding: 60px 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .text h3 { | ||
+ | font-size: 20px; | ||
+ | color:#0c0047; | ||
+ | text-align: center; | ||
} | } | ||
Line 215: | Line 238: | ||
.text p { | .text p { | ||
font-size: 14px; | font-size: 14px; | ||
+ | text-align: left; | ||
} | } | ||
#footer { | #footer { | ||
Line 221: | Line 245: | ||
padding: 20px; | padding: 20px; | ||
text-align: center; | text-align: center; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
/*没有小于768px,是因为Bootstrap3以移动端优先设计*/ | /*没有小于768px,是因为Bootstrap3以移动端优先设计*/ | ||
− | |||
/* 小屏幕(平板,大于等于768px) */ | /* 小屏幕(平板,大于等于768px) */ | ||
− | + | @media (min-width: 768px) { | |
.tab-h1 { | .tab-h1 { | ||
font-size: 26px; | font-size: 26px; | ||
Line 288: | Line 299: | ||
} | } | ||
.text p { | .text p { | ||
− | + | font-size: 14px; | |
text-indent: 28px; | text-indent: 28px; | ||
} | } | ||
} | } | ||
− | |||
− | body { | + | .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; | position: relative; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | @media (max-width: 768px) { | |
− | + | #menu_vedio{ | |
− | + | width:320px; | |
− | + | height:180px; | |
} | } | ||
+ | } | ||
− | + | ||
− | + | @media (min-width: 768px) { | |
− | + | ||
− | + | ||
.menu_logo_1 { | .menu_logo_1 { | ||
top: 18px; | top: 18px; | ||
Line 335: | Line 342: | ||
opacity: 0.8; | opacity: 0.8; | ||
position: fixed; | position: fixed; | ||
− | + | } | |
+ | #menu_vedio{ | ||
+ | width:400px; | ||
+ | height:225px; | ||
+ | } | ||
} | } | ||
Line 353: | Line 364: | ||
opacity: 0.8; | opacity: 0.8; | ||
position: fixed; | position: fixed; | ||
+ | } | ||
+ | #menu_vedio{ | ||
+ | width:640px; | ||
+ | height:360px; | ||
} | } | ||
} | } | ||
Line 371: | Line 386: | ||
opacity: 0.8; | opacity: 0.8; | ||
position: fixed; | position: fixed; | ||
+ | } | ||
+ | #menu_vedio{ | ||
+ | width:800px; | ||
+ | height:450px; | ||
} | } | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
− | <body | + | <body style="height:auto"> |
− | + | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px;"> | |
<div class="container"> | <div class="container"> | ||
Line 395: | 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><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"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
Line 444: | Line 470: | ||
</ul> | </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"> | ||
TEAM <b class="caret"></b> | TEAM <b class="caret"></b> | ||
Line 460: | Line 486: | ||
</nav> | </nav> | ||
− | <div class=" | + | <div class="item" style="margin-top:65px;width:100%;" > |
− | + | <img src="https://static.igem.org/mediawiki/2017/d/d0/Menu_big.png"> | |
</div> | </div> | ||
− | <div class="container-fluid | + | |
+ | <div class="container-fluid" style="margin:0px auto; padding:20px;"> | ||
<div class="row"> | <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 class="tab2"> | ||
+ | <div class="container"> | ||
+ | <div class="row auto"> | ||
+ | <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="text col-md-6 col-sm-6 tab2-text col-xs-12"> | ||
+ | <h3><span><strong>WHAT</strong></span> ARE WE WORKING ON ?</h3> | ||
+ | <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> | ||
− | + | ||
− | + | <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/0/0c/Menu002.png" alt="demo1" class="col-xs-8 col-xs-offset-2"> | ||
</div> | </div> | ||
− | <div | + | <div class="text col-md-6 col-sm-6 col-xs-12"> |
− | <h3 | + | <h3><span><strong>WHY</strong></span> WE FOCUS ON THIS ?</h3> |
− | <p> | + | <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> | ||
+ | </div> | ||
+ | <div class="tab4"> | ||
+ | <div class="container"> | ||
+ | <div class="row auto"> | ||
+ | <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 class="text col-md-6 col-sm-6 tab2-text col-xs-12"> | ||
+ | <h3><span><strong>HOW</strong></span> WE ACHIEVE OUR GOAL ?</h3> | ||
+ | <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 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> | ||
</div> | </div> | ||
+ | |||
<footer id="footer"> | <footer id="footer"> | ||
<div class="container" style="text-align: left"> | <div class="container" style="text-align: left"> | ||
− | <h3><strong> | + | <h3><strong>Referrence:</strong></h3> |
− | <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> |
− | + | <p>2.Bradsher, Keith (October 29, 2010). "After China's Rare Earth Embargo, a New Calculus". The New York Times. Retrieved October 30, 2010.</p> | |
− | <p> | + | |
− | + | ||
− | + | ||
− | + | ||
<h3><strong>Acknowledgments:</strong></h3> | <h3><strong>Acknowledgments:</strong></h3> | ||
− | <img style="max-width: 100%; height:auto; display: block " src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" /> | + | <img style="max-width: 100%; height:auto; display: block;" src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" /> |
</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 () { | ||
+ | //设置文字垂直居中 | ||
+ | $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px'); | ||
+ | $(window).resize(function () { | ||
+ | $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px'); | ||
+ | }); | ||
+ | |||
+ | $('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() - $('.text').eq(1).height()) / 2 + 'px'); | ||
+ | $(window).resize(function () { | ||
+ | $('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() - $('.text').eq(1).height()) / 2 + 'px'); | ||
+ | }); | ||
+ | |||
+ | $('.text').eq(2).css('margin-top', ($('.auto').eq(2).height() - $('.text').eq(2).height()) / 2 + 'px'); | ||
+ | $(window).resize(function () { | ||
+ | $('.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'); | ||
+ | }); | ||
+ | |||
+ | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
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.