Difference between revisions of "Team:Lethbridge/Ridealong"

 
(55 intermediate revisions by the same user not shown)
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: #b0bec5;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>
  
−
<div class="column full_size">
+
      <!-- 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>
  
 +
      <!-- 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);
 +
      }
 +
      html {
 +
        line-height: 1.5;
 +
        font-family: "Roboto" !important, sans-serif;
 +
        font-weight: normal;
 +
        color: rgba(0, 0, 0, 0.87);
 +
      }
 +
      #HQ_page h1 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h2 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h3 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h4 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h5 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page p {font-family: "Roboto", sans-sefif;}
 +
      </style>
  
−
<p>Please visit <a href="https://2016.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
      <!--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>
  
−
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
    <!-- 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>
+
</head>
  
 +
<body>
  
−
<div class="column full_size">
+
<div id="content">
−
<h5>Safe Project Design</h5>
+
  <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>
  
−
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
      <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>
  
−
<ul>
+
          <li class="no-padding">
−
<li>Choosing a non-pathogenic chassis</li>
+
            <ul class="collapsible collapsible-accordion">
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
              <li class="bold"><a class="collapsible-header waves-effect waves-red">Practices</a>
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
                <div class="collapsible-body">
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
                  <ul>
−
</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>
  
−
</div>
+
<!-- Wiki Content Begins - Edit Here -->
  
−
<div class="column half_size">
+
<div class="container" style="padding-top:100px; padding-bottom:100px;">
−
<h5>Safe Lab Work</h5>
+
<div class="row">
−
 
+
  <div class="col s12 purple darken-1">
−
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
    <div class="container">
 +
      <div class="row">
 +
        <div class="col s12">
 +
          <h1 class="white-text center">Magic carpets?</h1>
 +
          <h5 class="thin grey-text text-lighten-4" style="padding-bottom:20px;">Unfortunately we've left the rug at home, but we can open your eyes, take you wonder by wonder, over sideways and under, on an local EMT ride.</h5>
  
 +
<a class="waves-effect  white btn black-text center" href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong">A whole new world?</a>
 +
<div style="padding-bottom:20px;"></div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 
</div>
 
</div>
  
−
<div class="column half_size">
 
−
<h5>Safe Shipment</h5>
 
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
  </main>
 
</div>
 
</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>

Latest revision as of 03:14, 17 October 2016

Lethbridge iGEM 2016

Magic carpets?

Unfortunately we've left the rug at home, but we can open your eyes, take you wonder by wonder, over sideways and under, on an local EMT ride.
A whole new world?