Difference between revisions of "Team:British Columbia/Notebook/Protocols"

 
(91 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{:Team:British Columbia/Template/Fixednavbar}}
 
{{:Team:British Columbia/Template/Fixednavbar}}
 +
{{:Team:British Columbia/Notebook/ProtocolsStyles}}
 
<html lang="en">
 
<html lang="en">
−
  <head>
+
<style>
−
    <meta charset="utf-8">
+
.hexagon{
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
padding-top:10px;
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
}
−
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
−
    <meta name="description" content="">
+
background-color:#e1d1b4;
−
    <meta name="author" content="">
+
}
−
    <link rel="icon" href="../../favicon.ico">
+
a:visited, a{
 +
color:grey;
 +
}
  
−
     <title>Dashboard Template for Bootstrap</title>
+
</style>
 +
  <body>
 +
<div class="bod">
 +
<div class="UBCt"><div id="UBCt">
 +
<div id="UBCtitle">
 +
<div id="one">&nbsp;</div>
 +
<div id="three"><h3>Protocols</h3></div>
 +
     <div id="two">&nbsp;</div>
 +
</div></div></div>
  
−
    <!-- Bootstrap core CSS -->
+
<div style="clear: both;"></div>
−
    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
+
<div id="UBCbody">
 +
<h1><small>Select one of the categories below to find the protocol you need:</small></h1>
  
−
    <!-- Custom styles for this template -->
+
<div class="container">
−
     <link href="dashboard.css" rel="stylesheet">
+
     <div class="row">
  
−
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
+
        <div class="col-md-12">
−
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
              <!-- tabs left -->
−
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
+
            <div class="tabbable">
 +
                <ul class="nav nav-pills nav-stacked col-md-2" style="width:1000px;">
 +
                    <li style="text-align: left;"><a href="#a" data-toggle="tab"><strong>Genetic Tool Development</strong></a></li>
 +
                    <li style="text-align: center;"><a href="#b" data-toggle="tab"><strong>Imidacloprid Modification</strong></a></li>
 +
                    <li style="text-align: right;"><a href="#c" data-toggle="tab"><strong>6-CNA Degradation</strong></a></li>
 +
                </ul>
 +
                <div class="tab-content col-md-9" style="width:1000px; text-indent:0;">
  
−
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
<div class="tab-pane" id="a">
−
    <!--[if lt IE 9]>
+
−
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
−
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
−
    <![endif]-->
+
−
  </head>
+
  
−
   <body>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/1/15/UBC_growinggapicolaprotocol.pdf"><h4>Growing<br /> <i>G. apicola</i></h4></a>
 +
<div class="face1"></div>
 +
   <div class="face2"></div>
 +
</div></a>
  
−
    <nav class="navbar navbar-inverse navbar-fixed-top">
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/1/1f/UBC_colonyPCRprotocol.pdf"><h4>Colony PCR Amplification</h4></a>
−
      <div class="container-fluid">
+
<div class="face1"></div>
−
        <div class="navbar-header">
+
  <div class="face2"></div>
−
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
</div></a>
−
            <span class="sr-only">Toggle navigation</span>
+
−
            <span class="icon-bar"></span>
+
−
            <span class="icon-bar"></span>
+
−
            <span class="icon-bar"></span>
+
−
          </button>
+
−
          <a class="navbar-brand" href="#">Project name</a>
+
−
        </div>
+
−
        <div id="navbar" class="navbar-collapse collapse">
+
−
          <ul class="nav navbar-nav navbar-right">
+
−
            <li><a href="#">Dashboard</a></li>
+
−
            <li><a href="#">Settings</a></li>
+
−
            <li><a href="#">Profile</a></li>
+
−
            <li><a href="#">Help</a></li>
+
−
          </ul>
+
−
          <form class="navbar-form navbar-right">
+
−
            <input type="text" class="form-control" placeholder="Search...">
+
−
          </form>
+
−
        </div>
+
−
      </div>
+
−
    </nav>
+
  
−
    <div class="container-fluid">
+
<a href="#"><div class="hexagon"><a href="https://static.igem.org/mediawiki/2015/3/3b/UBC_compcellsprotocol.pdf"><h4>Inducing Competence</h4></a>
−
      <div class="row">
+
<div class="face1"></div>
−
        <div class="col-sm-3 col-md-2 sidebar">
+
  <div class="face2"></div>
−
          <ul class="nav nav-sidebar">
+
</div></a>
−
            <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
+
−
            <li><a href="#">Reports</a></li>
+
−
            <li><a href="#">Analytics</a></li>
+
−
            <li><a href="#">Export</a></li>
+
−
          </ul>
+
−
          <ul class="nav nav-sidebar">
+
−
            <li><a href="">Nav item</a></li>
+
−
            <li><a href="">Nav item again</a></li>
+
−
            <li><a href="">One more nav</a></li>
+
−
            <li><a href="">Another nav item</a></li>
+
−
            <li><a href="">More navigation</a></li>
+
−
          </ul>
+
−
          <ul class="nav nav-sidebar">
+
−
            <li><a href="">Nav item again</a></li>
+
−
            <li><a href="">One more nav</a></li>
+
−
            <li><a href="">Another nav item</a></li>
+
−
          </ul>
+
−
        </div>
+
−
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
+
−
          <h1 class="page-header">Dashboard</h1>
+
  
−
          <div class="row placeholders">
+
<a href="#"><div class="hexagon"><a href="https://static.igem.org/mediawiki/2015/1/1d/UBC_electroporationprotocol.pdf"><h4 style="font-size:16px;">Electroporation</h4></a>
−
            <div class="col-xs-6 col-sm-3 placeholder">
+
<div class="face1"></div>
−
              <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
+
  <div class="face2"></div>
−
              <h4>Label</h4>
+
</div></a>
−
              <span class="text-muted">Something else</span>
+
−
            </div>
+
−
            <div class="col-xs-6 col-sm-3 placeholder">
+
−
              <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
+
−
              <h4>Label</h4>
+
−
              <span class="text-muted">Something else</span>
+
−
            </div>
+
−
            <div class="col-xs-6 col-sm-3 placeholder">
+
−
              <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
+
−
              <h4>Label</h4>
+
−
              <span class="text-muted">Something else</span>
+
−
            </div>
+
−
            <div class="col-xs-6 col-sm-3 placeholder">
+
−
              <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
+
−
              <h4>Label</h4>
+
−
              <span class="text-muted">Something else</span>
+
−
            </div>
+
−
          </div>
+
  
−
          <h2 class="sub-header">Section title</h2>
+
<a href="#"><div class="hexagon"><a href="https://static.igem.org/mediawiki/2015/7/71/UBC_heatshockprotocol.pdf"><h4>Heat Shock</h4></a>
−
          <div class="table-responsive">
+
<div class="face1"></div>
−
            <table class="table table-striped">
+
  <div class="face2"></div>
−
              <thead>
+
</div></a>
−
                <tr>
+
 
−
                  <th>#</th>
+
<a href="#"><div class="hexagon"><a href="https://static.igem.org/mediawiki/2015/b/b6/UBC_conjugationprotocol.pdf"><h4>Conjugation</h4></a>
−
                  <th>Header</th>
+
<div class="face1"></div>
−
                  <th>Header</th>
+
  <div class="face2"></div>
−
                  <th>Header</th>
+
</div></a>
−
                  <th>Header</th>
+
 
−
                </tr>
+
</div>
−
              </thead>
+
 
−
              <tbody>
+
<div class="tab-pane" id="b">
−
                <tr>
+
 
−
                  <td>1,001</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/b/b9/Electroporation_IMI_UBC.pdf"><h4>Electroporation</h4></a>
−
                  <td>Lorem</td>
+
<div class="face1"></div>
−
                  <td>ipsum</td>
+
  <div class="face2"></div>
−
                  <td>dolor</td>
+
</div></a>
−
                  <td>sit</td>
+
 
−
                </tr>
+
 
−
                <tr>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/6/61/Gibson_Assembly_UBC.pdf"><h4>Gibson Assembly</h4></a>
−
                  <td>1,002</td>
+
<div class="face1"></div>
−
                  <td>amet</td>
+
  <div class="face2"></div>
−
                  <td>consectetur</td>
+
</div></a>
−
                  <td>adipiscing</td>
+
 
−
                  <td>elit</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/5/5d/Heat_Shock_IMI_UBC.pdf"><h4>Heat Shock</h4></a>
−
                </tr>
+
<div class="face1"></div>
−
                <tr>
+
  <div class="face2"></div>
−
                  <td>1,003</td>
+
</div></a>
−
                  <td>Integer</td>
+
 
−
                  <td>nec</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/a/a5/HPLC_UBC.pdf"><h4>HPLC</h4></a>
−
                  <td>odio</td>
+
<div class="face1"></div>
−
                  <td>Praesent</td>
+
  <div class="face2"></div>
−
                </tr>
+
</div></a>
−
                <tr>
+
 
−
                  <td>1,003</td>
+
 
−
                  <td>libero</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/7/7f/Making_Megaprimers_UBC.pdf"><h4>Making Megaprimers</h4></a>
−
                  <td>Sed</td>
+
<div class="face1"></div>
−
                  <td>cursus</td>
+
  <div class="face2"></div>
−
                  <td>ante</td>
+
</div></a>
−
                </tr>
+
 
−
                <tr>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/f/fc/Mutagenesis_PCR_UBC.pdf"><h4>Mutagenesis PCR</h4></a>
−
                  <td>1,004</td>
+
<div class="face1"></div>
−
                  <td>dapibus</td>
+
  <div class="face2"></div>
−
                  <td>diam</td>
+
</div></a>
−
                  <td>Sed</td>
+
 
−
                  <td>nisi</td>
+
 
−
                </tr>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/c/c7/SDS_Page_IMI_UBC.pdf"><h4>SDS Page</h4></a>
−
                <tr>
+
<div class="face1"></div>
−
                  <td>1,005</td>
+
  <div class="face2"></div>
−
                  <td>Nulla</td>
+
</div></a>
−
                  <td>quis</td>
+
 
−
                  <td>sem</td>
+
 
−
                  <td>at</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/a/aa/Sonication_UBC.pdf"><h4>Sonication</h4></a>
−
                </tr>
+
<div class="face1"></div>
−
                <tr>
+
  <div class="face2"></div>
−
                  <td>1,006</td>
+
</div></a>
−
                  <td>nibh</td>
+
 
−
                  <td>elementum</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/5/56/Whole_Plasmid_PCR_UBC.pdf"><h4>Whole Plasmid PCR</h4></a>
−
                  <td>imperdiet</td>
+
<div class="face1"></div>
−
                  <td>Duis</td>
+
  <div class="face2"></div>
−
                </tr>
+
</div></a>
−
                <tr>
+
 
−
                  <td>1,007</td>
+
 
−
                  <td>sagittis</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/2/2f/Restriction_Digest_UBC.pdf"><h4>Restriction Digest</h4></a>
−
                  <td>ipsum</td>
+
<div class="face1"></div>
−
                  <td>Praesent</td>
+
  <div class="face2"></div>
−
                  <td>mauris</td>
+
</div></a>
−
                </tr>
+
 
−
                <tr>
+
 
−
                  <td>1,008</td>
+
</div>
−
                  <td>Fusce</td>
+
 
−
                  <td>nec</td>
+
 
−
                  <td>tellus</td>
+
<div class="tab-pane" id="c">
−
                  <td>sed</td>
+
 
−
                </tr>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/6/68/GCMS_Protocol_UBC.pdf"><h4>GC/MS Conditions & Preparation</h4></a>
−
                <tr>
+
<div class="face1"></div>
−
                  <td>1,009</td>
+
  <div class="face2"></div>
−
                  <td>augue</td>
+
</div></a>
−
                  <td>semper</td>
+
 
−
                  <td>porta</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/2/2f/Restriction_Digest_UBC.pdf"><h4>Restriction Digest</h4></a>
−
                  <td>Mauris</td>
+
<div class="face1"></div>
−
                </tr>
+
  <div class="face2"></div>
−
                <tr>
+
</div></a>
−
                  <td>1,010</td>
+
 
−
                  <td>massa</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/1/1e/Liquid_Liquid_Extraction_Protocol_UBC.pdf"><h4>Liquid-Liquid Extraction</h4></a>
−
                  <td>Vestibulum</td>
+
<div class="face1"></div>
−
                  <td>lacinia</td>
+
  <div class="face2"></div>
−
                  <td>arcu</td>
+
</div></a>
−
                </tr>
+
 
−
                <tr>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/b/b8/Preparation_of_Samples_to_run_SDS_UBC.pdf"><h4>Sample Prep for SDS</h4></a>
−
                  <td>1,011</td>
+
<div class="face1"></div>
−
                  <td>eget</td>
+
  <div class="face2"></div>
−
                  <td>nulla</td>
+
</div></a>
−
                  <td>Class</td>
+
 
−
                  <td>aptent</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/8/8e/Resting_Cell_Assay_UBC.pdf"><h4>Resting Cell Assay</h4></a>
−
                </tr>
+
<div class="face1"></div>
−
                <tr>
+
  <div class="face2"></div>
−
                  <td>1,012</td>
+
</div></a>
−
                  <td>taciti</td>
+
 
−
                  <td>sociosqu</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/2/2c/SDS_Gel_Prep_UBC.pdf"><h4>SDS Gel Prep</h4></a>
−
                  <td>ad</td>
+
<div class="face1"></div>
−
                  <td>litora</td>
+
  <div class="face2"></div>
−
                </tr>
+
</div></a>
−
                <tr>
+
 
−
                  <td>1,013</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/d/d7/Cell_Lysate_Experiment_of_CCH2_UBC.pdf"><h4>Cell Lysate Experiment</h4></a>
−
                  <td>torquent</td>
+
<div class="face1"></div>
−
                  <td>per</td>
+
  <div class="face2"></div>
−
                  <td>conubia</td>
+
</div></a>
−
                  <td>nostra</td>
+
 
−
                </tr>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/7/7f/Determination_of_CCH2_Rate_UBC.pdf"><h4>CCH2 Rate Experiment</h4></a>
−
                <tr>
+
<div class="face1"></div>
−
                  <td>1,014</td>
+
  <div class="face2"></div>
−
                  <td>per</td>
+
</div></a>
−
                  <td>inceptos</td>
+
 
−
                  <td>himenaeos</td>
+
</div>
−
                  <td>Curabitur</td>
+
                </div>
−
                </tr>
+
             </div>
−
                <tr>
+
            <!-- /tabs -->
−
                  <td>1,015</td>
+
−
                  <td>sodales</td>
+
−
                  <td>ligula</td>
+
−
                  <td>in</td>
+
−
                  <td>libero</td>
+
−
                </tr>
+
−
              </tbody>
+
−
             </table>
+
−
          </div>
+
 
         </div>
 
         </div>
−
      </div>
+
</div>
 
     </div>
 
     </div>
−
 
+
     <!-- /row -->
−
     <!-- Bootstrap core JavaScript
+
</div>
−
    ================================================== -->
+
<div style="clear:both;"></div>
−
    <!-- Placed at the end of the document so the pages load faster -->
+
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+
−
    <script src="../../dist/js/bootstrap.min.js"></script>
+
−
    <!-- Just to make our placeholder images work. Don't actually copy the next line! -->
+
−
    <script src="../../assets/js/vendor/holder.js"></script>
+
−
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
−
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
+
 
   </body>
 
   </body>
 
</html>
 
</html>
 +
{{:Team:British Columbia/Template/Fixedfooter}}

Latest revision as of 22:26, 18 September 2015

UBC iGEM 2015

 

Protocols