Difference between revisions of "Team:Lethbridge/Results"

(Prototype team page)
 
Line 1: Line 1:
−
{{Lethbridge}}
+
<!-- HTML CONTENT BEGINS  -->
 +
<!-- LETHBRIDGE IGEM 2016 -->
 
<html>
 
<html>
  
 +
<head>
 +
  <!-- Wiki Style Reset (From U of C)-->
 +
    <style type="text/css">
 +
      /* Reset the wiki style by overriding with a reset stylesheet.
 +
        The relevant wiki css rules are reset by using rules with higher priority.
 +
        (Written by Florian Albrecht)
 +
        Shoutout to the 2016 U of C wiki */
  
−
<div class="column full_size" >
+
      /* Start general reset ================================================== */
 +
        html body {font-size: inherit;font-family: inherit;background-color: transparent;color: inherit;padding: 0;}
 +
        div#globalWrapper {font-size: inherit;margin: 0;padding: 0;position: static;width: auto;}
 +
      /* Start top-section reset ============================================== */
 +
        div#top-section {border: 0;height: auto;margin: 0;position: static;width: auto;}
 +
        div#p-logo {height: auto;position: static;width: auto;z-index: auto;}
 +
        div#p-logo a, div#p-logo a:hover {text-decoration: none; font-family: 'Roboto', sans-serif;}
 +
        div#menubar {font-family: inherit;font-size: inherit;line-height: inherit;position: static;top: 0px;white-space: normal;width: auto;z-index: auto;}
 +
        div.left-menu, div.left-menu a {color: inherit;left: 0;text-align: left;text-transform: none;font-family: 'Roboto', sans-serif;}
 +
        div#menubar ul {color: inherit;list-style: disc outside none;margin: 0;padding: 0; font-family: 'Roboto', sans-serif;}
 +
        div#menubar li {cursor: auto;display: list-item;padding: 0;margin: 0;position: static; font-family: 'Roboto', sans-serif;}
 +
        div.left-menu li a {padding: 0; font-family: 'Roboto', sans-serif;}
 +
        div.left-menu:hover {color: inherit;background-color: transparent;}
 +
        div.left-menu:hover a {color: inherit;font-family: 'Roboto', sans-serif;}
 +
        div.right-menu, div.right-menu a {color: inherit;right: 0;text-align: left;font-family: 'Roboto', sans-serif;}
 +
        div.right-menu li a {background-color: transparent;color: inherit;padding: 0;font-family: 'Roboto', sans-serif;}
 +
        div.right-menu li a:hover {color: inherit;text-decoration: none;font-family: 'Roboto', sans-serif;}
 +
        div#search-controls {background-color: transparent;height: auto;position: static;right: 0;text-align: left;top: 0;width: auto;z-index: auto;}
 +
      /* Start content reset ================================================== */
 +
        div#content {background: transparent;border: 0;color: inherit;line-height: inherit;margin: 0;padding: 0;position: static;width: auto;z-index: auto;}
 +
        a:link, a:hover, a:active, a:visited{color: white; text-decoration: none;font-family: 'Roboto', sans-serif;}
 +
        body li {margin: 0; font-family: 'Roboto', sans-serif;}
 +
        body h1, body h2, body h3, body h4, body h5, body h6 {background: transparent;border: 0;color: inherit;padding: 0; font-family: 'Roboto', sans-serif;}
 +
        body .firstHeading {margin: 0;}
 +
        div#contentSub {color: inherit;font-size: inherit;line-height: inherit;margin: 0;width: auto;}
 +
        div#catlinks {background-color: transparent;border: 0;clear: both;margin: 0;padding: 0;}
 +
      /* Start footer reset =================================================== */
 +
        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#f-poweredbyico, div#f-copyrightico {float: none;}
 +
        div#footer li {margin: 0;display: list-item; font-family: 'Roboto', sans-serif;}
 +
      </style>
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
      <!-- SideMenu for iGEM Stuff -->
 +
      <style type="text/css">
 +
      #sideMenu{width: 200px;position: absolute;top: 20px;left: 1020px;z-index: 10;padding-top: 0px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;background-color: white;text-align: left;display: none;z-index: 9996;}
 +
      #content{width: 100%;padding: 0px;margin-left: 0px;}
 +
      #top_title{overflow: hidden;display: none;}
 +
      #top_menu_14{height: 20px;}
 +
      #top_menu_under{height: 0px;}
 +
      #globalWrapper{padding-bottom: 200px;}
 +
      </style>
  
−
<h5>What should this page contain?</h5>
+
      <!-- Custom Styling -->
−
<ul>
+
      <style>
−
<li> Clearly and objectively describe the results of your work.</li>
+
      a {list-style-image: none;}
−
<li> Future plans for the project </li>
+
      ul {list-style-image: none;}
−
<li> Considerations for replicating the experiments </li>
+
      ol {list-style-image: none;}
−
</ul>
+
      li {list-style-image: none;}
 +
      </style>
  
−
</div>
+
    <!-- Import Google Icon Font -->
 +
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
    <!-- Roboto Font -->
 +
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 +
    <!--Import materialize.css-->
 +
    <link type="text/css" rel="stylesheet" href="https://2016.igem.org/Template:Lethbridge/MaterializeCSS?action=raw&ctype=text/css"  media="screen,projection"/>
 +
    <!--Let browser know website is optimized for mobile-->
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 +
    <!-- Page Title -->
 +
    <title>Lethbridge iGEM 2016</title>
  
−
<div class="column half_size" >
+
</head>
  
 +
<body>
  
−
<h5> Project Achievements </h5>
+
<main>
 +
<div id="content">
  
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
  <nav class="blue darken-1" role="navigation" style="margin-top: 15px;">
 +
    <div class="nav-wrapper">
 +
      <a href="https://2016.igem.org/Team:Lethbridge" class="brand-logo left" style="width:auto; left:40px;"> Lethbridge iGEM</a>
 +
      <ul class="right hide-on-med-and-down" style="list-style-image: none;"><!--For the top bar-->
 +
        <li><a class="dropdown-button" href="#!" data-activates="dropdown1" style="display: block; padding-top: 19px; padding-bottom: 19px">Project</a></li>
 +
          <ul id='dropdown1' class="dropdown-content" style="list-style-image: none; margin-left: 0px; width: auto;">
 +
            <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/Experiments" style="color:#616161;">Experiments</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Results" style="color:#616161;">Results</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/Safety" style="color:#616161;">Safety</a></li>
 +
          </ul>
 +
        <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;">
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Human_Practices" style="color:#616161;">Intro</a></li>
 +
            <li><a href="#!" style="color:#616161;">Literature Review</a></li><!--NEEDS STUFF-->
 +
            <li><a href="#!" style="color:#616161;">Interviews</a></li><!--NEEDS STUFF-->
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Ridealong" style="color:#616161;">Ridealongs</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices" style="color:#616161;">Integrated Practices</a></li>
 +
        </ul>
 +
        <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;">
 +
            <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/Attributions" style="color:#616161;">Attribution</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Sponsors" style="color:#616161;">Sponsors</a></li>
 +
          </ul>
 +
        <li><a href="https://2016.igem.org/Team:Lethbridge/Achievements" style="display: block; padding-top: 19px; padding-bottom: 19px">Achievements</a></li>
 +
        <li><a href="https://2016.igem.org/Team:Lethbridge/Database" style="display: block; padding-top: 19px; padding-bottom: 19px">Database</a></li>
 +
      </ul>
  
−
<ul>
+
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
−
<li>A list of linked bullet points of the successful results during your project</li>
+
        <ul id="nav-mobile" class="side-nav" style="margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px;">
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
            <li class="no-padding">
−
</ul>
+
              <ul class="collapsible collapsible-accordion">
 +
                <li class="bold"><a class="collapsible-header waves-effect waves-teal">Project</a>
 +
                  <div class="collapsible-body">
 +
                    <ul>
 +
                      <li><a href="https://2016.igem.org/Team:Lethbridge/Description">Description</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/Results">Results</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/Safety">Safety</a></li>
 +
                    </ul>
 +
                  </div>
 +
                </li>
 +
              </ul>
 +
            </li>
  
−
</div>
+
          <li class="no-padding">
 +
            <ul class="collapsible collapsible-accordion">
 +
              <li class="bold"><a class="collapsible-header waves-effect waves-red">Practices</a>
 +
                <div class="collapsible-body">
 +
                  <ul>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/Human_Practices">Intro</a></li>
 +
                    <li><a href="">Literature Review</a></li>
 +
                    <li><a href="">Interviews</a></li>
 +
                    <li><a href=https://2016.igem.org/Team:Lethbridge/Ridealong>Ridealongs</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices">Integrated Practices</a></li>
 +
                  </ul>
 +
                </div>
 +
              </li>
 +
            </ul>
 +
          </li>
  
 +
        <li class="no-padding">
 +
          <ul class="collapsible collapsible-accordion">
 +
            <li class="bold"><a class="collapsible-header waves-effect waves-orange">Team</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <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/Attributions">Attribution</a></li>
 +
                  <li><a href="https://2016.igem.org/Team:Lethbridge/Sponsors">Sponsors</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li class="bold"><a class="collapsible-header waves-effect waves-orange" href="https://2016.igem.org/Team:Lethbridge/Achievements">Achievements</a></li>
 +
        <li class="bold"><a class="collapsible-header waves-effect waves-orange" href="https://2016.igem.org/Team:Lethbridge/Database">Database</a></li>
 +
    </ul>
 +
  </div>
 +
</nav>
  
−
<div class="column half_size" >
+
<!-- Wiki Content Begins - Edit Here -->
−
 
+
−
<h5>Inspiration</h5>
+
−
<p>See how other teams presented their results.</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
−
</ul>
+
  
 +
<div class="row">
 +
  <div class="col s12 blue">
 +
    <div class="container">
 +
      <div class="row">
 +
        <div class="col l8 s12">
 +
          <h1 class="white-text">Results</h1>
 +
          <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>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
 +
  <div class="row">
 +
    <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>
 +
<!-- Scripts -->
  
 +
  <script src="https://2016.igem.org/Template:Team:Lethbridge/jQuery2-1-1?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2016.igem.org/Template:Lethbridge/MaterializeJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2016.igem.org/Template:Lethbridge/InitJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  </body>
 
</html>
 
</html>

Revision as of 03:29, 14 October 2016

Lethbridge iGEM 2016

Results

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.

Card Title

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.

This is a link This is a link
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.