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

 
(70 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Hong_Kong-CUHK}}
+
{{Hong Kong-CUHK}}  
−
 
+
−
 
+
 
<html>
 
<html>
 
   <head>
 
   <head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 
   <style>
 
   <style>
−
     
 
  
  
−
.container {
+
section {
−
    overflow: hidden;
+
  margin:auto;
−
    background-color: #333;
+
  position: relative;
−
    font-family: Arial;
+
  width: 70%;
 +
text-align:center;
 +
  height: auto;
 +
background-color:#fff;
 +
}
 +
.content{
 +
margin-top:20px;  
 +
}
 +
.adjust1{
 +
  margin:auto;width:100%; margin-bottom:0;
 +
}
 +
.adjust2{
 +
margin:0;
 +
}
 +
.carousel-control{
 +
color:#31708f; width:5%;
 +
}
 +
.carousel-control:hover,
 +
.carousel-control:focus{
 +
color:#31708f;
 +
}
 +
.carousel-control.left,
 +
.carousel-control.right{
 +
background-image: none;
 +
}
 
}
 
}
−
 
−
.container a {
 
−
    float: left;
 
−
    font-size: 16px;
 
−
    color: white;
 
−
    text-align: center;
 
−
    padding: 14px 16px;
 
−
    text-decoration: none;
 
−
}
 
−
 
−
.dropdown {
 
−
    float: left;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
.dropdown .dropbtn {
 
−
    font-size: 16px;   
 
−
    border: none;
 
−
    outline: none;
 
−
    color: white;
 
−
    padding: 14px 16px;
 
−
    background-color: inherit;
 
−
}
 
−
 
−
.container a:hover, .dropdown:hover .dropbtn {
 
−
    background-color: red;
 
−
}
 
−
 
−
.dropdown-content {
 
−
    display: none;
 
−
    position: absolute;
 
−
    background-color: #f9f9f9;
 
−
    min-width: 160px;
 
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
−
    z-index: 1;
 
−
}
 
−
 
−
.dropdown-content a {
 
−
    float: none;
 
−
    color: black;
 
−
    padding: 12px 16px;
 
−
    text-decoration: none;
 
−
    display: block;
 
−
    text-align: left;
 
−
}
 
−
 
−
.dropdown-content a:hover {
 
−
    background-color: #ddd;
 
−
}
 
−
 
−
.dropdown:hover .dropdown-content {
 
−
    display: block;
 
−
}
 
−
   
 
−
 
−
@media (max-width: 1500px) {
 
−
    .container{
 
−
        min-width: 1200px;
 
−
    }
 
−
}
 
−
 
−
 
−
#drop-nav li ul li {border-top: 0px;}
 
−
 
−
      #NavLogo{
 
−
        float: left;
 
−
        height: 40px;
 
−
       
 
−
      }
 
−
 
−
 
−
 
−
 
−
 
 
     </style>  
 
     </style>  
 
   </head>
 
   </head>
  
  
−
 
+
<section id="section01">
−
<div class="container">
+
−
+
−
    <li><a style="padding-top:-50px;"><img id="NavLogo" src="https://static.igem.org/mediawiki/2017/4/41/Cuhk_logo.PNG"></a></li>
+
−
 
+
−
<a href="https://2017.igem.org/Team:Hong_Kong-CUHK">Home</a>
+
−
 
+
−
<div class="dropdown">
+
−
    <button class="dropbtn">Project ▼</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">Notebook ▼</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">Human Practice ▼</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">Team ▼</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>
+
−
 
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
+
−
 
+
−
 
+
−
 
+
−
 
+
 
   <div class="splash" id="mainsplash">
 
   <div class="splash" id="mainsplash">
−
    <div class="row splashyla">
+
  <div id="banner">
−
      <div class="col-md-12">
+
         <img src="https://static.igem.org/mediawiki/2017/0/0c/Dr_swtich1.png" width="90%" height="auto" class=" igem-logo"></a>
−
         <img src="https://static.igem.org/mediawiki/2017/a/a0/Background.PNG" width="1200" height="1200" class=" igem-logo"></a>
+
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
<center>
 +
</section>
  
 +
<section id="myCarousel" class="carousel slide" data-ride="carousel">
 +
  <!-- Indicators -->
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
    <li data-target="#myCarousel" data-slide-to="1"></li>
 +
    <li data-target="#myCarousel" data-slide-to="2"></li>
 +
    <li data-target="#myCarousel" data-slide-to="3"></li>
 +
  </ol>
  
−
 
+
  <!-- Wrapper for slides -->
−
 
+
   <div class="carousel-inner">
−
 
+
     <div class="item active">
−
   <div class="column full_size" >
+
        <img src="https://static.igem.org/mediawiki/2017/0/08/Page1.png" height="500" >
−
     <div class="highlight">
+
−
      <p><a href="https://en.wikipedia.org/wiki/Influenza_A_virus">Influenza A</a> is a rapid-changing disease that causes 5,000,000 deaths annually worldwide. Challenges of disease control in the modern world with high population mobility remains at the speed and accuracy of diagnosis. However, nowadays influenza A subtyping method rely greatly on RT-PCR, which requires a long time, expertise and laboratory space. Meanwhile, a novel type of riboswitch, namely Toehold Switch, shows its potential in subtyping Influenza A with quicker detection and lower production cost.</p>
+
 
     </div>
 
     </div>
−
  </div>
 
  
−
 
+
     <div class="item">
−
  <div class="column full_size" >
+
        <img src="https://static.igem.org/mediawiki/2017/8/85/Page2.png" height="500" >
−
     <div class="highlight">
+
−
      <p>By combining test paper and Toehold Switch, a rapid on-site detection kit for Influenza A is designed and under investigation. It has a high potential to be used widely in, but not limited to, animal farms, boarder inspections and schools wherever expertise and laboratory equipment are not readily available. With the help of our <a href="http://igem.erg.cuhk.edu.hk/">software</a>, traditional tedious work of manual design of toehold switch is minimized, providing the kit with higher adaptability.</p>
+
 
     </div>
 
     </div>
−
  </div>
 
−
 
−
 
−
  <div class="column full_size" >
 
−
    <div class="highlight">
 
−
      <p>We hope that our project can:</p>
 
−
<ul>
 
−
      <li><b>Stop Influenza A pandemic early by a more accurate and rapid detection;</b></li>
 
−
      <li><b> Ease the stress on public health service when disease attacks, especially in less developed countries;</b></li>
 
−
      <li> and <b>Provide an experience to the development of test kit of other dangerous diseases.</b></li>
 
  
−
</ul>
+
    <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5c/Page3.png" height="500">
 
     </div>
 
     </div>
 +
 +
    <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2017/e/e9/Page4.png" height="500">
 
   </div>
 
   </div>
−
 
−
 
−
  <div class="column full_size" >
 
−
    <div class="highlight">
 
−
      <p>Our project showed novelty in the construction of program for toehold switch design, and combination of Toehold switch and test paper for Influenza A detection. The kit has several advantages over existing diagnostic methods:<b>(i) Lower production cost</b>;<b>(ii) Rapid detection</b>;<b>(iii) One-site detection</b>;<b>(iv) Intuitive readout</b>;<b>(v) No pre-analytical sample treatment</b>. So it has high potential to be applied on diagnosis and preventive check on immigrants and poultry to protect life and property from influenza A pandemics.</p>
 
−
 
−
 
−
    </div>
 
 
   </div>
 
   </div>
  
 +
  <!-- Left and right controls -->
 +
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left"></span>
 +
    <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 +
</div>
 +
<center>
 +
</section>
  
−
  <div class="column half_size" >
 
−
    <h5> Uploading pictures and files </h5>
 
−
    <p> You can upload your pictures and files to the iGEM 2017 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
 
−
    When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)<br><br>
 
−
 
−
      <a href="https://2017.igem.org/Special:Upload">
 
−
        UPLOAD FILES
 
−
      </a>
 
−
    </p>
 
−
  </div>
 
  
 +
</body>
  
 
</html>
 
</html>
 +
{{Template:Hong_Kong-CUHK_footer}}

Latest revision as of 19:28, 17 October 2017

     

Email: igemcuhk1617@gmail.com