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

Line 4: Line 4:
 
<html>
 
<html>
 
   <head>
 
   <head>
−
     <style type="text/css">
+
     <style>
−
       ul {list-style: none;padding: 0px;}
+
        
−
      ul li {display: block;position: relative;float: left;border:10px solid #000}
+
 
−
      li ul {display: none;}
+
 
−
      ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none;
+
.container {
−
      white-space: nowrap;color: #fff;transition: .3s background-color;}
+
    overflow: hidden;
−
      ul li a:hover {background: #f00;}
+
    background-color: #333;
−
      li:hover ul {display: block; position: absolute;}
+
    font-family: Arial;
−
      li:hover li {float: none;}
+
}
−
      li:hover a {background: #005f5f;}
+
 
−
      li:hover li a:hover {background: ##fff;color: #444;}
+
.container a {
−
      #drop-nav li ul li {border-top: 0px;}
+
    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;
 +
}
 +
   
 +
 
 +
 
 +
#drop-nav li ul li {border-top: 0px;}
  
 
       #NavLogo{
 
       #NavLogo{
Line 24: Line 78:
  
  
−
      /* IF THE SCREEN IS LESS THAN 1000PX */
+
    </style>
 +
  </head>
  
−
      @media{
 
−
        #content {
 
−
          width: 100%;
 
−
        }
 
−
        .menu_wrapper {
 
−
          width: 15%;
 
−
        }
 
−
        .content_wrapper {
 
−
          margin-left: 15%;
 
−
        }
 
−
        .menu_item {
 
−
          display: block;
 
−
        }
 
−
        .icon {
 
−
          display: none;
 
−
        }
 
−
        .highlight {
 
−
          padding: 10px 0px;
 
−
        }
 
−
      }
 
  
  
−
      /* IF THE SCREEN IS LESS THAN 680PX */
+
<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>
  
−
      @media{
+
<a href="https://2017.igem.org/Team:Hong_Kong-CUHK">Home</a>
−
        .collapsable_menu_control {
+
−
          display: block;
+
−
        }
+
−
        .menu_item {
+
−
          display: none;
+
−
        }
+
−
        .menu_wrapper {
+
−
          width: 100%;
+
−
          height: 15%;
+
−
          position: relative;
+
−
        }
+
−
        .content_wrapper {
+
−
          width: 100%;
+
−
          margin-left: 0px;
+
−
        }
+
−
        .column.half_size {
+
−
          width: 100%;
+
−
        }
+
−
        .column img {
+
−
          width: 100%;
+
−
          padding: 5px 0px;
+
−
        }
+
−
        .icon {
+
−
          display: block;
+
−
        }
+
−
        .highlight {
+
−
          padding: 15px 5px;
+
−
        }
+
−
      }
+
  
−
     </style>
+
<div class="dropdown">
−
  </head>
+
     <button class="dropbtn">Dropdown</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>
  
  
−
   <ul id="drop-nav">
+
   <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>
  
−
    <li><a style="padding-top:-50px;"><img id="NavLogo" src="https://static.igem.org/mediawiki/2017/4/41/Cuhk_logo.PNG"></a></li>
 
  
−
     <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK">Home</a></li>
+
  <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>  
  
−
    <li><a href="#">Project ▼</a>
+
<div class="dropdown">
−
      <ul>
+
    <button class="dropbtn">Human Practice ▼</button>
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Description">Overview</a></li>
+
    <div class="dropdown-content">
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Experiments">Experiemnt</a></li>
+
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Engagement">Engagement and Education</a>
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Results">Result</a></li>
+
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Gold_Integrated">Human Practices</a>
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Parts">Parts</a></li>
+
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Collaborations">Collaboration</a>
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Hardware">Hardware</a></li>
+
    </div>
−
      </ul>
+
  </div>  
−
    </li>
+
  
−
    <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Model">Modelling</a></li>
+
  <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Safety">Safety</a>
  
−
     <li><a href="http://igem.erg.cuhk.edu.hk/">Software</a></li>
+
<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>
  
−
    <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InterLab">Interlab</a></li>
 
  
−
    <li><a href="#">Notebook ▼</a>
+
</div>
−
      <ul>
+
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Notebook">Notebook</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Applied_Design">Protocols</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Measurement">Medal Criteria</a></li>
+
−
      </ul>
+
−
    </li>
+
  
−
    <li><a href="#">Human Practice ▼</a>
 
−
      <ul>
 
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Engagement">Public engagement and Education</a></li>
 
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Gold_Integrated">Integrated human practices</a></li>
 
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Collaborations">Collaboration</a></li>
 
−
      </ul>
 
−
    </li>
 
  
−
    <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Safety">Safety</a></li>
 
  
−
    <li><a href="#">Team ▼</a>
 
−
      <ul>
 
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Team">Team</a></li>
 
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Attributions">Attribution</a></li>
 
−
      </ul>
 
−
    </li>
 
  
−
  </ul>
+
  
  

Revision as of 16:33, 21 June 2017


    • Home
    Description Experiments Results Parts Hardware
    Modelling Software InterLab
    Notebook Protocols Medal Criteria
    Engagement and Education Human Practices Collaboration
    Safety
    Team Attributions

    Influenza 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.

    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 software, traditional tedious work of manual design of toehold switch is minimized, providing the kit with higher adaptability.

    We hope that our project can:

    (i) stop Influenza A pandemic early by a more accurate and rapid detection;

    (ii) ease the stress on public health service when disease attacks, especially in less developed countries;

    and (iii) provide an experience to the development of test kit of other dangerous diseases.

    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:(i) Lower production cost;(ii) Rapid detection;(iii) One-site detection;(iv) Intuitive readout;(v) No pre-analytical sample treatment. 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.

    Inspiration

    You can also view other team wikis for inspiration! Here are some examples:

    Uploading pictures and files

    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.
    When you upload, set the "Destination Filename" to
    T--YourOfficialTeamName--NameOfFile.jpg. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)

    UPLOAD FILES