Difference between revisions of "Team:Peking"

 
(46 intermediate revisions by 5 users not shown)
Line 14: Line 14:
 
   <style type="text/css">/*get rid of the annoying iGEM style*/
 
   <style type="text/css">/*get rid of the annoying iGEM style*/
 
       #content{padding:0;border:0;width:100%;}
 
       #content{padding:0;border:0;width:100%;}
       .firstHeading{visibility:hidden;}
+
        
 
       h2{border-bottom:none;padding-bottom:.5em;}     
 
       h2{border-bottom:none;padding-bottom:.5em;}     
 
       .carousel-control.left, .carousel-control.right{background-image: none}
 
       .carousel-control.left, .carousel-control.right{background-image: none}
Line 37: Line 37:
 
   background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px;
 
   background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px;
 
}
 
}
 +
        #top_menu_inside, #top_menu_inside:before, #top_menu_inside:after { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box;}
 +
        #top_menu_under{font-size: 12px;}
 +
        #top_menu_14{font-size: 12px; height:18px}
 +
        #top_menu_inside li{font-size: 12px;}
 +
        #user_item{font-size: 12px;}
 
     </style>
 
     </style>
 
</head>
 
</head>
Line 60: Line 65:
 
                     <div class="navbar-collapse collapse"  style="padding-top:5px;padding-bottom:0">
 
                     <div class="navbar-collapse collapse"  style="padding-top:5px;padding-bottom:0">
 
                         <!-- Start Navigation List -->
 
                         <!-- Start Navigation List -->
                         <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px">
+
                         <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;padding-top:10px">
 
                             <li>
 
                             <li>
 
                                 <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
 
                                 <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
Line 111: Line 116:
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
                                 <a class="active" href="https://2015.igem.org/Team:Peking/Team">Lab</a>
+
                                 <a href="https://2015.igem.org/Team:Peking/Team">Lab</a>
 
                                 <ul>
 
                                 <ul>
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a>
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a>
Line 117: Line 122:
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a>
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a>
 
                                     </li>
 
                                     </li>
                                     <li><a class="active" href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a>
 
                                     </li>
 
                                     </li>
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a>
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a>
Line 136: Line 141:
  
  
<section id="home">  
+
<div class="container-fluid" style="text-align:justify;padding:0;margin:0">
 +
      <div id="banner" class="col-md-12">
 +
        <img src="https://static.igem.org/mediawiki/2015/1/1e/Peking-Home-Slider-Background-2.jpg">
 +
      </div>
 
   
 
   
      <!-- Carousel -->
+
    <!-- Divider -->
      <div id="main-slide" class="carousel col-md-12" data-ride="carousel">
+
         <div class="hr5" style="margin-top:25px; margin-bottom:45px;"></div>
 
+
      <div class="col-md-12">
        <!-- Indicators -->
+
      <h3 align="center" style="font-size:24px;color:#00afd1;"> Project Description</h3>
        <ol class="carousel-indicators" style="margin: 0 -30%;">
+
      </div>
          <li data-target="#main-slide" data-slide-to="0" class="active"></li>
+
          <li data-target="#main-slide" data-slide-to="1"></li>
+
          <li data-target="#main-slide" data-slide-to="2"></li>
+
        </ol><!--/ Indicators end-->
+
 
+
        <!-- Carousel inner -->
+
         <div class="carousel-inner">
+
          <div class="item active">
+
            <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/7/77/Peking-Home-Slider-Background-1.jpg" alt="slider">
+
            <div class="slider-content">
+
              <div class="col-md-12 text-center">
+
                <h3 style="margin-top:0px">
+
                  <span>Fighting against Tuberculosis, </span>
+
                </h3>
+
                <h3 style=" font-size:60px; margin-top:50px">
+
                  <span><strong>Making invisible visible</strong></span>
+
                </h3>
+
                </div>
+
            </div>
+
          </div><!--/ Carousel item end -->
+
          <div class="item">
+
            <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/7/77/Peking-Home-Slider-Background-1.jpg" alt="slider">
+
            <div class="slider-content">
+
              <div class="col-md-12 text-center">
+
                <h3>
+
                  <span>Peking iGEM 2015</span>
+
                </h3>
+
                   
+
              </div>
+
            </div>
+
          </div><!--/ Carousel item end -->
+
          <div class="item">
+
            <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/7/77/Peking-Home-Slider-Background-1.jpg" alt="slider">
+
            <div class="slider-content">
+
              <div class="col-md-12 text-center">
+
                <h3> <span> some words....</span></h3>
+
                </div>   
+
              </div>
+
            </div>
+
          </div><!--/ Carousel item end -->
+
        </div><!-- Carousel inner end-->
+
 
+
        <!-- Controls -->
+
        <a class="left carousel-control" href="#main-slide" role="button" data-slide="prev">
+
                              <span class="glyphicon" aria-hidden="true"><img src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png" style="margin-top:1000%"></span>
+
                                      <span class="sr-only">Previous</span>
+
                          </a>
+
        <a class="right carousel-control" href="#main-slide" role="button" data-slide="next">
+
                              <span class="glyphicon" aria-hidden="true"><img src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png" style="margin-top:1000%"></span>
+
                                      <span class="sr-only">Next</span>
+
                          </a>
+
       
+
      </div><!-- /carousel -->     
+
    </section>
+
    <!-- End HomePage Slider -->
+
 
+
<!-- Start Big Heading -->
+
                    <div class="big-title text-center" style="margin-top:45px" data-animation="fadeInDown" data-animation-delay="01">
+
                        <h3 style="font-size:24px"> Project <span class="accent-color">Description</span></h1>
+
                    </div>
+
 
                     <!-- End Big Heading -->
 
                     <!-- End Big Heading -->
  
 
                     <!-- Some Text -->
 
                     <!-- Some Text -->
                    <div id="project-description" class="title-desc text-left" style="max-width:75%; margin:auto;">
+
      <div id="project-description" class="title-desc" style="max-width:75%; margin:auto;">
                    <p class="text-center">
+
        <p>Tuberculosis, caused by <i>Mycobacterium tuberculosis</i>, remains one of the world's most serious public health problems. Although tuberculosis is curable and the treatment success rate is high, it is still the second most common cause of death from infectious disease (after HIV). It causes more than 1.3 million deaths annually, and most of the deaths occur in developing countries that are lack of effective identification of those in need of therapy, with an enormous amount of delayed or failed diagnosis.<br></p>
                      <p>Tuberculosis, caused by <i>Mycobacterium tuberculosis</i>, remains one of the world's most serious public health problems. Although tuberculosis is curable and the treatment success rate is high, it is still the second most common cause of death from infectious disease (after HIV). It caused more than 1.3 million deaths annually, and most of the deaths occur in developing countries that are lack of effective identification of those in need of therapy, with an enormous amount of delayed or failed diagnosis.<br></p>
+
        <p><br/>Case detection is currently the rate-limiting step in disease control. The available Nucleic Acid Detection (NAD) Method is sensitive and fast, but does not reach the requirement of specificity and reliability.<br>  
                      <p>Case detection is currently the rate-limiting step in disease control. The available Nucleic Acid Detection (NAD) Method is sensitive and fast, but does not reach the requirement of specificity and reliability.<br>  
+
      <p><br/>To obviate such problems, Peking iGEM team is developing a novel PC Reporters system that can transform biomarkers of the disease into optical signal. Combined with array design and statistical analysis, the presence of <i>Mycobacterium tuberculosis</i> can be easily verified. It can also be easily used in developing areas with designed hardware development. We believe this new advanced system can turn  out as a powerful tool in disease diagnosis, with high specificity and reliability.  
</p>  
+
                    <p>To obviate such problems, Peking iGEM team is developing a novel PC Reporters system that can transform biomarkers of the disease into optical signal. Combined with array design and statistical analysis, the presence of <i>Mycobacterium tuberculosis</i> can be easily verified. It can also be easily used in developing areas with designed hardware development. We believe this new advanced system can turn  out as a powerful tool in disease diagnosis, with high specificity and reliability.  
+
  
 
                     </p>
 
                     </p>
 
                     </div>
 
                     </div>
 +
                  </div>
  
 
<!-- Divider -->
 
<!-- Divider -->
Line 222: Line 169:
 
         <!-- Start Big Heading -->
 
         <!-- Start Big Heading -->
 
           <div class="big-title text-center" style="margin-top:30px">
 
           <div class="big-title text-center" style="margin-top:30px">
             <h3 style="font-size:24px">blablablabla<span class="accent-color">blablabla</span> & <span class="accent-color">blablabla</span> blablabla</h3>
+
            <h3 style="font-size:24px"><span class="accent-color">Awards</span></br>
             <p class="title-desc" style="margin-top:25px">Lorem Ipsum is simply dummy text of the typesetting industry.</p>
+
                          Best New Composite Part<br/>
 +
              Best Part Collection
 +
            </h3>
 +
             <h3 style="font-size:24px"><span class="accent-color">Poster</span></br>
 +
            97 - Zone 4 - Hall C</br>
 +
            <span class="accent-color">Presentation</span></br>
 +
            9/26/2015 - Room 302 - 11:30 AM
 +
            </h3>
 +
             <p class="title-desc" style="margin-top:30px; font-size:22px;font-weight:bold" >Thanks for your attention!</p>
 
           </div>
 
           </div>
 
           <!-- End Big Heading -->
 
           <!-- End Big Heading -->
Line 232: Line 187:
 
          
 
          
 
         <!-- Start Services Icons -->
 
         <!-- Start Services Icons -->
        <div class="row">
+
     
            
+
          <div class="row" style="text-align:justify">
 +
            <div class="col-md-3">
 +
              <div align="center">
 +
                <a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter"><img src="https://static.igem.org/mediawiki/2015/3/32/Peking-feature-1.png" style="max-width:180px"></a>
 +
              </div>
 +
              <div>
 +
                <p align="center" style="margin-top:10px"><b>Specificity</b></p>
 +
                <p style="padding-left:5px;padding-right:5px">A nucleic-acid-based, sequence-specific detection system named "paired dCas9" (PC) reporter was built. Its specificity and sensitivity proved to be enough to detect real MTB genome.</p>
 +
              </div>
 +
            </div>
 +
            <div class="col-md-3">
 +
              <div align="center">
 +
                <a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter#array"><img src="https://static.igem.org/mediawiki/2015/7/79/Peking-feature-2.png" style="max-width:180px"></a>
 +
              </div>
 +
              <div>
 +
                <p align="center" style="margin-top:10px"><b>Reliability</b></p>
 +
                <p style="padding-left:5px;padding-right:5px">An array of MTB-specific markers was designed to use information from the entire genome of MTB to improve the reliability of diagnosis. By statistics, we are able to present the readouts in a quantitative way.</i></p>
 +
              </div>
 +
            </div>
 +
            <div class="col-md-3">
 +
              <div  align="center">
 +
                <a href="https://2015.igem.org/Team:Peking/Device"><img src="https://static.igem.org/mediawiki/2015/0/0c/Peking-feature-3.png" style="max-width:180px"></a>
 +
              </div>
 +
              <div>
 +
                <p align="center" style="margin-top:10px"><b>Portability</b></p>
 +
                <p style="padding-left:5px;padding-right:5px">Noticing that most TB cases occur in developing areas, we built an electronic device that was portable, affordable, and easy to use.</p>
 +
              </div>
 +
            </div>
 +
            <div class="col-md-3">
 +
              <div  align="center">
 +
                <a href="https://2015.igem.org/Team:Peking/Practices"><img src="https://static.igem.org/mediawiki/2015/2/2a/Peking-feature-4.png" style="max-width:180px"></a>
 +
              </div>
 +
              <div>
 +
                <p align="center" style="margin-top:10px"><b>Bench to Bedside</b></p>
 +
                <p style="padding-left:5px;padding-right:5px">Coming from bedside to bench, we set out to apply our bench achievements back to bedside. With consultation, survey and feedback from clinical practice, we are still working on improving our detection system!</p>
 +
              </div>
 +
            </div>
 +
           </div>
 +
 
 +
 
 +
 
 
         <!-- End Feature Icon 1 -->
 
         <!-- End Feature Icon 1 -->
           <div class="col-md-3 col-sm-6 service-box service-center">
+
        <!--<div class="row">
 +
            
 +
           
 +
            <div class="col-md-3 service-box service-center" style="height:30%">
 
             <div class="service-icon">
 
             <div class="service-icon">
               <a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/3/32/Peking-feature-1.png" style="max-width:85%"></i></a>
+
               <a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/3/32/Peking-feature-1.png" style="max-width:50%"></i></a>
 
             </div>
 
             </div>
 
             <div class="service-content">
 
             <div class="service-content">
               <h4>High Specificity</h4>
+
               <h4>Specificity</h4>
               <p>Designed the novel Paired dCas9 (PC) Reporter system to improve the specificty and tested on <b>real TB genome</b>.</p>
+
               <p><br>Designed the novel Paired dCas9 (PC) Reporter system to improve the specificty and tested on <span style="color:#00afd1">real TB genome</span>.</p>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
Line 247: Line 245:
 
            
 
            
 
           <!-- Start Feature Icon 2 -->
 
           <!-- Start Feature Icon 2 -->
          <div class="col-md-3 col-sm-6 service-box service-center">
+
        <!--  <div class="col-md-3 service-box service-center" style="height:30%">
 
             <div class="service-icon">
 
             <div class="service-icon">
               <a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter#array"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/79/Peking-feature-2.png" style="max-width:85%"></i></a>
+
               <a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter#array"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/79/Peking-feature-2.png" style="max-width:50%"></i></a>
 
             </div>
 
             </div>
 
             <div class="service-content">
 
             <div class="service-content">
               <h4>High Reliability</h4>
+
               <h4>Reliability</h4>
               <p>Combine array design and statistical analysis to verify the presence of <i>Mycobacterium tuberculosis</i>.</p>
+
               <p><br>Combine <span style="color:#00afd1">array design</span> and <span style="color:#00afd1">statistical analysis</span> to verify the presence of <i>Mycobacterium tuberculosis</i>.</p>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 +
     
 +
     
 
           <!-- Start Feature Icon 3 -->
 
           <!-- Start Feature Icon 3 -->
          <div class="col-md-3 col-sm-6 service-box service-center">
+
 +
          <!--<div class="col-md-3 service-box service-center">
 
             <div class="service-icon">
 
             <div class="service-icon">
               <a href="https://2015.igem.org/Team:Peking/Device"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0c/Peking-feature-3.png" style="max-width:85%"></i></a>
+
               <a href="https://2015.igem.org/Team:Peking/Device"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0c/Peking-feature-3.png" style="max-width:50%"></i></a>
 
             </div>
 
             </div>
 
             <div class="service-content">
 
             <div class="service-content">
               <h4>Low Instrument Dependence</h4>
+
               <h4>Portability</h4>
               <p>Designed a cheap and portable prototype to be used in developing regions.</p>
+
               <p>Designed a <span style="color:#00afd1">cheap and portable</span> prototype to be used in developing regions.</p>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
Line 269: Line 270:
 
            
 
            
 
           <!-- Start Feature Icon 4 -->
 
           <!-- Start Feature Icon 4 -->
           <div class="col-md-3 col-sm-6 service-box service-center">
+
           <!--<div class="col-md-3 service-box service-center" style="height:30%">
 
             <div class="service-icon">
 
             <div class="service-icon">
               <a href="https://2015.igem.org/Team:Peking/Practices"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/2/2a/Peking-feature-4.png" style="max-width:85%"></i></a>
+
               <a href="https://2015.igem.org/Team:Peking/Practices"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/2/2a/Peking-feature-4.png" style="max-width:50%"></i></a>
 
             </div>
 
             </div>
 
             <div class="service-content">
 
             <div class="service-content">
 
               <h4>Bench to Bedside</h4>
 
               <h4>Bench to Bedside</h4>
               <p>Come from bedside to bench, and back to bedside again.</p>
+
               <p><br>Come from bedside to bench, and <span style="color:#00afd1">back to bedside</span> again.</p>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 +
          </div>
 +
   
 
            
 
            
 
            
 
            
Line 285: Line 288:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    
+
   </div>
 +
</div>
 
      
 
      
 
       <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->
 
       <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->

Latest revision as of 12:42, 17 November 2015

Project Description

Tuberculosis, caused by Mycobacterium tuberculosis, remains one of the world's most serious public health problems. Although tuberculosis is curable and the treatment success rate is high, it is still the second most common cause of death from infectious disease (after HIV). It causes more than 1.3 million deaths annually, and most of the deaths occur in developing countries that are lack of effective identification of those in need of therapy, with an enormous amount of delayed or failed diagnosis.


Case detection is currently the rate-limiting step in disease control. The available Nucleic Acid Detection (NAD) Method is sensitive and fast, but does not reach the requirement of specificity and reliability.


To obviate such problems, Peking iGEM team is developing a novel PC Reporters system that can transform biomarkers of the disease into optical signal. Combined with array design and statistical analysis, the presence of Mycobacterium tuberculosis can be easily verified. It can also be easily used in developing areas with designed hardware development. We believe this new advanced system can turn out as a powerful tool in disease diagnosis, with high specificity and reliability.

Awards
Best New Composite Part
Best Part Collection

Poster
97 - Zone 4 - Hall C
Presentation
9/26/2015 - Room 302 - 11:30 AM

Thanks for your attention!

Specificity

A nucleic-acid-based, sequence-specific detection system named "paired dCas9" (PC) reporter was built. Its specificity and sensitivity proved to be enough to detect real MTB genome.

Reliability

An array of MTB-specific markers was designed to use information from the entire genome of MTB to improve the reliability of diagnosis. By statistics, we are able to present the readouts in a quantitative way.

Portability

Noticing that most TB cases occur in developing areas, we built an electronic device that was portable, affordable, and easy to use.

Bench to Bedside

Coming from bedside to bench, we set out to apply our bench achievements back to bedside. With consultation, survey and feedback from clinical practice, we are still working on improving our detection system!