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

 
(90 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">
−
+
<style>
 +
.hexagon{
 +
padding-top:10px;
 +
}
 +
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
 +
background-color:#e1d1b4;
 +
}
 +
a:visited, a{
 +
color:grey;
 +
}
 +
 
 +
</style>
 
   <body>
 
   <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>
  
−
    <nav class="navbar navbar-inverse navbar-fixed-top">
+
<div style="clear: both;"></div>
−
      <div class="container-fluid">
+
<div id="UBCbody">
−
        <div class="navbar-header">
+
<h1><small>Select one of the categories below to find the protocol you need:</small></h1>
−
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
−
            <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">
+
<div class="container">
−
      <div class="row">
+
    <div class="row">
−
        <div class="col-sm-3 col-md-2 sidebar">
+
−
          <ul class="nav nav-sidebar">
+
−
            <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">
+
        <div class="col-md-12">
−
             <div class="col-xs-6 col-sm-3 placeholder">
+
              <!-- tabs left -->
−
              <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
+
             <div class="tabbable">
−
              <h4>Label</h4>
+
                <ul class="nav nav-pills nav-stacked col-md-2" style="width:1000px;">
−
              <span class="text-muted">Something else</span>
+
                    <li style="text-align: left;"><a href="#a" data-toggle="tab"><strong>Genetic Tool Development</strong></a></li>
−
            </div>
+
                    <li style="text-align: center;"><a href="#b" data-toggle="tab"><strong>Imidacloprid Modification</strong></a></li>
−
            <div class="col-xs-6 col-sm-3 placeholder">
+
                    <li style="text-align: right;"><a href="#c" data-toggle="tab"><strong>6-CNA Degradation</strong></a></li>
−
              <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
+
                </ul>
−
              <h4>Label</h4>
+
                <div class="tab-content col-md-9" style="width:1000px; text-indent:0;">
−
              <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>
+
<div class="tab-pane" id="a">
−
          <div class="table-responsive">
+
 
−
            <table class="table table-striped">
+
<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>
−
              <thead>
+
<div class="face1"></div>
−
                <tr>
+
  <div class="face2"></div>
−
                  <th>#</th>
+
</div></a>
−
                  <th>Header</th>
+
 
−
                  <th>Header</th>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/1/1f/UBC_colonyPCRprotocol.pdf"><h4>Colony PCR Amplification</h4></a>
−
                  <th>Header</th>
+
<div class="face1"></div>
−
                  <th>Header</th>
+
  <div class="face2"></div>
−
                </tr>
+
</div></a>
−
              </thead>
+
 
−
              <tbody>
+
<a href="#"><div class="hexagon"><a href="https://static.igem.org/mediawiki/2015/3/3b/UBC_compcellsprotocol.pdf"><h4>Inducing Competence</h4></a>
−
                <tr>
+
<div class="face1"></div>
−
                  <td>1,001</td>
+
  <div class="face2"></div>
−
                  <td>Lorem</td>
+
</div></a>
−
                  <td>ipsum</td>
+
 
−
                  <td>dolor</td>
+
<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>
−
                  <td>sit</td>
+
<div class="face1"></div>
−
                </tr>
+
  <div class="face2"></div>
−
                <tr>
+
</div></a>
−
                  <td>1,002</td>
+
 
−
                  <td>amet</td>
+
<a href="#"><div class="hexagon"><a href="https://static.igem.org/mediawiki/2015/7/71/UBC_heatshockprotocol.pdf"><h4>Heat Shock</h4></a>
−
                  <td>consectetur</td>
+
<div class="face1"></div>
−
                  <td>adipiscing</td>
+
  <div class="face2"></div>
−
                  <td>elit</td>
+
</div></a>
−
                </tr>
+
 
−
                <tr>
+
<a href="#"><div class="hexagon"><a href="https://static.igem.org/mediawiki/2015/b/b6/UBC_conjugationprotocol.pdf"><h4>Conjugation</h4></a>
−
                  <td>1,003</td>
+
<div class="face1"></div>
−
                  <td>Integer</td>
+
  <div class="face2"></div>
−
                  <td>nec</td>
+
</div></a>
−
                  <td>odio</td>
+
 
−
                  <td>Praesent</td>
+
</div>
−
                </tr>
+
 
−
                <tr>
+
<div class="tab-pane" id="b">
−
                  <td>1,003</td>
+
 
−
                  <td>libero</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>Sed</td>
+
<div class="face1"></div>
−
                  <td>cursus</td>
+
  <div class="face2"></div>
−
                  <td>ante</td>
+
</div></a>
−
                </tr>
+
 
−
                <tr>
+
 
−
                  <td>1,004</td>
+
<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>dapibus</td>
+
<div class="face1"></div>
−
                  <td>diam</td>
+
  <div class="face2"></div>
−
                  <td>Sed</td>
+
</div></a>
−
                  <td>nisi</td>
+
 
−
                </tr>
+
<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>
−
                  <td>1,005</td>
+
  <div class="face2"></div>
−
                  <td>Nulla</td>
+
</div></a>
−
                  <td>quis</td>
+
 
−
                  <td>sem</td>
+
<a href="#"><div class="hexagon"> <a href="https://static.igem.org/mediawiki/2015/a/a5/HPLC_UBC.pdf"><h4>HPLC</h4></a>
−
                  <td>at</td>
+
<div class="face1"></div>
−
                </tr>
+
  <div class="face2"></div>
−
                <tr>
+
</div></a>
−
                  <td>1,006</td>
+
 
−
                  <td>nibh</td>
+
 
−
                  <td>elementum</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>imperdiet</td>
+
<div class="face1"></div>
−
                  <td>Duis</td>
+
  <div class="face2"></div>
−
                </tr>
+
</div></a>
−
                <tr>
+
 
−
                  <td>1,007</td>
+
<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>sagittis</td>
+
<div class="face1"></div>
−
                  <td>ipsum</td>
+
  <div class="face2"></div>
−
                  <td>Praesent</td>
+
</div></a>
−
                  <td>mauris</td>
+
 
−
                </tr>
+
 
−
                <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>
−
                  <td>1,008</td>
+
<div class="face1"></div>
−
                  <td>Fusce</td>
+
  <div class="face2"></div>
−
                  <td>nec</td>
+
</div></a>
−
                  <td>tellus</td>
+
 
−
                  <td>sed</td>
+
 
−
                </tr>
+
<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>
−
                  <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/5/56/Whole_Plasmid_PCR_UBC.pdf"><h4>Whole Plasmid PCR</h4></a>
−
                  <td>Mauris</td>
+
<div class="face1"></div>
−
                </tr>
+
  <div class="face2"></div>
−
                <tr>
+
</div></a>
−
                  <td>1,010</td>
+
 
−
                  <td>massa</td>
+
 
−
                  <td>Vestibulum</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>lacinia</td>
+
<div class="face1"></div>
−
                  <td>arcu</td>
+
  <div class="face2"></div>
−
                </tr>
+
</div></a>
−
                <tr>
+
 
−
                  <td>1,011</td>
+
 
−
                  <td>eget</td>
+
</div>
−
                  <td>nulla</td>
+
 
−
                  <td>Class</td>
+
 
−
                  <td>aptent</td>
+
<div class="tab-pane" id="c">
−
                </tr>
+
 
−
                <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>
−
                  <td>1,012</td>
+
<div class="face1"></div>
−
                  <td>taciti</td>
+
  <div class="face2"></div>
−
                  <td>sociosqu</td>
+
</div></a>
−
                  <td>ad</td>
+
 
−
                  <td>litora</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>
−
                </tr>
+
<div class="face1"></div>
−
                <tr>
+
  <div class="face2"></div>
−
                  <td>1,013</td>
+
</div></a>
−
                  <td>torquent</td>
+
 
−
                  <td>per</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>conubia</td>
+
<div class="face1"></div>
−
                  <td>nostra</td>
+
  <div class="face2"></div>
−
                </tr>
+
</div></a>
−
                <tr>
+
 
−
                  <td>1,014</td>
+
<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>per</td>
+
<div class="face1"></div>
−
                  <td>inceptos</td>
+
  <div class="face2"></div>
−
                  <td>himenaeos</td>
+
</div></a>
−
                  <td>Curabitur</td>
+
 
−
                </tr>
+
<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>
−
                  <td>1,015</td>
+
  <div class="face2"></div>
−
                  <td>sodales</td>
+
</div></a>
−
                  <td>ligula</td>
+
 
−
                  <td>in</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>libero</td>
+
<div class="face1"></div>
−
                </tr>
+
  <div class="face2"></div>
−
              </tbody>
+
</div></a>
−
             </table>
+
 
−
          </div>
+
<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>
 +
<div class="face1"></div>
 +
  <div class="face2"></div>
 +
</div></a>
 +
 
 +
<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>
 +
<div class="face1"></div>
 +
  <div class="face2"></div>
 +
</div></a>
 +
 
 +
</div>
 +
                </div>
 +
             </div>
 +
            <!-- /tabs -->
 
         </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