Difference between revisions of "Team:Hong Kong HKU/Notebook"

(Update information)
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 
<style>
 
<style>
−
        #sideMenu
+
#sideMenu
−
        {
+
{display:none; /* Disable the display of the annoying side main menu*/}
−
        display:none; /* Disable the display of the annoying side main menu*/
+
#top_title
−
        }
+
{display:none; /* Disable the annoying title*/}
−
       
+
#content
−
        #top_title
+
{padding:0px; width:90%; margin-left:5%; margin-right:5%;background-color: rgba(255,255,255,0);}
−
        {
+
body
−
        display:none; /* Disable the annoying title*/
+
{margin: 0;
−
        }
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
−
 
+
font-size: 24px;
−
#content { padding:0px; width:90%; margin-left:5%; margin-right:5%;}
+
color: #333333;
 +
background-color: #fafafa;
 +
background-image:url(https://static.igem.org/mediawiki/2016/a/ae/T--Hong_Kong_HKU--Background_image.png);
 +
background-position:center center;
 +
background-repeat:no-repeat;
 +
-moz-background-size: cover;
 +
background-size: cover;
 +
background-attachment:fixed;}
 +
.container
 +
{background-color: rgba(255,255,255,0.4);
 +
padding-top:80px;}
 +
p {font-size: 16px;}
 +
h1,h2,h3,h4,h5,h6 {color: #282828;}
 +
h1 {font-size:72px;} h2 {font-size:48px;} h3 {font-size:36px;}
 +
h4 {font-size:32px;} h5 {font-size:28px;} h6 {font-size:24px;}
 +
.nav-pills>li.active>a{background-color:#93d66b !important;}
 +
.nav-pills>li>a:hover{background-color:#b2dd75 !important; color:#FFFFFF!important;}
 +
.nav-pills>li.active>a:hover{background-color:#93d66b !important;}
 
</style>
 
</style>
−
<link href="custom.css" rel="stylesheet" type="text/css">
 
−
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
 
−
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 
−
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
−
<!--[if lt IE 9]>
 
−
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
−
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
−
<![endif]-->
 
 
<head>
 
<head>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<!-- Bootstrap -->
 
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
−
<!-- custom style -->
 
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/custom?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/custom?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
</head>
 
</head>
−
 
+
</html>
 +
{{Hong_Kong_HKU/Header}}
 +
<html>
 
<body>
 
<body>
−
<nav class="navbar navbar-default">
+
<div class="container" align="center">
−
  <div class="container-fluid">  
+
    <h2>Notebook</h2>
−
     <!-- Brand and toggle get grouped for better mobile display -->
+
    <p class="text-justify"><font size="3">
−
     <div class="navbar-header">
+
     We have been having fun in the biochemical lab throughout the summer. Click to see what we have been doing!
−
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
+
    </font></p>
−
      <a class="navbar-brand" href="#">HKU iGEM Team</a>
+
     <ul class="nav nav-pills">
 +
       <li class="active"><a href="">Working Log</a></li>
 +
      <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Experiments">Experiments and Protocol</a></li>
 +
      <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Safety">Safety</a></li>
 +
    </ul>
 +
    <div class="tab-content">
 +
      <div id="inspiration" class="tab-pane fade in active">
 +
        <h3>Working Log</h3>
 +
        <hr>
 +
        <img class="img-responsive center-block" width="900px" height="auto" src="https://static.igem.org/mediawiki/2016/d/d9/T--Hong_Kong_HKU--Notebook-Timeline1.jpg" alt="">
 +
        <img class="img-responsive center-block" width="900px" height="auto" src="https://static.igem.org/mediawiki/2016/d/d3/T--Hong_Kong_HKU--Notebook-Timeline2.jpg" alt="">
 +
    <p class="text-justify"><font size="3">
 +
        </font></p>
 +
      </div>
 
     </div>
 
     </div>
−
     
 
−
   
 
−
    <!-- Collect the nav links, forms, and other content for toggling -->
 
−
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
−
      <ul class="nav navbar-nav">
 
−
        <li class="active"><a href="https://2016.igem.org/Team:Hong_Kong_HKU">Homepage<span class="sr-only">(current)</span></a> </li>
 
−
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Project<span class="caret"></span></a>
 
−
          <ul class="dropdown-menu">
 
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Description">Description</a> </li>
 
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Design">Design</a> </li>
 
−
            <li role="separator" class="divider"></li>
 
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Proof">Proof of concept</a> </li>
 
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Demostrate">Demostrate</a> </li>
 
−
          </ul>
 
−
        </li>
 
−
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Notebook<span class="caret"></span></a>
 
−
          <ul class="dropdown-menu">
 
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Protocol">Protocol</a> </li>
 
−
            <li role="separator" class="divider"></li>
 
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Result">Result</a> </li>
 
−
          </ul>
 
−
        </li>
 
−
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Parts">Parts</a></li>
 
−
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Human_Practices">Human Practices</a></li>
 
−
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Attributions">Attributions</a></li>
 
−
      </ul>
 
−
      <form class="navbar-form navbar-right" role="search">
 
−
        <div class="form-group">
 
−
          <input type="text" class="form-control" placeholder="Search">
 
−
        </div>
 
−
        <button type="submit" class="btn btn-default">Submit</button>
 
−
      </form>
 
−
      <ul class="nav navbar-nav navbar-right">
 
−
      </ul>
 
−
    </div>
 
−
    <span class="dropdown"></span>    <!-- /.navbar-collapse -->
 
−
  </div>
 
−
  <!-- /.container-fluid -->
 
−
</nav>
 
−
 
−
<img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/a/a8/T--Hong_Kong_HKU--Logo_HKU_2460x1860.jpg" style="width:240px; height:180px;" alt="Placeholder image">
 
−
<div class="container" align="center">
 
−
<h1>Welcome to iGEM @ The University of Hong Kong!</h1>
 
−
<h2>Project description</h2>
 
−
<ul class="nav nav-pills">
 
−
  <li class="active"><a data-toggle="pill" href="#inspiration">Inspiration</a></li>
 
−
  <li><a data-toggle="pill" href="#objectives">Objectives</a></li>
 
−
  <li><a data-toggle="pill" href="#currentprogress">Current progress</a></li>
 
−
  <li><a data-toggle="pill" href="#significances">Significances</a></li>
 
−
</ul>
 
 
</div>
 
</div>
  
−
<div class="tab-content">
 
−
  <div id="inspiration" class="tab-pane fade in active">
 
−
    <h3>Inspiration</h3>
 
−
    <hr>
 
−
<h4>Early diagnosis of cancer</h4>
 
−
    <p class="text-justify"> Cancer has always been a devastating disease. In 2012, there were 14.1 million new cancer cases worldwide.[1] Early diagnosis of cancer may help to reduce the mortality rate and extend the life expectancy of patients. For instance, in the U. K., nearly 90% of patients diagnosed with stage I lung cancer lived for more than a year while only 19% of patients diagnosed at stage IV do so.[2] Early diagnosis of cancer is also believed to be vital for successful treatment and recovery.
 
−
<br>
 
−
Significant gene mutations might indicate the possibility of development of cancers. Although recent research has diagnosed cancers by analyzing individual genetic mutation profiles[3],[4], such diagnostic method takes up considerable amount of time to obtain accurate results. As conventional diagnostic methods involve complicated procedures, DNA nanostructures have been introduced to detect cancer biomarkers to facilitate simple diagnosis. </p>
 
−
    <h4>DNA nanostructures and miRNAs as biomarkers</h4>
 
−
<p class="text-justify">DNA has emerged as a promising material that allows researchers to construct novel designs as its structure could be predicted easily and accurately.[5] Examples of DNA nanostructures include nano-tweezers to detect norovirus and a DNA ‘Nano-Claw’ to detect membrane markers of cancer cells.[6],[7]<br>
 
−
DNA Boolean logic gates have been constructed to produce signals in the presence of multiple targets, such as OR-gate and AND-gate DNA tetrahedra that generate fluorescence resonance energy transfer (FRET) signal when multiple inputs hybridize with the probe.[8]
 
−
As for the targets to be detected, different microRNAs (miRNAs) have been identified to be associated with cancers. For example, miR-15b-5p, miR-338-5p, and miR-764 found in plasma are potential biomarkers for detecting hepatocellular carcinoma cancer (HCC), a common type of liver cancer.[9] It has already been reported that it is promising to use these biomarkers - miRNAs to detect cancers.[10] </p>
 
−
  </div>
 
−
  <div id="objectives" class="tab-pane fade" alt="Placeholder image">
 
−
    <h3>Objetives</h3>
 
−
    <hr>
 
−
    <h4><i>In vivo</i> synthesis of functional DNA nanostructure</h4>
 
−
    <p>Our aim is to design a novel DNA nanostructure that can detect multiple miRNA targets simultaneously. We hope that our design can discriminate a single base mutation of the target miRNAs. Hence, it can be highly specific to our targets and avoid false positives. Our goal is clear - we aim to design a tool which can possibly detect a combination of biomarkers and enhance the sensitivity of detecting a particular type of cancer.<br>
 
−
Recently, <i>in vitro</i> applications of DNA nanostructure have already achieved point-of-care (POC) diagnosis[11]. Therefore, we hope to move from <i>in vitro</i> to <i>in vivo</i> by developing a self-assembled DNA nanostructure that can potentially target miRNAs <i>in vivo</i>. Detecting serum miRNA can be challenging because of the low serum miRNA level, so methods such as quantitative polymerase chain reaction are used to amplify the target miRNAs before detecting them.[12] We hope that our DNA nanostructure, which is synthesized and assembled <i>in vivo</i>, can potentially eliminate the need of target amplification. In addition, our design has an advantage over the current designs of molecular beacon. Molecular beacon makes use of fluorophores and quenchers[13], which cannot be synthesized <i>in vivo</i>. Our design does not require the use of fluorophore and quencher and thus can work well inside cells. In addition, our DNA nanostructure can be produced at a lower cost as fluorophore and quencher are not used. </p>
 
−
<img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/e/e5/HKU_ProjectDescription_Mindmap1.jpg" alt="Placeholder image">
 
−
  </div>
 
−
  <div id="currentprogress" class="tab-pane fade">
 
−
    <h3>Current progress</h3>
 
−
    <hr>
 
−
    <p>Our design is a 3-dimensional structure that can be self-assembled from oligonucleotides. Our aim is to construct a nanostructure that is able to detect multiple miRNA biomarkers such that it can reach a higher accuracy for diagnosis. For the selection of biomarkers, we are looking for a combination of miRNAs that are specific to a certain type of disease including cancers.
 
−
    At current stage, we are testing different designs <i>in vitro</i> to see if they can produce desired signals. After proving our designs can work <i>in vitro</i>, we will attempt to test them <i>in vivo</i>. Finally, we will design a mechanism such that E. coli can synthesize the required oligonucleotides to form the specified nanostructure.</p>
 
−
<img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/0/0e/HKU_ProjectDescription_Mindmap2.jpg" alt="Placeholder image">
 
−
  </div>
 
−
    <div id="significances" class="tab-pane fade">
 
−
    <h3>Sigificances</h3>
 
−
    <hr>
 
−
    <h4>A leap forward - <i>in vivo</i> synthesis of 3D functional DNA nanostructures</h4>
 
−
    <p>In the past decade, functional DNA nanostructures have been used in similar <i>in vitro</i> approaches to detect various cancer biomarkers.[14][15]It is noted that most of those designs were applied <i>in vitro</i>. Recently, 1D and 2D DNA structures were successfully expressed and assembled <i>in vivo</i>,[16] while several novel 3D DNA structures were synthesized to produce signals <i>in vivo</i>.[17],[18] Given these advancements, our ultimate goal is to enable our functional DNA nanostructure to be synthesized and self-assembled in E. coli, that can function inside the disease cells. This, if successful and with further refinement, could be a great replacement to colour coded surgery in the surgical field.[19]<br>
 
−
Last but not least, the cost and quality of production, efficiency and accuracy of our intracellularly-synthesized 3D structure will be compared to current diagnostic methods. </p>
 
−
  </div>
 
−
</div>
 
 
<!-- footer -->
 
<!-- footer -->
−
<hr>
+
<footer class="text-center"></footer>
−
<footer class="text-center">
+
<script src="https://2016.igem.org/Team:Hong_Kong_HKU/JS/jQuery?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
  <div class="container">
+
−
    <div class="row">
+
−
      <div class="col-xs-12" align="center">
+
−
        <p align="center">Copyright © 2016 HKU iGEM. All rights reserved.</p>
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
</footer>
+
 
<script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
</body>
 
</body>
−
 
 
</html>
 
</html>
 +
{{Hong_Kong_HKU/Footer}}

Latest revision as of 03:33, 19 October 2016

Notebook

We have been having fun in the biochemical lab throughout the summer. Click to see what we have been doing!

Working Log


Copyright © 2016 HKU iGEM. All rights reserved.