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

 
(95 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Hong_Kong-CUHK}}
+
{{Hong Kong-CUHK}}  
−
 
+
−
 
+
 
<html>
 
<html>
 
   <head>
 
   <head>
−
    <style type="text/css">
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
      ul {list-style: none;padding: 0px;margin: 0px;}
+
  <style>
−
      ul li {display: block;position: relative;float: left;border:1px solid #000}
+
−
      li ul {display: none;}
+
−
      ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none;
+
−
      white-space: nowrap;color: #fff;transition: .3s background-color;}
+
−
      ul li a:hover {background: #f00;}
+
−
      li:hover ul {display: block; position: absolute;}
+
−
      li:hover li {float: none;}
+
−
      li:hover a {background: #005f5f;}
+
−
      li:hover li a:hover {background: ##fff;color: #444;}
+
−
      #drop-nav li ul li {border-top: 0px;}
+
  
−
      #NavLogo{
 
−
        float: left;
 
−
        height: 60px;
 
−
        padding: 5px 15px;
 
−
      }
 
  
−
 
+
section {
−
      /* IF THE SCREEN IS LESS THAN 1000PX */
+
  margin:auto;
−
 
+
  position: relative;
−
      @media only screen and (max-width: 1000px) {
+
  width: 70%;
−
        #content {
+
text-align:center;
−
          width: 100%;
+
  height: auto;
−
        }
+
background-color:#fff;
−
        .menu_wrapper {
+
}  
−
          width: 15%;
+
.content{  
−
        }
+
margin-top:20px;  
−
        .content_wrapper {
+
}  
−
          margin-left: 15%;
+
.adjust1{
−
        }
+
  margin:auto;width:100%; margin-bottom:0;  
−
        .menu_item {
+
}  
−
          display: block;
+
.adjust2{
−
        }
+
margin:0;  
−
        .icon {
+
}  
−
          display: none;
+
.carousel-control{  
−
        }
+
color:#31708f; width:5%;  
−
        .highlight {
+
}  
−
          padding: 10px 0px;
+
.carousel-control:hover,
−
        }
+
.carousel-control:focus{  
−
      }
+
color:#31708f;  
−
 
+
}  
−
 
+
.carousel-control.left,
−
      /* IF THE SCREEN IS LESS THAN 680PX */
+
.carousel-control.right{  
−
 
+
background-image: none;  
−
      @media only screen and (max-width: 680px) {
+
}  
−
        .collapsable_menu_control {
+
}
−
          display: block;
+
     </style>  
−
        }
+
−
        .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>
+
 
   </head>
 
   </head>
  
  
−
 
+
<section id="section01">
−
  <ul id="drop-nav">
+
−
 
+
−
    <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>
+
−
 
+
−
    <li><a href="#">Project ▼</a>
+
−
      <ul>
+
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Description">Overview</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Experiments">Experiemnt</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Results">Result</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Parts">Parts</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Hardware">Hardware</a></li>
+
−
      </ul>
+
−
    </li>
+
−
 
+
−
    <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Model">Modelling</a></li>
+
−
 
+
−
    <li><a href="http://igem.erg.cuhk.edu.hk/">Software</a></li>
+
−
 
+
−
    <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InterLab">Interlab</a></li>
+
−
 
+
−
    <li><a href="#">Notebook ▼</a>
+
−
      <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>
+
−
 
+
−
 
+
−
 
+
−
 
+
 
   <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="800" 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>
 
−
      <p>(i) stop Influenza A pandemic early by a more accurate and rapid detection;</p>
 
−
      <p>(ii) ease the stress on public health service when disease attacks, especially in less developed countries;</p>
 
−
      <p> and (iii) provide an experience to the development of test kit of other dangerous diseases.</p>
 
−
 
  
 +
    <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5c/Page3.png" height="500">
 
     </div>
 
     </div>
−
  </div>
 
  
−
 
+
    <div class="item">
−
  <div class="column full_size" >
+
        <img src="https://static.igem.org/mediawiki/2017/e/e9/Page4.png" height="500">
−
    <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>
−
 
−
 
−
  <div class="column half_size" >
 
−
    <h5>Inspiration</h5>
 
−
    <p> You can also view other team wikis for inspiration! Here are some examples:</p>
 
−
    <ul>
 
−
      <li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
 
−
      <li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
 
−
      <li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
 
−
      <li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
 
−
      <li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
 
−
      <li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
 
−
    </ul>
 
 
   </div>
 
   </div>
  
−
   <div class="column half_size" >
+
   <!-- Left and right controls -->
−
     <h5> Uploading pictures and files </h5>
+
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
−
     <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 />
+
     <span class="glyphicon glyphicon-chevron-left"></span>
−
    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>
+
     <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>
  
−
      <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