Difference between revisions of "Team:BGIC-Union"

 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<HTML>
+
 
 +
<html>
 +
  <head>
 +
  <html>
 +
  <head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
    
 
    
Line 5: Line 9:
  
  
−
     <title>Safety</title>
+
     <title>Team：BGIC-Union</title>
  
 
   <head>
 
   <head>
 
    
 
    
−
        <link href='http://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>
 
−
        <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,500' rel='stylesheet' type='text/css'>
 
  
 
   <!-- Bootstrap core CSS -->
 
   <!-- Bootstrap core CSS -->
 
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<!-- animate -->
+
 
−
<link href="https://2017.igem.org/Template:BGIC-Union/animate-css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
 
   <!-- carousel -->
 
   <!-- carousel -->
 
   <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
   <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
   <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
   <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
 
 
  
 
   <!-- main -->
 
   <!-- main -->
 
   <style type="text/css">
 
   <style type="text/css">
 
    
 
    
−
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
+
 
 
#top_title,#sideMenu { display: none !important; }
 
#top_title,#sideMenu { display: none !important; }
 
         #content {
 
         #content {
Line 33: Line 33:
 
         }
 
         }
  
−
 
+
#bodyContent
 +
{
 +
margin-top：0px !important;
 +
}
  
  
Line 41: Line 44:
  
  
−
+
.mainstyle
 +
{
 +
font-family: Comic Sans MS;
 +
}
 
html, body {
 
html, body {
−
     margin: 0 !important;
+
     margin: 0 ;
−
     padding: 0 !important;
+
     padding: 0 ;
 
}
 
}
 
body {
 
body {
−
   background-color: #FFe4e1;
+
   background-color: #ffa07a;
−
   font-family: 'Montserrat', sans-serif;
+
   margin-keft：150px
 
     font-weight: 400;
 
     font-weight: 400;
 
     font-size: 14px;
 
     font-size: 14px;
Line 58: Line 64:
  
 
/* Titles */
 
/* Titles */
−
h1, h2, h3, h4, h5, h6 {
+
h1, h2, h3, h4, h5, h6, p {
−
font-family: 'Montserrat', sans-serif;
+
font-family: Comic Sans MS;
 
     font-weight: 700;
 
     font-weight: 700;
 
     color: #333;
 
     color: #333;
Line 72: Line 78:
  
  
−
/* Paragraph &amp; Typographic */
+
 
 
p {
 
p {
 
     line-height: 28px;
 
     line-height: 28px;
 
     margin-bottom: 25px;
 
     margin-bottom: 25px;
−
     font-size: 16px;
+
     font-size: 13px;
 +
font-family: Comic Sans MS;
 
}
 
}
  
Line 87: Line 94:
 
     color: #20B2AA;
 
     color: #20B2AA;
 
     word-wrap: break-word;
 
     word-wrap: break-word;
−
 
+
font-size: 18px;
 
     -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 
     -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 
     -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 
     -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
Line 134: Line 141:
  
 
.navbar-inverse {
 
.navbar-inverse {
−
padding-bottom: 70px;
+
padding-bottom: 30px;
−
padding-top: 70px;
+
padding-top: 0;
 
}
 
}
  
Line 145: Line 152:
 
.navbar-inverse .navbar-nav > li > a {
 
.navbar-inverse .navbar-nav > li > a {
 
color: white;
 
color: white;
 +
 
}
 
}
 +
  
 
.navbar-inverse .navbar-nav > li > a:hover {
 
.navbar-inverse .navbar-nav > li > a:hover {
Line 153: Line 162:
 
.navbar-brand {
 
.navbar-brand {
 
font-weight: 700;
 
font-weight: 700;
−
font-size: 20px;
+
font-size: 40px;
 
letter-spacing: 2px;
 
letter-spacing: 2px;
 +
backgroud: white;
 
}
 
}
  
 
.navbar-inverse .navbar-brand {
 
.navbar-inverse .navbar-brand {
 
color: white;
 
color: white;
 +
background-color: #FFA07A;
 +
 
}
 
}
  
 
.navbar-inverse .navbar-toggle {
 
.navbar-inverse .navbar-toggle {
 
border-color: transparent;
 
border-color: transparent;
 +
font-size: 12px;
 
}
 
}
  
Line 192: Line 205:
  
  
−
#footer {
 
−
background-color: #ADD8E6;
 
−
padding-top: 50px;
 
−
padding-bottom: 50px;
 
−
}
 
−
 
−
#footer p {
 
−
color: white;
 
−
}
 
−
 
−
#footer h4 {
 
−
color: white;
 
−
text-transform: uppercase;
 
−
padding-bottom: 20px;
 
−
}
 
−
 
−
 
−
/* +++++ Color Wraps / Blog Page +++++ */
 
−
 
−
#grey {
 
−
padding-top: 60px;
 
−
padding-bottom: 60px;
 
−
background-color: #f2f2f2;
 
−
}
 
−
 
−
#white {
 
−
padding-top: 60px;
 
−
padding-bottom: 60px;
 
−
background-color: #ffffff;
 
−
}
 
−
 
−
 
−
 
−
/* Blog Date*/
 
−
bd {
 
−
font-size: 12px;
 
−
text-transform: uppercase;
 
−
color: #d2d2d2;
 
−
font-weight: 700;
 
−
}
 
−
 
−
/* Blog Author*/
 
−
ba {
 
−
font-size: 12px;
 
−
text-transform: uppercase;
 
−
}
 
−
 
−
/* Blog Quote */
 
−
.bq {
 
−
font-size: 22px;
 
−
padding-top: 30px;
 
−
}
 
−
 
−
/* Blog Tags */
 
−
bt {
 
−
font-size: 12px;
 
−
}
 
  
 
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
 
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
Line 278: Line 234:
 
}
 
}
  
−
/* glyphicon Configuration */
 
  
−
.glyphicon {
 
−
font-size: 40px;
 
−
color: #1abc9c;
 
−
}
 
 
   </style>
 
   </style>
 
    
 
    
 +
  <!-- script -->
 +
  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
 
    
 
    
 
   <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
 
   <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
Line 293: Line 246:
 
   <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 
   <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 
   </head>
 
   </head>
 +
 +
 
  <body>
 
  <body>
 
<div class="column_full_size top1">
 
<div class="column_full_size top1">
Line 311: Line 266:
 
                     <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
 
                     <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Sponsors">sponsors</a></li>
+
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 
                             </ul>
 
                             </ul>
Line 325: Line 280:
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design">design</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design">design</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li>
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Model">model</a></li>
+
                         
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/References">references</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
Line 334: Line 290:
 
                         <li class="dropdown ">    <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
                         <li class="dropdown ">    <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
                             <ul class="dropdown-menu" role="menu">
 
                             <ul class="dropdown-menu" role="menu">
−
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">experiments</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">protocols</a></li>
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
Line 354: Line 310:
 
                           <li class="dropdown ">  <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
                           <li class="dropdown ">  <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
                             <ul class="dropdown-menu" role="menu">
 
                             <ul class="dropdown-menu" role="menu">
−
                               
+
                             
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">integrated</a></li>
+
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
Line 365: Line 321:
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model </a>
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model </a>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
Line 376: Line 332:
 
     </div>
 
     </div>
 
     </div>
 
     </div>
−
</nav></div>
+
</nav>
−
<!-- Slider start -->
+
−
   
+
−
 
+
−
<!-- Slider start -->
+
</div>
−
  <!-- Slider start -->
+
−
    <section >
+
  <section >
 
         <div class="carousel slide" id="carousel-example-generic" data-ride="carousel">
 
         <div class="carousel slide" id="carousel-example-generic" data-ride="carousel">
 
            
 
            
Line 389: Line 345:
 
           <div class="item active">
 
           <div class="item active">
 
           <div class="overlay-slide">
 
           <div class="overlay-slide">
−
           <img src="https://static.igem.org/mediawiki/2017/8/89/P3%21%21%21.jpg" class="img-responsive">
+
           <img src="https://static.igem.org/mediawiki/2017/archive/8/89/20171021063547%21P3%21%21%21.jpg" width="1300px" class="img-responsive">
 
           </div>
 
           </div>
 
           <div class="carousel-caption">
 
           <div class="carousel-caption">
 
               <div class="col-md-12 col-xs-12 text-center">
 
               <div class="col-md-12 col-xs-12 text-center">
−
                       <h2>dCasentry</h2>
+
                       <h1>dCasentry</h1>
 
               <h3 class="animated2">a <b>dCas9-T7</b>coupled DNA sensor </h3>
 
               <h3 class="animated2">a <b>dCas9-T7</b>coupled DNA sensor </h3>
 
               <div class="line"></div>
 
               <div class="line"></div>
Line 417: Line 373:
 
</div>
 
</div>
 
</div><h1 class="center">Hi, I am dCasentry,</h1>
 
</div><h1 class="center">Hi, I am dCasentry,</h1>
−
<div>a T7—dCas9 multi-output DNA sensor designed to detect ctDNA!</h2>
+
<div class="row">
−
Cancer is a leading cause of death worldwide, accounting for 8.8 million deaths in 2015, and the most common cause of cancer death is lung cancer (1.69 million deaths). Nowadays, multiple lung cancer detection methods are developed, one of them being liquid biopsy. The technique of liquid biopsy is much better than the popular biopsy as it obviates pain and complication incurred to patients by detecting various tumor markup, including short strand circulating tumor DNA (CtDNA) in the blood. However, it still requires laboratory apparatus such as PCR instrument.
+
<div class="col-md-6">
 +
<div>dCasentry: A guardian against Lung Cancer</br>
 +
Lung cancer is one of the deadliest malignant tumors in the world, with highest death rate in China. The most widely used lung cancer detection method nowadays remains biopsy, which may cause pain infection and bruising. However, the technic of liquid biopsy obviates this problem by detecting various factors including circulating tumor DNA (ctDNA) in the blood. ctDNA is a short strand of DNA released from tumor cells that can be deemed as the sign of cancer. Although traditional liquid biopsy avoids many side effects, it requires laboratory apparatus such as PCR instrument during detection. Also, some other ctDNA detection systems fail to overcome the difficulty of the extremely low concentration of ctDNA in the blood. To solve those problems, we developed a new liquid biopsy method using dCas9 protein with a much simple procedure while increase the signal with various kinds of output. We hope to adopt free-dried paper chip as our vector of detecting system to simplify its operation as well as storage. Finally, the product will be presented as a kit that contains all the items you needed for convenient machine-free detection.
 
</br>
 
</br>
−
Thus our primary task is to devise a more efficient, rapid and convenient lung cancer prognosis method. We construct a paper chip containing powerful biosensor capable of detecting the fusion gene, EML4-ALK, which only exists only in NSCLC (non small cell lung cancer) patients’ blood. Specific targeted drug for this mutation has been produced, which means patients can receive precise treatment as soon as possible when the detection result is positive. </br>
+
<i>Please, click <a href="https://2017.igem.org/Team:BGIC-Union/Project">  here </a> and know more about me as well as the product!</i> </div>
−
+
</div>
−
The biosensor, dCasentry, consists of paired dCas9 protein guided by sgRNA and linked with split T7 RNA polymerase that serves as a switch. When the targeting lung cancer mutation gene is detected, visible signal will be released as the T7 RNA polymerase starts transcription. DCasentry not only deals with low ctDNA concentration in blood but also capable of producing various kinds of signal output, such as GFP and RFP.
+
<div class="col-md-6">
−
</br>
+
<img src="https://static.igem.org/mediawiki/2017/7/79/FigureDemo.jpg" width="500px" /></div></div><!-- /col-lg-8 -->
−
+
−
We adopt freeze-dried paper chip as the vector of the detection system to simplify its operation as well as storage. The DNA device and proteins needed for detection are mixed with cell-free system and freeze-dried on the paper chip. During testing, the blood sample of the patient provides a liquid environment to reactivate the cell-free system. The product will be presented as a kit, containing including hemostix, a hand power centrifuge, NASBA reaction system and the paper screening chip, that can be widely used on the medical field.
+
−
<p>Please, click <a href="https://2017.igem.org/Team:BGIC-Union/Project">  here </a> and know more about me as well as the product!</p>
+
−
</div><!-- /col-lg-8 -->
+
 
</div><!-- /row -->
 
</div><!-- /row -->
 
    </div> <!-- /container -->
 
    </div> <!-- /container -->

Latest revision as of 13:11, 2 December 2017

Team：BGIC-Union

Hi, I am dCasentry,

dCasentry: A guardian against Lung Cancer
Lung cancer is one of the deadliest malignant tumors in the world, with highest death rate in China. The most widely used lung cancer detection method nowadays remains biopsy, which may cause pain infection and bruising. However, the technic of liquid biopsy obviates this problem by detecting various factors including circulating tumor DNA (ctDNA) in the blood. ctDNA is a short strand of DNA released from tumor cells that can be deemed as the sign of cancer. Although traditional liquid biopsy avoids many side effects, it requires laboratory apparatus such as PCR instrument during detection. Also, some other ctDNA detection systems fail to overcome the difficulty of the extremely low concentration of ctDNA in the blood. To solve those problems, we developed a new liquid biopsy method using dCas9 protein with a much simple procedure while increase the signal with various kinds of output. We hope to adopt free-dried paper chip as our vector of detecting system to simplify its operation as well as storage. Finally, the product will be presented as a kit that contains all the items you needed for convenient machine-free detection.
Please, click here and know more about me as well as the product!

Best Parts

Applied Design

Integrated Human Practice

Education & Public Engagement

Entreprenuership

Model