Difference between revisions of "Team:Lethbridge/Ridealong"

Line 1: Line 1:
−
<!DOCTYPE html>
+
<style>
−
<html>
+
 
 +
/* Reset the wiki style by overriding with a reset stylesheet (written by Florian Albrecht)
 +
  the relevant wiki css rules are reset by using rules with higher priority */
 +
 
 +
 
 +
/* 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;
 +
}
 +
 
 +
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;
 +
}
 +
 
 +
div#menubar ul {
 +
    color: inherit;
 +
    list-style: disc outside none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 
 +
div#menubar li {
 +
    cursor: auto;
 +
    display: list-item;
 +
    padding: 0;
 +
    margin: 0;
 +
    position: static;
 +
}
 +
 
 +
div.left-menu li a {
 +
    padding: 0;
 +
}
 +
 
 +
div.left-menu:hover {
 +
    color: inherit;
 +
    background-color: transparent;
 +
}
 +
 
 +
div.left-menu:hover a {
 +
    color: inherit;
 +
}
 +
 
 +
div.right-menu, div.right-menu a {
 +
    color: inherit;
 +
    right: 0;
 +
    text-align: left;
 +
}
 +
 
 +
div.right-menu li a {
 +
    background-color: transparent;
 +
    color: inherit;
 +
    padding: 0;
 +
}
 +
 
 +
div.right-menu li a:hover {
 +
    color: inherit;
 +
    text-decoration: none;
 +
}
 +
 
 +
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;
 +
}
 +
 
 +
body li {
 +
    margin: 0;
 +
}
 +
 
 +
body h1, body h2, body h3, body h4, body h5, body h6 {
 +
    background: transparent;
 +
    border: 0;
 +
    color: inherit;
 +
    padding: 0;
 +
}
 +
 
 +
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;
 +
}
 +
</style>
 +
<style>
 +
#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: 20px;
 +
}
 +
</style>
 
   <head>
 
   <head>
 
     <!--Import Google Icon Font-->
 
     <!--Import Google Icon Font-->
Line 133: Line 358:
  
 
   </body>
 
   </body>
−
</html>
 

Revision as of 05:38, 5 October 2016

<style>

/* Reset the wiki style by overriding with a reset stylesheet (written by Florian Albrecht) 

  the relevant wiki css rules are reset by using rules with higher priority */


/* 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;

}

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;

}

div#menubar ul { 

   color: inherit;
   list-style: disc outside none;
   margin: 0;
   padding: 0;

}

div#menubar li { 

   cursor: auto;
   display: list-item;
   padding: 0;
   margin: 0;
   position: static;

}

div.left-menu li a { 

   padding: 0;

}

div.left-menu:hover { 

   color: inherit;
   background-color: transparent;

}

div.left-menu:hover a { 

   color: inherit;

}

div.right-menu, div.right-menu a { 

   color: inherit;
   right: 0;
   text-align: left;

}

div.right-menu li a { 

   background-color: transparent;
   color: inherit;
   padding: 0;

}

div.right-menu li a:hover { 

   color: inherit;
   text-decoration: none;

}

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;

}

body li { 

   margin: 0;

}

body h1, body h2, body h3, body h4, body h5, body h6 { 

   background: transparent;
   border: 0;
   color: inherit;
   padding: 0;

}

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;

} </style> <style>

  1. 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; }

  1. content{

width: 100%; 

       padding: 0px;
       margin-left: 0px;

}

  1. top_title{

overflow: hidden; display: none; }

  1. top_menu_14{

height: 20px; }

  1. top_menu_under{

height: 0px; }

  1. globalWrapper{
      padding-bottom: 20px;

} </style> 

 <head>
   <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link type="text/css" rel="stylesheet" href="https://static.igem.org/mediawiki/2016/2/2b/Lethbridge2016_MinifiedCSSv1.txt"  media="screen,projection"/>

   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

   <title>Lethbridge iGEM 2016</title>

 </head>

 <body>
   <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
   <script type="text/javascript" src="js/materialize.min.js"></script>



 <nav class="red" role="navigation">

     <a href="#!" class="brand-logo center">Lethbridge iGEM</a>
     <a href="#" data-activates="mobile-demo" class="button-collapse">menu</a>
  • <a href="#">Project</a>
  • <a href="#">Design</a>
  • <a href="#">Team</a>
  • <a href="#">Project</a>
  • <a href="#">Design</a>
  • <a href="#">Team</a>
 </nav>

Nanoresponders

Single-domain antibodies are legit.
         <a href="#" id="download-button" class="btn-large waves-effect waves-light red">Explore</a>



Testing Stuff

Born to late to explore the world, born too early to explore the galaxy. Born just in time for dank memes.

             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.

             <a href="#">This is a link</a>
             <a href="#">This is a link</a>

         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.
         

   <footer class="page-footer blue">
Overview

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.


Our Project
  • <a class="white-text" href="#!">Link 1</a>
  • <a class="white-text" href="#!">Link 2</a>
  • <a class="white-text" href="#!">Link 3</a>
  • <a class="white-text" href="#!">Link 4</a>
Human Practices
  • <a class="white-text" href="#!">Link 1</a>
  • <a class="white-text" href="#!">Link 2</a>
  • <a class="white-text" href="#!">Link 3</a>
  • <a class="white-text" href="#!">Link 4</a>
   </footer>



   <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
   <script src="js/materialize.js"></script>
   <script src="js/init.js"></script>

 </body>