Difference between revisions of "Team:Lethbridge/HP/Gold"

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 */
  
 +
      /* 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>
  
 +
      <!-- 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>
  
−
<div class="column full_size">
+
      <!-- Custom Styling -->
 +
      <style>
 +
      a {list-style-image: none;}
 +
      ul {list-style-image: none;}
 +
      ol {list-style-image: none;}
 +
      li {list-style-image: none;}
 +
      .waves-effect.waves-blue .waves-ripple {
 +
        background-color: rgba(51, 153, 255, 0.65);
 +
      }
 +
      </style>
  
 +
    <!-- 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>
  
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
</head>
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
  
−
</div>
+
<body>
  
 +
<div id="content">
 +
  <nav class="blue-grey darken-4" 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/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/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>
 +
        </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="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>
 +
      </ul>
  
−
</html>
+
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
 +
        <ul id="nav-mobile" class="side-nav" style="margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px;">
 +
            <li class="no-padding">
 +
              <ul class="collapsible collapsible-accordion">
 +
                <li class="bold"><a class="collapsible-header waves-effect waves-blue">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/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>
 +
 
 +
          <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/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#litrev" >Literature Review</a></li><!--NEEDS STUFF-->
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong">Ridealongs</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/Integrated_Practices">Integrated Practices</a></li>                  </ul>
 +
                </div>
 +
              </li>
 +
            </ul>
 +
          </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">
 +
          <ul class="collapsible collapsible-accordion">
 +
            <li class="bold"><a class="collapsible-header waves-effect">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" href="https://2016.igem.org/Team:Lethbridge/Achievements">Achievements</a></li>
 +
    </ul>
 +
  </div>
 +
</nav>

Revision as of 00:26, 16 October 2016

Lethbridge iGEM 2016