Difference between revisions of "Team:HUST-China"

 
(30 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&amp;ctype=text/css">
 
     <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&amp;ctype=text/css">
−
     <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
+
     <link href="https://2017.igem.org/Team:HUST-China/css/return_top?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
−
     <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
+
 
 +
    <link href="https://2017.igem.org/Team:HUST-China/website/css/amp-website.css?action=raw&amp;ctype=text/css"/>
 +
 
 +
    <!-- Acorn Media Player specific -->
 +
     <link href="https://2017.igem.org/Team:HUST-China/acornmediaplayer/acornmediaplayer.base.css?action=raw&amp;ctype=text/css" >
 +
 
 +
    <!-- Theme -->
 +
    <link href="https://2017.igem.org/Team:HUST-China/acornmediaplayer/themes/access/acorn.access.css?action=raw&amp;ctype=text/css">
 +
    <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/picbox.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 +
 
 
     <script>
 
     <script>
 
     if ($('.firstHeading')) $('.firstHeading').remove();
 
     if ($('.firstHeading')) $('.firstHeading').remove();
Line 199: Line 208:
 
     .tab2 {
 
     .tab2 {
 
         background-color: #eee;
 
         background-color: #eee;
−
         padding: 20px 20px;
+
         padding: 60px 20px;
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
 
    
 
    
 
     .tab3 {
 
     .tab3 {
−
         padding: 20px 20px;
+
         padding: 60px 20px;
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
Line 214: Line 223:
 
     .tab4 {
 
     .tab4 {
 
         background-color: #eee;
 
         background-color: #eee;
−
         padding: 20px 20px;
+
         padding: 60px 20px;
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
Line 221: Line 230:
 
         font-size: 20px;
 
         font-size: 20px;
 
         color:#0c0047;
 
         color:#0c0047;
 +
        text-align: center;
 
     }
 
     }
  
Line 228: Line 238:
 
     .text p {
 
     .text p {
 
         font-size: 14px;
 
         font-size: 14px;
 +
        text-align: left;
 
     }
 
     }
 
     #footer {
 
     #footer {
Line 308: Line 319:
 
             position: relative;
 
             position: relative;
 
         }
 
         }
 +
 +
    @media (max-width: 768px) {
 +
        #menu_vedio{
 +
            width:320px;
 +
            height:180px;
 +
        }
 +
    }
 +
  
 
     @media (min-width: 768px) {
 
     @media (min-width: 768px) {
Line 323: Line 342:
 
             opacity: 0.8;
 
             opacity: 0.8;
 
             position: fixed;
 
             position: fixed;
−
    }
+
        }
 +
        #menu_vedio{
 +
            width:400px;
 +
            height:225px;
 +
        }
 
     }
 
     }
  
Line 341: Line 364:
 
             opacity: 0.8;
 
             opacity: 0.8;
 
             position: fixed;
 
             position: fixed;
 +
        }
 +
        #menu_vedio{
 +
            width:640px;
 +
            height:360px;
 
         }
 
         }
 
     }
 
     }
Line 359: Line 386:
 
             opacity: 0.8;
 
             opacity: 0.8;
 
             position: fixed;
 
             position: fixed;
 +
        }
 +
        #menu_vedio{
 +
            width:800px;
 +
            height:450px;
 
         }
 
         }
 
     }
 
     }
  
 +
 +
       
  
 
          
 
          
Line 370: 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">
  
Line 453: 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/2/24/2017_HUST_China_index_image1.png" alt="首页大图">
+
 
     </div>
 
     </div>
  
  
−
     <div class="tab1" style="width:100%">
+
     <div class="container-fluid" style="margin:0px auto; padding:20px;">
−
            <h1 class="tab-h1" >「Abstract」</h1>
+
        <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="tab2">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row auto">
 
             <div class="row auto">
 
                 <div class="col-md-6 col-sm-6  tab2-img ">
 
                 <div class="col-md-6 col-sm-6  tab2-img ">
−
                    <a href="https://static.igem.org/mediawiki/2017/3/3c/2017_HUST_China_menu01.png" rel="lightbox-demo" title="my caption"><br />
+
                         <img title="demo1" src="https://static.igem.org/mediawiki/2017/f/f7/Menu001.png" alt="demo1" class="col-xs-8 col-xs-offset-2">
−
                         <img title="demo1" src="https://static.igem.org/mediawiki/2017/3/3c/2017_HUST_China_menu01.png" alt="demo1" class="col-xs-8 col-xs-offset-2">
+
−
                    </a>
+
 
                 </div>
 
                 </div>
 
                 <div class="text col-md-6 col-sm-6 tab2-text col-xs-12">
 
                 <div class="text col-md-6 col-sm-6 tab2-text col-xs-12">
−
                     <h3><span><strong>WHAT</strong></span> WE ARE WORKING ON ?</h3>
+
                     <h3><span><strong>WHAT</strong></span> ARE WE WORKING ON ?</h3>
−
                     <p> This year HUST-China focus on the enrichment of rare earth elements. By designing and building the genetic circuits we can recycle the rare earth ions and clean the water. Our final goal is to build a highly intelligent & efficient engineering circuit including specific peptides.</p>
+
                     <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 485: Line 531:
 
             <div class="row auto ">
 
             <div class="row auto ">
 
                 <div class="col-md-6 col-sm-6" >
 
                 <div class="col-md-6 col-sm-6" >
−
                    <a href="https://static.igem.org/mediawiki/2017/a/a3/2017_HUST_China_menu02.png" rel="lightbox-demo" title="my caption"><br />
+
                         <img title="demo1" src="https://static.igem.org/mediawiki/2017/0/0c/Menu002.png" alt="demo1" class="col-xs-8 col-xs-offset-2">
−
                         <img title="demo1" src="https://static.igem.org/mediawiki/2017/a/a3/2017_HUST_China_menu02.png" alt="demo1" class="col-xs-8 col-xs-offset-2">
+
−
                    </a>
+
 
                 </div>
 
                 </div>
 
                 <div class="text col-md-6 col-sm-6  col-xs-12">
 
                 <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 (REEs) has aroused more public attention due to the roles they play in different fields—they serve as permanent magnets, catalysts, rechargeable batteries and other high tech product<sup>[1]</sup>. However, mining, refining, and recycling of rare earth elements do serious harm to the environment if are 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 try our best to be environmentally friendly. That’s why we turn to synthetic biology.</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>
Line 501: Line 545:
 
             <div class="row auto">
 
             <div class="row auto">
 
                 <div class="col-md-6 col-sm-6 tab2-img">
 
                 <div class="col-md-6 col-sm-6 tab2-img">
−
                    <a href="https://static.igem.org/mediawiki/2017/a/a0/2017_HUST_China_menu05.png" rel="lightbox-demo" title="my caption"><br />
+
                         <img title="demo1" src="https://static.igem.org/mediawiki/2017/9/9b/Menu003.png" alt="demo1" class="col-xs-8 col-xs-offset-2">
−
                         <img title="demo1" src="https://static.igem.org/mediawiki/2017/a/a0/2017_HUST_China_menu05.png" alt="demo1" class="col-xs-8 col-xs-offset-2">
+
−
                    </a>
+
 
                 </div>
 
                 </div>
 
                 <div class="text col-md-6 col-sm-6 tab2-text  col-xs-12">
 
                 <div class="text col-md-6 col-sm-6 tab2-text  col-xs-12">
Line 512: Line 554:
 
         </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 522: Line 581:
 
         </div>
 
         </div>
 
     </footer>
 
     </footer>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/return_top_jquery?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2017.igem.org/Team:HUST-China/js/return_top_script?action=raw&amp;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&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/picbox.js?action=raw&amp;ctype=text/javascript"></script>
 +
 +
 +
 +
    <!-- Required by Acorn Media Player -->
 +
    <script src="https://2017.igem.org/Team:HUST-China/lib/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2017.igem.org/Team:HUST-China/lib/jquery-ui-1.10.0.custom.min.js?action=raw&amp;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&amp;ctype=text/javascript"></script>
 +
    <script src="https://2017.igem.org/Team:HUST-China/afarkas.github.io/webshim/js-webshim/minified/polyfiller.js?action=raw&amp;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&amp;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 () {
Line 539: 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

Team:HUST-China

demo1

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.

demo1

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.

demo1

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.

demo1

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.

Referrence:

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.

2.Bradsher, Keith (October 29, 2010). "After China's Rare Earth Embargo, a New Calculus". The New York Times. Retrieved October 30, 2010.

Acknowledgments: