Difference between revisions of "Team:Peking/Part Collection"

Line 1: Line 1:
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
 
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
  <!-- Define Charset -->
 
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
  <!-- Responsive Metatag -->
 
 
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- Page Description and Author -->
 
 
   <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015">
 
   <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015">
 
 
 
   <!--add  ?action=raw&amp;ctype=text/css    when using Css-->
 
   <!--add  ?action=raw&amp;ctype=text/css    when using Css-->
  <!-- Bootstrap CSS V  -->
+
   <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&amp;ctype=text/css" type="text/css" media="screen">
   <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS?action=raw&amp;ctype=text/css" type="text/css" media="screen">
+
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Style/new?action=raw&amp;ctype=text/css" media="screen">
  <!-- Font Awesome CSS V -->
+
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Responsive/new?action=raw&amp;ctype=text/css" media="screen">
  <!--<link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS/Font?action=raw&amp;ctype=text/css" type="text/css" media="screen">-->
+
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Animate/new?action=raw&amp;ctype=text/css" media="screen">
  <!-- Margo CSS Styles  V-->
+
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&amp;ctype=text/css " title="blue" media="screen" />
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Style?action=raw&amp;ctype=text/css" media="screen">
+
   <style type="text/css">/*get rid of the annoying iGEM style*/
  <!-- Responsive CSS Styles  -->
+
      #content{padding:0;border:0;width:100%;}
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Responsive?action=raw&amp;ctype=text/css" media="screen">
+
       .firstHeading{visibility:hidden;}
  <!-- Css3 Transitions Styles  -->
+
       h2{border-bottom:none;padding-bottom:.5em;}     
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Animate?action=raw&amp;ctype=text/css" media="screen">
+
      .carousel-control.left, .carousel-control.right{background-image: none}
  <!-- Color CSS Styles  -->
+
     /* to style the sidebar*/
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue?action=raw&amp;ctype=text/css " title="blue" media="screen" />
+
 
+
   <style type="text/css">
+
      /*get rid of the annoying iGEM style*/
+
        #content{
+
            padding:0;
+
            border:0;
+
            width:100%;
+
        }
+
       .firstHeading{
+
        visibility:hidden;
+
      }
+
       h2{
+
        border-bottom:none;
+
        padding-bottom:.5em;
+
       
+
      }     
+
        .carousel-control.left, .carousel-control.right {
+
          background-image: none
+
        }
+
     /* to style the team page*/
+
        .individual-picture{
+
        max-width:200px;margin-top:5px; margin-bottom:10px;
+
        }
+
 
+
 
         @media (min-width:1024px){
 
         @media (min-width:1024px){
       #sidebar1{position:relative;top:120px;}
+
       #sidebar1{position:relative;top:120px;max-width:200px;}
 
       #sidebar2{display:none;}
 
       #sidebar2{display:none;}
 
       #nav-top{height:88px;}
 
       #nav-top{height:88px;}
 
 
     }
 
     }
 
       @media (max-width: 1023px){
 
       @media (max-width: 1023px){
 
       #sidebar1{display:none;}
 
       #sidebar1{display:none;}
 
       #sidebar2{display:block;}
 
       #sidebar2{display:block;}
 
 
     }
 
     }
        
+
    .back-to-top{z-index:9999;}
 +
       ul.dropdown{margin-left: 0px; margin-top: 0px;}
 +
    .classic-title span {
 +
    position: absolute;
 +
    margin-top: -30px;
 +
    border-bottom-color: #00afd1;
 +
}
 +
.page-banner{
 +
  background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px;
 +
}
 
     </style>
 
     </style>
   
+
</head>
  
  <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 
 
 
</head>
 
 
<body>
 
<body>
 
   <!-- Container -->
 
   <!-- Container -->
 
   <div id="container">
 
   <div id="container">
   
+
    <!-- Start Header -->
    <!-- Start Header -->
+
    <div class="hidden-header"></div>
+
 
     <header class="clearfix">
 
     <header class="clearfix">
         
 
 
         <!-- Start  Logo & Naviagtion  -->
 
         <!-- Start  Logo & Naviagtion  -->
 
             <div class="navbar navbar-default navbar-top">
 
             <div class="navbar navbar-default navbar-top">
Line 79: Line 50:
 
                     <div class="navbar-header" >
 
                     <div class="navbar-header" >
 
                         <!-- Stat Toggle Nav Link For Mobiles -->
 
                         <!-- Stat Toggle Nav Link For Mobiles -->
                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="marginn-top:20px">
+
                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px">
 
                             <i class="fa"><img  style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i>
 
                             <i class="fa"><img  style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i>
 
                         </button>
 
                         </button>
Line 88: Line 59:
 
                     </div>
 
                     </div>
 
                     <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 " id="nav-top" style="padding-bottom:15px;padding-top:10px">
+
                         <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px">
 
                             <li>
 
                             <li>
                                 <a href="https://2015.igem.org/Team:Peking">Home</a>
+
                                 <a href="https://2015.igem.org/Team:Peking/JudgingCriteria" class="active">Achievements</a>
                            </li>
+
              <li>
+
                                <a class="active" href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
+
 
                                 <ul class="dropdown">
 
                                 <ul class="dropdown">
 
                                     <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a>
 
                                     <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a>
Line 110: Line 77:
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a>
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a>
 
                                     </li>
 
                                     </li>
<li><a href="#">Background</a>
+
<li><a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired<span style="text-transform:lowercase"> d</span>Cas9 Reporter</a>                                   
 +
</li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-<span style="text-transform:lowercase">t</span>hermal Amplification</a></li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a>
 
                                     </li>
 
                                     </li>
                                     <li><a href="#">CRIPSR</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a>
                                    </li>
+
                                    <li><a href="#">Isothermal PCR</a>
+
                                    </li>
+
                                    <li><a href="#">B. subtillis</a>
+
                                    </li>
+
                                    <li><a href="#">Device</a>
+
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
                                 <a href="https://2015.igem.org/Team:Peking/Modeling">Modelling</a>
+
                                 <a href="https://2015.igem.org/Team:Peking/Modeling">Modeling</a>
 
                                 <ul class="dropdown">
 
                                 <ul class="dropdown">
                                     <li><a href="#">Link 1</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a>
 
                                     </li>
 
                                     </li>
                                     <li><a href="#">Link 2</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a>
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
                                 <a href="https://2015.igem.org/Team:Peking/Practices">Human Practice</a>
+
                                 <a href="https://2015.igem.org/Team:Peking/Practices">Practices</a>
 
                                 <ul class="dropdown">
 
                                 <ul class="dropdown">
                                     <li><a href="#">Link 1</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a>
 
                                     </li>
 
                                     </li>
                                     <li><a href="#">Link 2</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Practices/Background">TB Facts</a>
 +
                                    </li>
 +
                                    <li><a  href="https://2015.igem.org/Team:Peking/Practices/Consultation">Consultation and Interview</a>
 
                                     </li>
 
                                     </li>
                                     <li><a href="#">Link 3</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a>
 
                                     </li>
 
                                     </li>
                                     <li><a href="#">Link 4</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethics and Economics Issues</a>
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
Line 169: Line 135:
 
      
 
      
 
     <!-- Start Page Banner -->
 
     <!-- Start Page Banner -->
     <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;">  
+
     <div class="page-banner">  
 
       <div class="container">
 
       <div class="container">
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-6">
 
           <div class="col-md-6">
             <h2><b>Parts</b></h2>
+
             <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0" >Parts</h2>
             <p>Each part give us a new experience.</p>
+
             <p style="margin-top:0px;font-size:14px" id="Overview">Each part give us a new experience.</p>
 
           </div>
 
           </div>
 
           <div class="col-md-6">
 
           <div class="col-md-6">
 
             <ul class="breadcrumbs">
 
             <ul class="breadcrumbs">
 
               <li><a href="https://2015.igem.org/Team:Peking">Home</a></li>
 
               <li><a href="https://2015.igem.org/Team:Peking">Home</a></li>
               <li>Achievements</li>
+
               <li>Parts</li>
 
             </ul>
 
             </ul>
 
           </div>
 
           </div>
Line 187: Line 153:
 
     <!-- End Page Banner -->
 
     <!-- End Page Banner -->
  
 +
 
     <!-- Start Content -->
 
     <!-- Start Content -->
 
     <div id="content">
 
     <div id="content">
Line 199: Line 166:
 
                 <ul>
 
                 <ul>
 
                 <li>
 
                 <li>
                   <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a>
+
                   <a href="https://2015.igem.org/Team:Peking/Parts" style="color:#00afd1">Parts Document</a>
                </li>
+
                <li>
+
                  <a href="https://2015.igem.org/Team:Peking/Basic_Part" >Basic Parts</a>
+
                </li>
+
                <li>
+
                  <a href="https://2015.igem.org/Team:Peking/Composite_Part" >Composite Parts</a>
+
                </li>
+
                <li>
+
                  <a href="https://2015.igem.org/Team:Peking/Part_Collection" style="color:#00afd1">Part Collection</a>
+
 
                 </li>
 
                 </li>
 +
               
 
                 <li>
 
                 <li>
                   <a href="https://2015.igem.org/Team:Peking/Description">Parts Contribution</a>
+
                   <a href="https://2015.igem.org/Team:Peking/Part_Collection">Parts Collection</a>
 
                 </li>
 
                 </li>
 +
             
 
               </ul>
 
               </ul>
 
             </div>
 
             </div>
 +
 
             <div id="sidebar2"class="widget widget-categories">
 
             <div id="sidebar2"class="widget widget-categories">
               <h4 style="font-size:18px">Parts <span class="head-line"></span></h4>
+
               <h4>Parts <span class="head-line"></span></h4>
 
                 <ul>
 
                 <ul>
 
                 <li>
 
                 <li>
 
                   <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a>
 
                   <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a>
 
                 </li>
 
                 </li>
 +
               
 
                 <li>
 
                 <li>
                  <a href="https://2015.igem.org/Team:Peking/Basic_Part" >Basic Parts</a>
+
                   <a href="https://2015.igem.org/Team:Peking/Part_Collection" style="color:#00afd1">Parts Collection</a>
                </li>
+
                <li>
+
                  <a href="https://2015.igem.org/Team:Peking/Composite_Part" >Composite Parts</a>
+
                </li>
+
                <li>
+
                   <a href="https://2015.igem.org/Team:Peking/Part_Collection" style="color:#00afd1">Part Collection</a>
+
                </li>
+
                <li>
+
                  <a href="https://2015.igem.org/Team:Peking/Description">Parts Contribution</a>
+
 
                 </li>
 
                 </li>
 +
             
 
               </ul>
 
               </ul>
 
             </div>
 
             </div>
Line 240: Line 194:
 
           <!-- Page Content -->
 
           <!-- Page Content -->
 
           <div class="col-md-9 page-content">
 
           <div class="col-md-9 page-content">
             <div id="Basic_Part">
+
             <div id="Part-Favorite part">
 
             <!-- Classic Heading -->
 
             <!-- Classic Heading -->
               <h3 class="classic-title"><span>Part Collection</span></h3>
+
               <h3 class="classic-title" style="margin-top:50px"><span>Favorite Parts</span></h3>
              <div>
+
<div>
               <h4 style="margin-bottom:15px;"><span><a href="" style="color:#00afd1">Part Collection 1</a></span></h4>
+
               <p><b>Nluc-dCas9 fusion protein</b><br/>
               <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="max-width:500px">
+
              <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689010" style="color:#00afd1">(BBa_K1689010)</a></p>
               <p><b> Fig.1 At vero eos et</b></p>
+
               <p>Nluc was fused to the N terminus of dCas9 to form the Nluc-dCas9 fusion protein. It is used to bind a DNA sequence guided by sgRNA. Paired with Cluc-dCas9 fusion protein <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689009" style="color:#00afd1">(BBa_K1689009)</a> and sgRNAs, our paired dCas9 reporter system were constructed.</p>
               <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
+
             
                <table class="table-striped table-hover col-md-12" style="font-family: 'Open Sans', sans-serif; font-size: 13px;padding:5px;margin-bottom:40px">
+
               <p><b>Cluc-dCas9 fusion protein</b><br/>
                  <tr>
+
               <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689009" style="color:#00afd1">(BBa_K1689009)</a></p>
                    <th style="padding-right:8px">
+
              <p>Cluc was fused to the N terminus of dCas9 to form the Cluc-dCas9 fusion protein. It is used to bind a DNA sequence guided by sgRNA. Paired with Nluc-dCas9 fusion protein <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689010" style="color:#00afd1">(BBa_K1689010)</a> and sgRNAs, our paired dCas9 reporter system were constructed.</p>
                    </th><th style="padding-right:8px">Name
+
             
                    </th><th style="padding-right:8px">Description
+
              <p><b>sgRNA generator</b><br/>
                    </th><th style="padding-right:8px">Length
+
              <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689000" style="color:#00afd1">(BBa_K1689000)</a></p>
                    </th>
+
              <p> sgRNA generator is used for generating sgRNA which recognizes targeted DNA, then guiding dCas9 to it.
                  </tr>
+
</p>
                 
+
             
                  <tr>
+
              </div>
                    <td style="padding-right:8px"> A/U
+
                    </td><td><a href="" style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
  
                  <tr>
+
                <h3 class="classic-title" style="margin-top:50px"><span>Part List</span></h3>
                    <td> A/U
+
<div>
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
<div id='groupparts' style='min-height:100px;width:700px;'><div style='width:300px;margin:2px;padding:20px;color:gray;border:1px solid gray'>Loading.....</div></div><script>$('#groupparts').load('/cgi/api/groupparts.cgi', { t:'iGEM015', g:'Peking' },function(){ $('#groupparts .tablesorter').tablesorter();} );</script>
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
  
                  <tr>
+
                <h4>Parts for paired dCas9 reporter system</h4>
                    <td> A/U
+
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
  
                  <tr>
+
                <p>Nluc416-FRB <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689003" style="color:#00afd1">(BBa_K1689003)</a>, FKBP-Cluc398 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689005" style="color:#00afd1">(BBa_K1689005)</a>, Nluc398-FRB<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689004" style="color:#00afd1"> (BBa_K1689004)</a> and FKBP-Cluc394<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689006" style="color:#00afd1"> (BBa_K1689006)</a> are used to validate the reconsitituation activity of split luciferase.</p>
                    <td> A/U
+
                <p>Nluc-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689010" style="color:#00afd1">(BBa_K1689010)</a>, Cluc-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689009" style="color:#00afd1">(BBa_K1689009)</a>, dCas9-Nluc <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689008" style="color:#00afd1">(BBa_K1689008)</a> and dCas9-Cluc <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689007" style="color:#00afd1">(BBa_K1689007)</a> fusion proteins are used for constructing paired dCas9 reporter system.</p>
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                <p>&Delta;α-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689007" style="color:#00afd1">(BBa_K1689011)</a>, dCas9-Nlact <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689012" style="color:#00afd1">(BBa_K1689012)</a>, Nlact-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689014" style="color:#00afd1">(BBa_K1689013)</a>, dCas9-Clact <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689014" style="color:#00afd1">(BBa_K1689014)</a>, F[1,2]-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689015" style="color:#00afd1">(BBa_K1689015)</a>, dCas9-F[1,2] <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689016" style="color:#00afd1">(BBa_K1689016)</a>, F3-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689017" style="color:#00afd1">(BBa_K1689017)</a>,  dCas9-F3 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689018" style="color:#00afd1">(BBa_K1689018)</a>, dCas9-&Delta;&alpha;<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689019" style="color:#00afd1"> (BBa_K1689019)</a>, &Delta;&omega;-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689020" style="color:#00afd1">(BBa_K1689020)</a> are used for further development of dectection.</p>
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                <h4>Parts for Molecular Beacon</h4>
                    </td><td>1234
+
                <p>STV-Nluc <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689001" style="color:#00afd1">(BBa_K1689001)</a> and Cluc-STV <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689002" style="color:#00afd1">(BBa_K1689002)</a> are used for binding to molecular beocon.</p>
                    </td>
+
</div>
                  </tr>
+
                <h4>Parts for sgRNA generation</h4>
 +
<div>
 +
                <p>sgRNA generator <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689000" style="color:#00afd1">(BBa_K1689000)</a> is used for generating sgRNA</p>
 +
             
 +
</div>
 +
                <h3 class="classic-title" style="margin-top:50px"><span>Part collection</span></h3>
 +
<div>
 +
                <p>2015 Peking iGEM has not only transformed the sequence information into detectable bioluminescence, but also explore a wide range in which Paired dCas9 (PC) Reporter System is able to be applied. Since we have chosen split enzyme as our reporter, it can be substituted by various kinds of enzymes, thus the  form of read-out will be abundant at the same time. That is, our PC reporter system has successfully provided a platform to produce a variety of signals.</p>
 +
                <p>We combine the specific sequence binding activity of dCas9 with diverse characteristics of split enzymes, thus creating a part collection named "PC Reporters Collection".</p>
 +
                <p>The Collection includes:</p>
  
                  <tr>
+
                <p><b>dCas9-split luciferase Parts</b></p>
                    <td> A/U
+
                <p>Nluc-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689010" style="color:#00afd1">(BBa_K1689010)</a></p>
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                <p>Cluc-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689009" style="color:#00afd1">(BBa_K1689009)</a></p>
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                <p>dCas9-Nluc <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689008" style="color:#00afd1">(BBa_K1689008)</a></p>
                    </td><td>1234
+
                <p>dCas9-Cluc <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689007" style="color:#00afd1">(BBa_K1689007)</a></p>
                    </td>
+
                  </tr>
+
  
                  <tr>
+
                <p><b>dCas9-split Dihydrofolate Reductase Parts</b></p>
                    <td> A/U
+
                <p>F[1,2]-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689015" style="color:#00afd1">(BBa_K1689015)</a></p>
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                <p>F3-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689014" style="color:#00afd1">(BBa_K1689017)</a></p>
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                <p>dCas9-F[1,2] <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689016" style="color:#00afd1">(BBa_K1689016)</a></p>
                    </td><td>1234
+
                <p>dCas9-F3 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689018" style="color:#00afd1">(BBa_K1689018)</a></p>
                    </td>
+
                  </tr>
+
                  <tr>
+
                    <td> A/U
+
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
                </table>
+
                </div>
+
  
                <div class="hr5" style="margin-top:25px;margin-bottom:45px"></div>
+
                <p><b>dCas9-split β–Lactamase Parts</b></p>
 +
                <p>dCas9-Nlact <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689012" style="color:#00afd1">(BBa_K1689012)</a></p>
 +
                <p>Nlact-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689013" style="color:#00afd1">(BBa_K1689013)</a></p>
 +
                <p>dCas9-Clact <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689014" style="color:#00afd1">(BBa_K1689014)</a></p>
 +
               
 +
                <p><b>dCas9-splitβ–Galactosidase Parts</b></p>
 +
                <p>&Delta;&alpha;-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689011" style="color:#00afd1">(BBa_K1689011)</a></p>
 +
                <p>dCas9-&Delta;&alpha; <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689019" style="color:#00afd1">(BBa_K1689019)</a></p>
 +
                <p>&Delta;&omega;-dCas9 <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1689020" style="color:#00afd1">(BBa_K1689020)</a></p>
 +
                <p>Among them, the PC reporters with split luciferase oxidizes luciferin and gives out bioluminescence signal, while the other three reporters take electric signal as their output, which is also able to be detected and qualified.</p>
 +
                </div>
  
                 <div>
+
                 </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
              <h4 style="margin-bottom:15px"><span><a href="" style="color:#00afd1">Part Collection 2</a></span></h4>
 
              <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="max-width:500px">
 
              <p><b> Fig.2 At vero eos et</b></p>
 
              <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
 
                <table class="table-striped table-hover col-md-12" style="font-family: 'Open Sans', sans-serif; font-size: 13px;padding:5px; margin-bottom:40px">
 
                  <tr>
 
                    <th style="padding-right:8px">Name
 
                    </th><th style="padding-right:8px">Description
 
                    </th><th style="padding-right:8px">Length
 
                    </th>
 
                  </tr>
 
                 
 
                  <tr>
 
                    <td><a href="" style="color:#00afd1">xxx</a>
 
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 
                    </td><td>1234
 
                    </td>
 
                  </tr>
 
  
                  <tr>
 
                    <td><a href=""style="color:#00afd1">xxx</a>
 
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 
                    </td><td>1234
 
                    </td>
 
                  </tr>
 
  
                  <tr>
 
                    <td><a href=""style="color:#00afd1">xxx</a>
 
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 
                    </td><td>1234
 
                    </td>
 
                  </tr>
 
  
                  <tr>
+
                </div>
                    <td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
  
                  <tr>
+
            <!--divider-->
                    <td><a href=""style="color:#00afd1">xxx</a>
+
           
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
 
                    </td><td>1234
+
   
                    </td>
+
      <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->
                  </tr>
+
 
+
                  <tr>
+
                    <td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
                  <tr>
+
                    <td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
                </table>
+
 
+
              </div>
+
               
+
              <div class="hr5" style="margin-top:25px;margin-bottom:45px"></div>
+
 
+
              <div>
+
              <h4 style="margin-bottom:15px"><span><a href="" style="color:#00afd1">Part Collection 3</a></span></h4>
+
              <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="max-width:500px">
+
              <p><b> Fig.2 At vero eos et</b></p>
+
              <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
+
                <table class="table-striped table-hover col-md-12" style="font-family: 'Open Sans', sans-serif; font-size: 13px;padding:5px;margin-bottom:40px">
+
                  <tr>
+
                    <th style="padding-right:8px">
+
                    </th><th style="padding-right:8px">Name
+
                    </th><th style="padding-right:8px">Description
+
                    </th><th style="padding-right:8px">Length
+
                    </th>
+
                  </tr>
+
                 
+
                  <tr>
+
                    <td style="padding-right:8px"> A/U
+
                    </td><td><a href="" style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
 
+
                  <tr>
+
                    <td> A/U
+
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
 
+
                  <tr>
+
                    <td> A/U
+
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
 
+
                  <tr>
+
                    <td> A/U
+
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
 
+
                  <tr>
+
                    <td> A/U
+
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
 
+
                  <tr>
+
                    <td> A/U
+
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
                  <tr>
+
                    <td> A/U
+
                    </td><td><a href=""style="color:#00afd1">xxx</a>
+
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
+
                    </td><td>1234
+
                    </td>
+
                  </tr>
+
                </table>
+
              </div>
+
 
+
              <h3 class="classic-title"><span>References</span></h3>
+
              <p> [1] At vero eos et accusamus et iusto odio dignissimos ducimus qui 
+
              <br> [2] At vero eos et accusamus et iusto odio dignissimos ducimus qui
+
              <br> [3] At vero eos et accusamus et iusto odio dignissimos ducimus qui
+
              <br> [4] At vero eos et accusamus et iusto odio dignissimos ducimus qui
+
              <br> [5] At vero eos et accusamus et iusto odio dignissimos ducimus qui
+
            </p>
+
 
+
            </div>
+
           
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
 
+
        <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->
+
 
<!--******************************* the only thing to CHANGE is the SHARE LINK******************************-->
 
<!--******************************* the only thing to CHANGE is the SHARE LINK******************************-->
 
     <!-- Start Footer -->
 
     <!-- Start Footer -->
     <footer style="margin-top:30px">
+
     <footer style="margin-top:30px; padding:0">
       <div class="container">
+
       <div class="container" >
         <div class="row footer-widgets">
+
         <div class="row footer-widgets" style="padding:0:margin:0">  
 
            
 
            
 
           <!-- Start Subscribe & Social Links Widget -->
 
           <!-- Start Subscribe & Social Links Widget -->
 
                     <div class="col-md-3">
 
                     <div class="col-md-3">
                           <div class="col-md-12 footer-widget social-widget row">
+
                           <div class="col-md-12 footer-widget social-widget row" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 
                             <h4>Share This<span class="head-line"></span></h4>
 
                             <h4>Share This<span class="head-line"></span></h4>
                             <ul class="social-icons">
+
                             <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
                                 <li><!--HERE need to be changed-->
+
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
                                     <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking/Part_Collection">
+
                                     <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking">
 
                                       <i class="fa">
 
                                       <i class="fa">
 
                                         <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;">
 
                                         <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;">
Line 489: Line 297:
 
                                     </a>
 
                                     </a>
 
                                 </li>
 
                                 </li>
                                 <li><!--HERE need to be changed-->
+
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
                                     <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking/Part_Collection">
+
                                     <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking">
 
                                       <i class="fa">
 
                                       <i class="fa">
 
                                         <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;">
 
                                         <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;">
Line 496: Line 304:
 
                                     </a>
 
                                     </a>
 
                                 </li>
 
                                 </li>
                                 <li><!--HERE need to be changed-->
+
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
                                     <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking/Part_Collection">
+
                                     <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking">
 
                                       <i class="fa">
 
                                       <i class="fa">
 
                                         <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;">
 
                                         <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;">
Line 509: Line 317:
 
                         <div class="col-md-12 footer-widget social-widget row">
 
                         <div class="col-md-12 footer-widget social-widget row">
 
                             <h4>Follow Us<span class="head-line"></span></h4>
 
                             <h4>Follow Us<span class="head-line"></span></h4>
                             <ul class="social-icons">
+
                             <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
                                 <li>
+
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 
                                     <a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a>
 
                                     <a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a>
 
                                 </li>
 
                                 </li>
                                 <li>
+
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">  
 
                                     <a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a>
 
                                     <a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a>
 
                                 </li>
 
                                 </li>
                                 <li>
+
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 
                                     <a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a>
 
                                     <a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a>
 
                                 </li>
 
                                 </li>
Line 554: Line 362:
 
                   <!-- Start Contact Widget -->
 
                   <!-- Start Contact Widget -->
 
                     <div class="col-md-3">
 
                     <div class="col-md-3">
                         <div class="footer-widget">
+
                         <div class="footer-widget" style="padding:0:margin:0" >
 
                         <h4>Contact us<span class="head-line" ></span></h4>
 
                         <h4>Contact us<span class="head-line" ></span></h4>
                         <div class="footer-widget contact-widget" style="font-size:12px">
+
                         <div class="footer-widget contact-widget">
 
                             <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo" >
 
                             <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo" >
 
                              
 
                              
                             <ul>
+
                             <ul style="font-size:12px;color:#b4b4b4">
                                 <li><span>Email:</span> pekingigem@gmail.com</li>
+
                                 <li><span>Email:</span> <a href="Mailto:pekingigem@gmail.com&amp;Subject=Hello&amp;Body=Hi, Peking iGEM!"style="color:#b4b4b4">pekingigem@gmail.com</li>
                                 <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4">2015.igem.org/Team:Peking</a></li>
+
                                 <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4"> 2015.igem.org/Team:Peking</a></li>
 
                                 <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li>
 
                                 <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li>
 
                             </ul>
 
                             </ul>
Line 574: Line 382:
 
                 <div class="copyright-section">
 
                 <div class="copyright-section">
 
                     <div class="row">
 
                     <div class="row">
                         <div class="col-md-6">
+
                         <div class="col-md-12" style="padding:0;margin:0;height:30px">
                             <p>&copy; 2015 Peking iGEM -  All Rights Reserved. Based on Bootstrap and Margo template.</p>
+
                             <p class="text-center">&copy; 2015 Peking iGEM -  All Rights Reserved. Based on <a href="http://getbootstrap.com/"style="color:#b4b4b4">Bootstrap</a> and Margo template.</p>
 
                         </div>
 
                         </div>
 
                                            
 
                                            
Line 590: Line 398:
 
    
 
    
 
   <!-- Go To Top Link -->
 
   <!-- Go To Top Link -->
   <a href="#" class="back-to-top"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a>
+
   <a href="#" class="back-to-top" style="z-index:9999"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a>
 
    
 
    
 
   <div id="loader">
 
   <div id="loader">
Line 598: Line 406:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
+
 
 +
 
 
<!-- add  ?action=raw&amp;ctype=text/javascript    when using Js-->
 
<!-- add  ?action=raw&amp;ctype=text/javascript    when using Js-->
 
   <!-- Margo JS  -->
 
   <!-- Margo JS  -->
Line 612: Line 421:
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
 
+
  <script type="text/javascript" >
    <script type="text/javascript" >
+
 
function menuFixed(id){
 
function menuFixed(id){
 
var obj = document.getElementById(id);
 
var obj = document.getElementById(id);
Line 623: Line 431:
 
}
 
}
 
function changePos(id,height){
 
function changePos(id,height){
var obj = document.getElementById(id);
+
var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop-150;
+
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
if(scrollTop < height){
+
var windowBottom = $(window).scrollTop() + $(window).innerHeight();
obj.style.position = 'relative';
+
var w = window.innerWidth;
 +
if(w>=1024){
 +
  if($(window).scrollTop() + $(window).height() > $(document).height() - 260){
 +
                $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");}
 +
}
 +
if(scrollTop < height){ obj.style.position = 'relative';    
 
}else{
 
}else{
 
obj.style.position = 'fixed';
 
obj.style.position = 'fixed';
Line 638: Line 451:
 
}
 
}
 
</script>
 
</script>
 
+
 
 +
 
 
    
 
    
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 00:35, 19 September 2015

Parts

Each part give us a new experience.

Favorite Parts

Nluc-dCas9 fusion protein
(BBa_K1689010)

Nluc was fused to the N terminus of dCas9 to form the Nluc-dCas9 fusion protein. It is used to bind a DNA sequence guided by sgRNA. Paired with Cluc-dCas9 fusion protein (BBa_K1689009) and sgRNAs, our paired dCas9 reporter system were constructed.

Cluc-dCas9 fusion protein
(BBa_K1689009)

Cluc was fused to the N terminus of dCas9 to form the Cluc-dCas9 fusion protein. It is used to bind a DNA sequence guided by sgRNA. Paired with Nluc-dCas9 fusion protein (BBa_K1689010) and sgRNAs, our paired dCas9 reporter system were constructed.

sgRNA generator
(BBa_K1689000)

sgRNA generator is used for generating sgRNA which recognizes targeted DNA, then guiding dCas9 to it.

Part List

Loading.....

Parts for paired dCas9 reporter system

Nluc416-FRB (BBa_K1689003), FKBP-Cluc398 (BBa_K1689005), Nluc398-FRB (BBa_K1689004) and FKBP-Cluc394 (BBa_K1689006) are used to validate the reconsitituation activity of split luciferase.

Nluc-dCas9 (BBa_K1689010), Cluc-dCas9 (BBa_K1689009), dCas9-Nluc (BBa_K1689008) and dCas9-Cluc (BBa_K1689007) fusion proteins are used for constructing paired dCas9 reporter system.

Δα-dCas9 (BBa_K1689011), dCas9-Nlact (BBa_K1689012), Nlact-dCas9 (BBa_K1689013), dCas9-Clact (BBa_K1689014), F[1,2]-dCas9 (BBa_K1689015), dCas9-F[1,2] (BBa_K1689016), F3-dCas9 (BBa_K1689017), dCas9-F3 (BBa_K1689018), dCas9-Δα (BBa_K1689019), Δω-dCas9 (BBa_K1689020) are used for further development of dectection.

Parts for Molecular Beacon

STV-Nluc (BBa_K1689001) and Cluc-STV (BBa_K1689002) are used for binding to molecular beocon.

Parts for sgRNA generation

sgRNA generator (BBa_K1689000) is used for generating sgRNA

Part collection

2015 Peking iGEM has not only transformed the sequence information into detectable bioluminescence, but also explore a wide range in which Paired dCas9 (PC) Reporter System is able to be applied. Since we have chosen split enzyme as our reporter, it can be substituted by various kinds of enzymes, thus the form of read-out will be abundant at the same time. That is, our PC reporter system has successfully provided a platform to produce a variety of signals.

We combine the specific sequence binding activity of dCas9 with diverse characteristics of split enzymes, thus creating a part collection named "PC Reporters Collection".

The Collection includes:

dCas9-split luciferase Parts

Nluc-dCas9 (BBa_K1689010)

Cluc-dCas9 (BBa_K1689009)

dCas9-Nluc (BBa_K1689008)

dCas9-Cluc (BBa_K1689007)

dCas9-split Dihydrofolate Reductase Parts

F[1,2]-dCas9 (BBa_K1689015)

F3-dCas9 (BBa_K1689017)

dCas9-F[1,2] (BBa_K1689016)

dCas9-F3 (BBa_K1689018)

dCas9-split β–Lactamase Parts

dCas9-Nlact (BBa_K1689012)

Nlact-dCas9 (BBa_K1689013)

dCas9-Clact (BBa_K1689014)

dCas9-splitβ–Galactosidase Parts

Δα-dCas9 (BBa_K1689011)

dCas9-Δα (BBa_K1689019)

Δω-dCas9 (BBa_K1689020)

Among them, the PC reporters with split luciferase oxidizes luciferin and gives out bioluminescence signal, while the other three reporters take electric signal as their output, which is also able to be detected and qualified.