Difference between revisions of "Team:Lethbridge/Description"

 
(8 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<!-- HTML CONTENT BEGINS  -->
 
<!-- LETHBRIDGE IGEM 2016 -->
 
 
<html>
 
<html>
 
<head>
 
<head>
Line 11: Line 9:
  
 
       /* Start general reset ================================================== */
 
       /* Start general reset ================================================== */
         html body {font-size: inherit;font-family: inherit;background-color: transparent;color: inherit;padding: 0;}
+
         html body {font-size: inherit;font-family: inherit;background-color: #b0bec5;color: inherit;padding: 0;}
 
         div#globalWrapper {font-size: inherit;margin: 0;padding: 0;position: static;width: auto;}
 
         div#globalWrapper {font-size: inherit;margin: 0;padding: 0;position: static;width: auto;}
 
       /* Start top-section reset ============================================== */
 
       /* Start top-section reset ============================================== */
Line 39: Line 37:
 
         div#footer-box {background-color: transparent;border: 0;margin: 0;padding: 0;width: auto;}
 
         div#footer-box {background-color: transparent;border: 0;margin: 0;padding: 0;width: auto;}
 
         div#footer {color: inherit;font-size: inherit;text-align: left;}
 
         div#footer {color: inherit;font-size: inherit;text-align: left;}
         div#f-poweredbyico, div#f-copyrightico {float: none;}
+
         div#f-poweblue-greybyico, div#f-copyrightico {float: none;}
 
         div#footer li {margin: 0;display: list-item; font-family: 'Roboto', sans-serif;}
 
         div#footer li {margin: 0;display: list-item; font-family: 'Roboto', sans-serif;}
 
       </style>
 
       </style>
Line 74: Line 72:
 
       #HQ_page h5 {font-family: "Roboto", sans-sefif;}
 
       #HQ_page h5 {font-family: "Roboto", sans-sefif;}
 
       #HQ_page p {font-family: "Roboto", sans-sefif;}
 
       #HQ_page p {font-family: "Roboto", sans-sefif;}
 +
      </style>
 +
 +
      <!--More Custom Style for Carousel-->
 +
      <style> /*All of the images linked out to are 400x1920*/
 +
      div.CB1 {
 +
        background: url(http://bark-inn.com/wp-content/uploads/2015/11/WATERBALLS-001.jpg) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB2 {
 +
        background: url(https://cdna2.artstation.com/p/assets/images/images/003/290/554/large/adrian-dudak-ny-night.jpg?1472063960) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB3 {
 +
        background: url(http://www.uktoursandvacations.com/media/61605/london-eye-night.jpg?mode=crop&width=1920&height=400&center=0,0&quality=70&bgcolor=fff) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB4 {
 +
        background: url(http://www.hatfieldswimmingclub.org/wp-content/uploads/2016/02/banner1.jpg) no-repeat center;
 +
        width: 100%;
 +
      }
 
       </style>
 
       </style>
  
Line 100: Line 118:
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Description" style="color:#616161;">Description</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Description" style="color:#616161;">Description</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Design" style="color:#616161;">Design</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Design" style="color:#616161;">Design</a></li>
             <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments" style="color:#616161;">Experiments</a></li>
+
             <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments" style="color:#616161;">Experiment</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Database" style="color:#616161;">Database</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook" style="color:#616161;">Notebook</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook" style="color:#616161;">Notebook</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Parts" style="color:#616161;">Parts</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Parts" style="color:#616161;">Parts</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Safety" style="color:#616161;">Safety</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Safety" style="color:#616161;">Safety</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/RNAi" style="color:#616161;">RNAi</a></li>
 
           </ul>
 
           </ul>
 
         <li><a class="dropdown-button" href="#!" data-activates="dropdown2" style="display: block; padding-top: 19px; padding-bottom: 19px">Practices</a></li>
 
         <li><a class="dropdown-button" href="#!" data-activates="dropdown2" style="display: block; padding-top: 19px; padding-bottom: 19px">Practices</a></li>
 
           <ul id='dropdown2' class='dropdown-content' style="list-style-image: none; margin-left: 0px; width: auto;">
 
           <ul id='dropdown2' class='dropdown-content' style="list-style-image: none; margin-left: 0px; width: auto;">
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#intro" style="color:#616161;">Intro</a></li>
 
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#interviews" style="color:#616161;">Interviews</a></li><!--NEEDS STUFF-->
 
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#litrev" style="color:#616161;">Literature Review</a></li><!--NEEDS STUFF-->
 
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong" style="color:#616161;">Ridealongs</a></li>
 
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#protocol" style="color:#616161;">Protocol</a></li>
 
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#sampling" style="color:#616161;">Sampling</a></li>
 
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices" style="color:#616161;">Integrated Practices</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices" style="color:#616161;">Integrated Practices</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#intro" style="color:#78909c;">Contact</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#interviews" style="color:#78909c;">Interviews</a></li><!--NEEDS STUFF-->
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#litrev" style="color:#78909c;">Literature Review</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong" style="color:#ff8f00;">Ridealongs</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#protocol" style="color:#ff8f00;">Protocol</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#sampling" style="color:#ff8f00;">Sampling</a></li>
 
         </ul>
 
         </ul>
         <li><a href="https://2016.igem.org/Team:Lethbridge/Results" style="display: block; padding-top: 19px; padding-bottom: 19px">Results</a></li>
+
         <li><a class="dropdown-button" href="#!" data-activates="dropdown4" style="display: block; padding-top: 19px; padding-bottom: 19px">Results</a></li>
 +
          <ul id='dropdown4' class="dropdown-content" style="list-style-image: none; margin-left: 0px; width: auto;">
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Results#one" style="color:#616161;">Microbiome</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Results#two" style="color:#616161;">Antibodies</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Results#three" style="color:#616161;">RNAiCare</a></li>
 +
          </ul>
 
         <li><a class="dropdown-button" href="#!" data-activates="dropdown3" style="display: block; padding-top: 19px; padding-bottom: 19px">Team</a></li>
 
         <li><a class="dropdown-button" href="#!" data-activates="dropdown3" style="display: block; padding-top: 19px; padding-bottom: 19px">Team</a></li>
 
           <ul id='dropdown3' class="dropdown-content" style="list-style-image: none; margin-left: 0px; width: auto;">
 
           <ul id='dropdown3' class="dropdown-content" style="list-style-image: none; margin-left: 0px; width: auto;">
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Team" style="color:#616161;">Members</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Team" style="color:#616161;">Members</a></li>
             <li><a href="https://2016.igem.org/Team:Lethbridge/Collaborations" style="color:#616161;">Collaboration</a></li>
+
             <li><a href="https://2016.igem.org/Team:Lethbridge/Collaborations" style="color:#616161;">Collab</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Attributions" style="color:#616161;">Attribution</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Attributions" style="color:#616161;">Attribution</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Sponsors" style="color:#616161;">Sponsors</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Sponsors" style="color:#616161;">Sponsors</a></li>
Line 136: Line 163:
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Design">Design</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Design">Design</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments">Experiments</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments">Experiments</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Lethbridge/Database">Database</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook">Notebook</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook">Notebook</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Parts">Parts</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Parts">Parts</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Safety">Safety</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Safety">Safety</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Lethbridge/RNAi">RNAi</a></li>
 
                     </ul>
 
                     </ul>
 
                   </div>
 
                   </div>
Line 147: Line 176:
 
           <li class="no-padding">
 
           <li class="no-padding">
 
             <ul class="collapsible collapsible-accordion">
 
             <ul class="collapsible collapsible-accordion">
               <li class="bold"><a class="collapsible-header waves-effect waves-red">Practices</a>
+
               <li class="bold"><a class="collapsible-header waves-effect waves-blue">Practices</a>
 
                 <div class="collapsible-body">
 
                 <div class="collapsible-body">
 
                   <ul>
 
                   <ul>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices">Integrated Practices</a></li>
 
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#intro">Intro</a></li>
 
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#intro">Intro</a></li>
 
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#interviews">Interviews</a></li><!--NEEDS STUFF-->
 
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#interviews">Interviews</a></li><!--NEEDS STUFF-->
Line 156: Line 186:
 
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#protocol">Protocol</a></li>
 
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#protocol">Protocol</a></li>
 
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#sampling">Sampling</a></li>
 
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#sampling">Sampling</a></li>
                    <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices">Integrated Practices</a></li>                  </ul>
+
                  </ul>
 
                 </div>
 
                 </div>
 
               </li>
 
               </li>
 
             </ul>
 
             </ul>
 
           </li>
 
           </li>
        <li class="bold"><a class="collapsible-header waves-effect" href="https://2016.igem.org/Team:Lethbridge/Results">Results</a></li>
+
          <li class="no-padding">
        <li class="no-padding">
+
            <ul class="collapsible collapsible-accordion">
 +
              <li class="bold"><a class="collapsible-header waves-effect">Results</a>
 +
                <div class="collapsible-body">
 +
                  <ul>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/Results#one">Microbiome</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/Results#two">Antibodies</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/Results#three">RNAiCare</a></li>
 +
                  </ul>
 +
                </div>
 +
              </li>
 +
            </ul>
 +
          </li>
 +
          <li class="no-padding">
 
           <ul class="collapsible collapsible-accordion">
 
           <ul class="collapsible collapsible-accordion">
 
             <li class="bold"><a class="collapsible-header waves-effect">Team</a>
 
             <li class="bold"><a class="collapsible-header waves-effect">Team</a>
Line 168: Line 210:
 
                 <ul>
 
                 <ul>
 
                   <li><a href="https://2016.igem.org/Team:Lethbridge/Team">Members</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Lethbridge/Team">Members</a></li>
                   <li><a href="https://2016.igem.org/Team:Lethbridge/Collaborations">Collaboration</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Lethbridge/Collaborations">Collaborations</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Lethbridge/Attributions">Attribution</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Lethbridge/Attributions">Attribution</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Lethbridge/Sponsors">Sponsors</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Lethbridge/Sponsors">Sponsors</a></li>
Line 180: Line 222:
 
   </div>
 
   </div>
 
</nav>
 
</nav>
 +
  
 
<!-- Wiki Content Begins - Edit Here -->
 
<!-- Wiki Content Begins - Edit Here -->
 
+
<main>
 
+
 
+
 
+
 
+
 
+
 
+
  
 
<div class="row">
 
<div class="row">
   <div class="col s12 blue">
+
   <div class="col s12 blue-grey darken-1">
 
     <div class="container">
 
     <div class="container">
 
       <div class="row">
 
       <div class="row">
         <div class="col l8 s12">
+
         <div class="col l12 m12 s12">
           <h1 class="white-text">Description</h1>
+
           <h2 class="thin white-text">Project Description</h2>
 +
         
 
           <p class="grey-text text-lighten-4">The prevalence of virulent and multiple antibiotic resistant pathogens in healthcare facilities has resulted in ongoing reassessment of best practices to prevent their transmission. However, whether pathogen reservoirs exist in emergency medical services (EMS) vehicles, remains largely unknown. Our iGEM team developed a custom bacterial two hybrid system to select single-domain antibodies (nanobodies) that recognize human pathogens. Informed by our Nanopore next generation sequencing of DNA samples from ambulance vehicles, antibodies targeting important pathogens were then used to develop a rapid and low cost ELISA-based testing kit that may be employed on-site by EMS workers. Our project provides a framework for rapid detection of emergent pathogens and a practical and rapid solution for monitoring their presence in and outside of the healthcare system.</p>
 
           <p class="grey-text text-lighten-4">The prevalence of virulent and multiple antibiotic resistant pathogens in healthcare facilities has resulted in ongoing reassessment of best practices to prevent their transmission. However, whether pathogen reservoirs exist in emergency medical services (EMS) vehicles, remains largely unknown. Our iGEM team developed a custom bacterial two hybrid system to select single-domain antibodies (nanobodies) that recognize human pathogens. Informed by our Nanopore next generation sequencing of DNA samples from ambulance vehicles, antibodies targeting important pathogens were then used to develop a rapid and low cost ELISA-based testing kit that may be employed on-site by EMS workers. Our project provides a framework for rapid detection of emergent pathogens and a practical and rapid solution for monitoring their presence in and outside of the healthcare system.</p>
 +
<img class="responsive-img" src="https://static.igem.org/mediawiki/2016/c/cc/T--Lethbridge--project_overview.jpg">
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 203: Line 242:
 
</div>
 
</div>
  
  <div class="row">
+
</main>
    <div class="row">
+
      <div class="col s12 m8 l4">
+
        <div class="card blue-grey darken-1">
+
          <div class="card-content white-text">
+
            <span class="card-title">Card Title</span>
+
            <p>I am a very simple card. I am good at containing small bits of information.
+
            I am convenient because I require little markup to use effectively.</p>
+
          </div>
+
          <div class="card-action">
+
            <a href="#">This is a link</a>
+
            <a href="#">This is a link</a>
+
          </div>
+
        </div>
+
      </div>
+
    </div>
+
 
+
    <div class="row">
+
      <div class="col s12 m5 offset-m6">
+
        <div class="card-panel teal z-depth-3">
+
          <span class="white-text">I am a very simple card. I am good at containing small bits of information.
+
          I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
+
          </span>
+
        </div>
+
      </div>
+
    </div>
+
  </div>
+
  
  </main>
 
 
</div>
 
</div>
 
<!-- Scripts -->
 
<!-- Scripts -->

Latest revision as of 03:26, 20 October 2016

Lethbridge iGEM 2016

Project Description

The prevalence of virulent and multiple antibiotic resistant pathogens in healthcare facilities has resulted in ongoing reassessment of best practices to prevent their transmission. However, whether pathogen reservoirs exist in emergency medical services (EMS) vehicles, remains largely unknown. Our iGEM team developed a custom bacterial two hybrid system to select single-domain antibodies (nanobodies) that recognize human pathogens. Informed by our Nanopore next generation sequencing of DNA samples from ambulance vehicles, antibodies targeting important pathogens were then used to develop a rapid and low cost ELISA-based testing kit that may be employed on-site by EMS workers. Our project provides a framework for rapid detection of emergent pathogens and a practical and rapid solution for monitoring their presence in and outside of the healthcare system.