Difference between revisions of "Team:Hong Kong-CUHK/Results"

Line 5: Line 5:
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
 
   
 
   
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<link rel=" alternate stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
−
 
−
 
 
<link rel="alternate stylesheet" type="text/css" href="scroll_style.css">
 
<link rel="alternate stylesheet" type="text/css" href="scroll_style.css">
 
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript" src="jquery.js"></script>
Line 22: Line 16:
 
     background-color: #FFFFFF;
 
     background-color: #FFFFFF;
 
     font-family: Arial;
 
     font-family: Arial;
−
box-shadow: none;
+
 
−
background:none;
+
 
}
 
}
  
Line 84: Line 77:
 
}
 
}
 
      
 
      
−
 
−
@media (max-width: 1500px) {
 
−
    .container{
 
−
        min-width: 1200px;
 
−
    }
 
−
}
 
  
  
Line 105: Line 92:
 
}
 
}
  
−
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
 
−
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css');
 
  
 
#topNav {
 
#topNav {
Line 112: Line 97:
 
       box-shadow: none;
 
       box-shadow: none;
 
background:none;
 
background:none;
−
}
 
−
 
−
#nav2 {
 
−
  width: 100%;
 
−
}
 
−
 
−
#nav2.affix-top {
 
−
  position: static;
 
−
}
 
−
 
−
#nav2.affix {
 
−
  position: fixed;
 
−
  top: 0;
 
−
  left: 0;
 
−
  z-index: 2;
 
−
  transition: all .6s ease-in-out;
 
−
  -webkit-transition: all .6s ease-in-out;
 
−
}
 
−
 
−
.navbar-toggle {
 
−
outline:0;
 
 
}
 
}
  
Line 145: Line 109:
 
    
 
    
  
−
#wrapper
+
.scrollToTop{
−
{
+
−
text-align:center;
+
−
margin:0px auto;
+
−
padding:0px;
+
−
width:700px;
+
−
}
+
−
 
+
−
#scrollToTop
+
−
{
+
 
  position:fixed;
 
  position:fixed;
 
  float:right;
 
  float:right;
Line 168: Line 123:
 
  display:none;
 
  display:none;
 
}
 
}
−
 
+
.scrollToTop:hover{
 +
text-decoration:none;
 +
} 
 

 </style>  
 

 </style>  
  
Line 175: Line 132:
  
 


<body>
 


<body>
−
 
−
<div class="navbar navbar-inverse navbar-static-top" id="topNav">
 
−
    <div class="container">
 
−
 
−
    <li><span style="padding-top:-50px;"><img id="NavLogo" src="https://static.igem.org/mediawiki/2017/c/cf/CUHKteamlogo.jpg"></span></li>
 
−
 
−
<ul class="pull-right">
 
−
<a href="https://2017.igem.org/Team:Hong_Kong-CUHK">Home</a>
 
−
 
−
<div class="dropdown">
 
−
    <button class="dropbtn"><b>Project ▼</b></button>
 
−
    <div class="dropdown-content">
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Description">Description</a>
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Experiments">Experiments</a>
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Results">Results</a>
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Parts">Parts</a>
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Hardware">Hardware</a>
 
−
 
−
    </div>
 
−
  </div>
 
−
 
−
 
−
  <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Model">Modelling</a>
 
−
 
−
  <a href="http://igem.erg.cuhk.edu.hk/">Software</a>
 
−
 
−
  <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InterLab">InterLab</a>
 
−
 
−
 
−
  <div class="dropdown">
 
−
    <button class="dropbtn"><b>Notebook ▼</b></button>
 
−
    <div class="dropdown-content">
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Notebook">Notebook</a>
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Applied_Design">Protocols</a>
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Measurement">Medal Criteria</a>
 
−
    </div>
 
−
  </div>
 
−
 
−
<div class="dropdown">
 
−
    <button class="dropbtn"><b>Human Practice ▼</b></button>
 
−
    <div class="dropdown-content">
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Engagement">Engagement and Education</a>
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Gold_Integrated">Human Practices</a>
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Collaborations">Collaboration</a>
 
−
    </div>
 
−
  </div>
 
−
 
−
  <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Safety">Safety</a>
 
−
 
−
<div class="dropdown">
 
−
    <button class="dropbtn"><b>Team ▼</b></button>
 
−
    <div class="dropdown-content">
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Team">Team</a>
 
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Attributions">Attributions</a>
 
−
    </div>
 
−
  </div>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
 
  
 
<div class="column full_size" >
 
<div class="column full_size" >
Line 241: Line 138:
 
</div>
 
</div>
  
−
<div class="navbar navbar-custom navbar-inverse navbar-static-top" id="nav2">
+
 
 +
<div class="navbar navbar-inverse navbar-static-top" id="topNav">
 
     <div class="container">
 
     <div class="container">
−
 
+
<body data-spy="scroll" data-target=".navbar" data-offset="50">
−
<body data-spy="scroll" data-target=".navbar" data-offset="50">
+
  
  
Line 255: Line 152:
 
<a href="#section4">Program</a>
 
<a href="#section4">Program</a>
 
                   </ul>
 
                   </ul>
−
      </div>
+
</div>
 
     </div>
 
     </div>
  
  
−
 
+
</div>
−
 
+
−
</div>
+
 
</div>
 
</div>
  
Line 269: Line 164:
 
   <h1>Toehold Switch</h1>
 
   <h1>Toehold Switch</h1>
 
   <p>This is overview about Toehold Switch.</p>
 
   <p>This is overview about Toehold Switch.</p>
−
 
+
 
−
<ul class="pull-right">
+
−
<a href="#" input type="button" id="scrollToTop" onclick="scrolltop();">&#8679;</a>
+
−
</ul>
+
 
</div>
 
</div>
  
Line 279: Line 171:
 
   <p>This is overview about Interlab.</p>
 
   <p>This is overview about Interlab.</p>
  
−
<ul class="pull-right">
+
<a href="#" class="scrollToTop">&#8679;</a>
−
<a href="#" input type="button" id="scrollToTop" onclick="scrolltop();">&#8679;</a>
+
−
</ul>
+
 
</div>
 
</div>
  
Line 297: Line 187:
  
  
−
<ul class="pull-right">
+
<a href="#" class="scrollToTop">&#8679;</a>
−
<a href="#" input type="button" id="scrollToTop" onclick="scrolltop();">&#8679;</a>
+
−
</ul>
+
 
</div>
 
</div>
  
Line 307: Line 195:
 
   <p>This is overview about Program.</p>
 
   <p>This is overview about Program.</p>
 
    
 
    
−
<ul class="pull-right">
+
<a href="#" class="scrollToTop">&#8679;</a>
−
<a href="#" input type="button" id="scrollToTop" onclick="scrolltop();">&#8679;</a>
+
−
</ul>
+
 
</div>
 
</div>
  
 
<script>
 
<script>
−
 
 
$(document).ready(function(){
 
$(document).ready(function(){
−
$(window).scroll(function(){
+
−
if ($(window).scrollTop() > 100) {
+
//Check to see if the window is top if not then display button
−
  $('#scrollToTop').fadeIn();
+
$(window).scroll(function(){
−
} else {
+
if ($(this).scrollTop() > 100) {
−
  $('#scrollToTop').fadeOut();
+
$('.scrollToTop').fadeIn();
−
}
+
} else {
−
});
+
$('.scrollToTop').fadeOut();
 +
}
 +
});
 +
 +
//Click event to scroll to top
 +
$('.scrollToTop').click(function(){
 +
$('html, body').animate({scrollTop : 0},800);
 +
return false;
 +
});
 +
 
});
 
});
−
 
−
function scrolltop()
 
−
{
 
−
$('html, body').animate({scrollTop : 0},500);
 
−
}
 
−
 
 
</script>
 
</script>
  

Revision as of 01:20, 6 August 2017





Results

Toehold Switch

This is overview about Toehold Switch.

Interlab

This is overview about Interlab.

⇧

Characterization

Overview

Fluorescent protein is an important marker for qualitative analysis in validation test of Toehold switch which detects the presence of trigger (viral) RNA.The presence of trigger RNA is reported by fold change of fluorescent protein expression compared with switch only by fluorescent assays and rely on the ability of fluorescent protein expression. More often, body fluid of different pH from vary organs extracted as sample may disturb the fluorescent level due to pH-dependent folding and conformation of proteins.

To determine the effective range and optimize the protein expression level for clinical diagnosis, we have demonstrated their pH stability under different pH condition.


Key Achievements

  • Characterised two fluorescent proteins for the registry to functionalize Toehold switch for clinical diagnosis.
  • Proved the pH dependent stability of fluorescent proteins.
⇧

Program

This is overview about Program.

⇧