Line 1: | Line 1: | ||
{{Hong_Kong-CUHK}} | {{Hong_Kong-CUHK}} | ||
<html> | <html> | ||
− | + | <head> | |
− | <meta name="viewport" content="width=device-width, initial-scale=1"> | + | <meta charset="utf-8"> |
− | < | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | + | <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> |
− | <script | + | <style> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.container { | .container { | ||
overflow: hidden; | overflow: hidden; | ||
Line 21: | Line 16: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 43: | Line 22: | ||
position: relative; | position: relative; | ||
} | } | ||
− | #section1 {padding-top:120px;height:500px;color: # | + | #section1 {padding-top:120px;height:500px;color: #000; background-color: #FAFAFA;} |
− | #section2 {padding-top:120px;height:500px;color: # | + | #section2 {padding-top:120px;height:500px;color: #000; background-color: #FFFFFF;} |
− | #section3 {padding-top:120px;height:500px;color: # | + | #section3 {padding-top:120px;height:500px;color: #000; background-color: #FAFAFA;} |
− | #section4 {padding-top:120px;height:500px;color: # | + | #section4 {padding-top:120px;height:500px;color: #000; background-color: #FFFFFF;} |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
</style> |
</style> | ||
Line 117: | Line 42: | ||
<div class="whole-div"> | <div class="whole-div"> | ||
− | + | <div class="container-fluid"> | |
− | + | <div class="navbar-header"> | |
− | + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> | |
− | + | <span class="icon-bar"></span> | |
− | <div> | + | <span class="icon-bar"></span> |
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="#">Results</a> | ||
+ | </div> | ||
+ | <div> | ||
<div class="collapse navbar-collapse" id="myNavbar"> | <div class="collapse navbar-collapse" id="myNavbar"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
− | <a href="#section1">Toehold Switch</a> | + | <li><a href="#section1">Toehold Switch</a></li> |
− | <a href="#section2">Interlab</a> | + | <li><a href="#section2">Interlab</a></li> |
− | <a href="#section3">Charaterization</a> | + | <li><a href="#section3">Charaterization</a></li> |
− | <a href="#section4">Program</a> | + | <li><a href="#section4">Program</a></li> |
− | + | </ul> | |
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 137: | Line 73: | ||
− | + | <div id="section1" class="container-fluid"> | |
− | <div id="section1" class="container"> | + | |
<h1>Toehold Switch</h1> | <h1>Toehold Switch</h1> | ||
<p>This is overview about Toehold Switch.</p> | <p>This is overview about Toehold Switch.</p> | ||
− | |||
</div> | </div> | ||
− | <div id="section2" class="container"> | + | <div id="section2" class="container-fluid"> |
<h1>Interlab</h1> | <h1>Interlab</h1> | ||
<p>This is overview about Interlab.</p> | <p>This is overview about Interlab.</p> | ||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | <div id="section3" class="container"> | + | <div id="section3" class="container-fluid"> |
<h1>Characterization</h1> | <h1>Characterization</h1> | ||
− | <p | + | <p>Overview |
− | < | + | <br>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. |
− | < | + | <br>To determine the effective range and optimize the protein expression level for clinical diagnosis, we have demonstrated their pH stability under different pH condition. |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <br><br>Key Achievements |
− | < | + | <br>Characterised two fluorescent proteins for the registry to functionalize Toehold switch for clinical diagnosis. |
− | </ | + | Proved the pH dependent stability of fluorescent proteins.</p> |
</div> | </div> | ||
− | + | <div id="section4" class="container-fluid"> | |
− | <div id="section4" class="container"> | + | |
<h1>Program</h1> | <h1>Program</h1> | ||
− | <p> | + | <p>Program</p> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <script> |
+ | $(document).ready(function(){ | ||
+ | // Add scrollspy to <body> | ||
+ | $('body').scrollspy({target: ".navbar", offset: 50}); | ||
+ | // Add smooth scrolling on all links inside the navbar | ||
+ | $("#myNavbar a").on('click', function(event) { | ||
+ | // Make sure this.hash has a value before overriding default behavior | ||
+ | if (this.hash !== "") { | ||
+ | // Prevent default anchor click behavior | ||
+ | event.preventDefault(); | ||
+ | // Store hash | ||
+ | var hash = this.hash; | ||
− | + | // Using jQuery's animate() method to add smooth page scroll | |
− | + | // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area | |
− | + | $('html, body').animate({ | |
− | + | scrollTop: $(hash).offset().top | |
− | + | }, 800, function(){ | |
− | + | ||
− | + | // Add hash (#) to URL when done scrolling (default click behavior) | |
− | + | window.location.hash = hash; | |
− | + | }); | |
− | + | } // End if | |
− | + | }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
}); | }); | ||
</script> | </script> | ||
− | |||
</body> | </body> | ||
</html> | </html> | ||
{{Template:Hong_Kong-CUHK_footer}} | {{Template:Hong_Kong-CUHK_footer}} |
Revision as of 10:56, 22 August 2017