Difference between revisions of "Team:HUST-China"

 
(36 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 202: Line 211:
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
−
    .tab2 img {
+
 
−
        width: 40%;
+
−
        height: auto;
+
−
    }
+
 
     .tab3 {
 
     .tab3 {
 
         padding: 60px 20px;
 
         padding: 60px 20px;
Line 219: Line 225:
 
         padding: 60px 20px;
 
         padding: 60px 20px;
 
         text-align: center;
 
         text-align: center;
−
    }
 
−
    .tab4 img {
 
−
        width: 65%;
 
−
        height: auto;
 
 
     }
 
     }
  
Line 228: Line 230:
 
         font-size: 20px;
 
         font-size: 20px;
 
         color:#0c0047;
 
         color:#0c0047;
 +
        text-align: center;
 
     }
 
     }
  
Line 235: Line 238:
 
     .text p {
 
     .text p {
 
         font-size: 14px;
 
         font-size: 14px;
 +
        text-align: left;
 
     }
 
     }
 
     #footer {
 
     #footer {
Line 311: Line 315:
 
       }
 
       }
 
     }
 
     }
 +
   
 
     body {
 
     body {
 
             position: relative;
 
             position: relative;
 
         }
 
         }
−
     .menu_logo_1 {
+
 
−
             top: 16px;
+
     @media (max-width: 768px) {
−
             left:80px;
+
        #menu_vedio{
−
             z-index: -1000;
+
            width:320px;
 +
            height:180px;
 +
        }
 +
    }
 +
 
 +
 
 +
    @media (min-width: 768px) {
 +
        .menu_logo_1 {
 +
             top: 18px;
 +
             left:10px;
 +
             z-index: 1000;
 
             opacity: 0.8;
 
             opacity: 0.8;
 
             position: fixed;
 
             position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
            top: 18px;
 +
            left:100px;
 +
            z-index: 1000;
 +
            opacity: 0.8;
 +
            position: fixed;
 +
        }
 +
        #menu_vedio{
 +
            width:400px;
 +
            height:225px;
 +
        }
 
     }
 
     }
−
     .menu_logo_2 {
+
 
−
             top: 16px;
+
     /* 中等屏幕（桌面显示器，大于等于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;
 
             left:170px;
−
             z-index: -1000;
+
             z-index: 1000;
 
             opacity: 0.8;
 
             opacity: 0.8;
 
             position: fixed;
 
             position: fixed;
 +
        }
 +
        #menu_vedio{
 +
            width:800px;
 +
            height:450px;
 +
        }
 
     }
 
     }
  
 +
 +
       
  
 
          
 
          
Line 337: 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 420: 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 ">
−
                    <img src="https://static.igem.org/mediawiki/2017/4/44/Vedio_first_image.png" class="img-responsive center-block" alt="">
+
                        <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">
+
                 <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 iGEM HUST-China focus on the enrichment of rare earth elements. Through the engineering bacteria we enrich rare earth element and recover wastewater. Our final goal is to build a highly intelligent & efficient engineering bacteria with logical combination of artificial 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 449: Line 530:
 
         <div class="container">
 
         <div class="container">
 
             <div class="row auto ">
 
             <div class="row auto ">
−
                 <div class="col-md-6 col-sm-6">
+
                 <div class="col-md-6 col-sm-6" >
−
                    <img src="https://static.igem.org/mediawiki/2017/4/44/Vedio_first_image.png" class="img-responsive center-block" alt="">
+
                        <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="text col-md-6 col-sm-6">
+
                 <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) are becoming increasingly important due to their essential role in permanent magnets, catalysts, rechargeable batteries and other high tech product<sup>[1]</sup>. However, mining, refining, and recycling of rare earths have serious environmental consequences if not properly managed. For example, toxic acids are required during the refining process and they are particularly prone to be released into the general water supply<sup>[2]</sup>. So, we need an effective way to improve the existing production methods, 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 464: 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">
−
                    <img src="https://static.igem.org/mediawiki/2017/4/44/Vedio_first_image.png" class="img-responsive center-block" alt="">
+
                        <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="text col-md-6 col-sm-6 tab2-text">
+
                 <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 consists the sensing part and the capture part which base on artificial peptides.We combine lanthanide binding peptide and surface display system to capture rare earth ions. The sensing part is a transformation of membrane protein which can sense the ferric ion. We also use the design from 2015 iGEM HUST-China to help us regain our bacterial.</p>
+
                     <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 483: 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 () {
 
         //设置文字垂直居中
 
         //设置文字垂直居中
−
         $('.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 500: 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: