Difference between revisions of "Team:Newcastle/Protocols Jack"

(Created page with "{{Newcastle6}} <html> <head> <style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code...")
 
Line 1: Line 1:
 
{{Newcastle6}}
 
{{Newcastle6}}
 
 
<html>
 
<html>
 +
 
<head>
 
<head>
  
 +
<style>
  
  <style>
 
 
html, body, div, span, applet, object, iframe,
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
p, blockquote, pre,
 
a, abbr, acronym, address, big, cite, code,
 
a, abbr, acronym, address, big, cite, code,
 
del, dfn, em, img, ins, kbd, q, s, samp,
 
del, dfn, em, img, ins, kbd, q, s, samp,
Line 25: Line 25:
  
 
body{
 
body{
  margin-left: 0;
 
 
   background-color: #e8e8e8;
 
   background-color: #e8e8e8;
 
}
 
}
Line 32: Line 31:
 
   background-color: #444444;
 
   background-color: #444444;
 
}
 
}
 +
 
#main{
 
#main{
 
   background-color: #e8e8e8;
 
   background-color: #e8e8e8;
Line 37: Line 37:
 
   padding: 2%;
 
   padding: 2%;
 
   font-family: 'Rubik';
 
   font-family: 'Rubik';
}
 
h1{
 
  border-style: none;
 
 
}
 
}
  
.navbar-nav > li{
+
</style>
  padding-left:30px;
+
  padding-right:30px;
+
}
+
  
.dropdown-menu{
 
  background-color: #e8e8e8;
 
  font-family: 'Roboto', sans-serif;
 
  margin-top: -1px;
 
}
 
  
.dropdown{
 
  //background-color: black;
 
  padding-top: 15px;
 
  padding-bottom: 15px;
 
}
 
  
.dropdown>.dropdown-menu {
+
</head>
  display: none;
+
}
+
  
.dropdown:hover>.dropdown-menu {
+
<body style="background-color: #e8e8e8; font-weight: normal; font-size: 1em">
  display: block;
+
}
+
  
.dropdown-item:hover{
 
  background-color: #a2c0eb;
 
}
 
 
.navbar-custom{
 
  min-height: 80px;
 
  background-color: #6395de;
 
  font-family: 'Roboto', sans-serif;
 
  border-bottom: 1px solid #444444;
 
}
 
 
/* change the brand and text color */
 
.navbar-custom .navbar-brand,
 
.navbar-custom .navbar-text {
 
    color: #222222;
 
}
 
/* change the link color */
 
.navbar-custom .navbar-nav .nav-link {
 
    color: #222222;
 
}
 
/* change the color of active or hovered links */
 
.navbar-custom .nav-item.active .nav-link,
 
.navbar-custom .nav-item:hover .nav-link {
 
    color: #444444;
 
}
 
 
 
.notfirst {
 
display: none;
 
}
 
 
 
#prev {
 
display:none;
 
}
 
 
 
 
  </style>
 
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
  <link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
 
 
 
 
 
 
 
</head>
 
 
<body style="background-color: #e8e8e8;">
 
  
 
     <div  class="container-fluid" id="main" style="width: 100%; padding-top: 0.5%">
 
     <div  class="container-fluid" id="main" style="width: 100%; padding-top: 0.5%">
     <div class="container-fluid" style="max-width: 60%">
+
     <div class="container-fluid text-center" style="max-width: 80%; font-size: 1em">
 
+
<div height="100px">
      <div id="nav">
+
    <!-- Navigation -->
+
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+
        <div class="container">
+
            <!-- Brand and toggle get grouped for better mobile display -->
+
            <div class="navbar-header">
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
                    <span class="sr-only">Toggle navigation</span>
+
                    <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
+
                </button><br />
+
                <a class="navbar-brand" href="https://2017.igem.org/Team:Newcastle">Newcastle iGEM 2016</a>
+
            </div>
+
            <!-- Collect the nav links, forms, and other content for toggling -->
+
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
                <ul class="nav navbar-nav">
+
                    <li><br />
+
                        <button class="dropbtn" onclick="myFunction1()">Team</button>
+
                          <div id="myDropdown1" class="dropdown-content">
+
                                <a href="#home">Members</a>
+
                                <a href="#about">Collaborations</a>
+
                                <a href="#contact">Acknowledgements</a>
+
                                <a href="#contact">Sponsors</a>
+
                          </div>
+
                    </li>
+
                    <li><br />
+
                        <button class="dropbtn" onclick="myFunction2()">Project</button>
+
                          <div id="myDropdown2" class="dropdown-content">
+
                                <a href="#home">Overview</a>
+
                                <a href="#about">The Problem</a>
+
                                <a href="#contact">Our Solution</a>
+
                          </div>
+
                    </li>
+
                    <li><br />
+
                        <button class="dropbtn" onclick="myFunction3()">Parts</button>
+
                          <div id="myDropdown3" class="dropdown-content">
+
 
+
                          </div>
+
                    </li>
+
                    <li><br />
+
                        <button class="dropbtn" onclick="myFunction3()">Safety</button>
+
                          <div id="myDropdown3" class="dropdown-content">
+
 
+
                          </div>
+
                    </li>
+
                    <li><br />
+
                        <button class="dropbtn" onclick="myFunction3()">Human Practices</button>
+
                          <div id="myDropdown3" class="dropdown-content">
+
 
+
                          </div>
+
                    </li>
+
                    <li><br />
+
                        <button class="dropbtn" onclick="myFunction3()">Awards</button>
+
                          <div id="myDropdown3" class="dropdown-content">
+
 
+
                          </div>
+
                    </li>
+
                    <li><br />
+
                        <button class="dropbtn" onclick="myFunction3()">Judging Form</button>
+
                          <div id="myDropdown3" class="dropdown-content">
+
 
+
                          </div>
+
                    </li>
+
                </ul>
+
            </div>
+
            <!-- /.navbar-collapse -->
+
        </div>
+
        <!-- /.container -->
+
    </nav>
+
 
</div>
 
</div>
  <!-- Page Content -->
 
  <div class="container">
 
  
      <!-- Jumbotron Header -->
+
        <hr>
      <header class="jumbotron hero-spacer">
+
          <h1>Protocols</h1>
+
          <p>Archive of all protocols used by team members<br />
+
            The SOP template can be downloaded <a href="https://static.igem.org/mediawiki/2017/b/b0/T--Newcastle--sop_template.docx">here</a>.</p>
+
      </header>
+
  
      <hr>
+
        <div class="row text-center">
  
      <!-- Title -->
+
                <h1>Protocols - Click headers to sort:</h1>
      <div class="row">
+
          <div class="col-lg-12">
+
              <h3Protocols- click the headers to sort:</h3>
+
          </div>
+
      </div>
+
      <!-- /.row -->
+
  
      <!-- Page Features -->
 
      <div class="row text-center">
 
  
 
<table class="sortable wikitable">
 
<table class="sortable wikitable">
 +
  <tr>
 +
    <th onmouseover="" style="cursor: pointer;">Protocol</th>
 +
    <th onmouseover="" style="cursor: pointer;">Author</th>
 +
    <th onmouseover="" style="cursor: pointer;">Category</th>
 +
    <th></th>
 +
  </tr>
 +
  <tr>
 +
    <td><i>E .coli</i> Transformation</td>
 +
    <td>Bradley Brown</td>
 +
    <td>General</td>
 +
    <td><a href="https://static.igem.org/mediawiki/2017/1/1f/T--Newcastle--ecoli_transformation_bb.pdf" style="color:black">View</a></td>
 +
  </tr>
 +
  <tr>
 +
    <td>Bacterial CFPS Cell Extract Preparation Procedure</td>
 +
    <td>Bradley Brown</td>
 +
    <td>Cell Free Protein Synthesis</td>
 +
    <td><a href="https://static.igem.org/mediawiki/2017/e/e6/T--Newcastle--BB_protocol_bacterial_cell_extract.pdf" style="color:black">View</a></td>
 +
  </tr>
 +
  <tr>
 +
    <td>CFPS Amino Acid Mix Preparation</td>
 +
    <td>Bradley Brown</td>
 +
    <td>Cell Free Protein Synthesis</td>
 +
    <td><a href="" style="color:black">View</a></td>
 +
  </tr>
 +
  <tr>
 +
    <td>Competent <i>E .coli</i> Cells</td>
 +
    <td>Lais Takiguchi</td>
 +
    <td>General</td>
 +
    <td><a href="https://static.igem.org/mediawiki/2017/7/7b/T--Newcastle--ecoli_competent_cells_lct.pdf" style="color:black">View</a></td>
 +
  </tr>
 +
  <tr>
 +
    <td>Fim Switch 96 well plate protocol</td>
 +
    <td>Marcia Pryce</td>
 +
    <td>Fim Switch 96 well plate reader assay</td>
 +
    <td><a href="https://static.igem.org/mediawiki/parts/b/b1/--T--Newcastle--MP--Protocol--Fim--96.pdf" style="color:black">View</a></td>
 +
  </tr>
 +
  <tr>
 +
    <td>gBlock and HiFi Assembly</td>
 +
    <td>Marcia Pryce</td>
 +
    <td>General</td>
 +
    <td><a href="https://static.igem.org/mediawiki/2017/3/38/T--Newcastle--gBlock-HiFi.pdf" style="color:black">View</a></td>
 +
  </tr>
 +
  <tr>
 +
    <td>Agarose gel electrophoresis</td>
 +
    <td>Marcia Pryce</td>
 +
    <td>General</td>
 +
    <td><a href="https://static.igem.org/mediawiki/2017/a/a3/T--Newcastle--DNA_Extraction.pdf" style="color:black">View</a></td>
 +
  </tr>
 +
  <tr>
 +
    <td>DNA Gel Extraction</td>
 +
    <td>Marcia Pryce</td>
 +
    <td>General</td>
 +
    <td><a href="https://static.igem.org/mediawiki/2017/e/e1/T--Newcastle--gel.pdf" style="color:black">View</a></td>
 +
  </tr>
 +
  <tr>
 +
    <td>Miniprep</td>
 +
    <td>Marcia Pryce</td>
 +
    <td>General</td>
 +
    <td><a href="https://static.igem.org/mediawiki/2017/e/e1/T--Newcastle--Miniprep.pdf" style="color:black">View</a></td>
 +
  </tr>
 +
  <tr>
 +
    <td>DNA Restriction Digest</td>
 +
    <td>Marcia Pryce</td>
 +
    <td>General</td>
 +
    <td><a href="https://static.igem.org/mediawiki/2017/1/13/T--Newcastle--digest.pdf" style="color:black">View</a></td>
 +
  </tr>
 
<tr>
 
<tr>
  <th onmouseover="" style="cursor: pointer;">Protocol</th>
+
    <td>Glycerol Stock</td>
  <th onmouseover="" style="cursor: pointer;">Author</th>
+
    <td>Marcia Pryce</td>
  <th onmouseover="" style="cursor: pointer;">Category</th>
+
    <td>General</td>
  <th></th>
+
    <td><a href="https://static.igem.org/mediawiki/2017/7/77/T--Newcastle--stock.pdf" style="color:black">View</a></td>
</tr>
+
  </tr>
 
<tr>
 
<tr>
  <td><i>E .coli</i> Transformation</td>
+
    <td>Overnight Culture</td>
  <td>Bradley Brown</td>
+
    <td>Marcia Pryce</td>
  <td>General</td>
+
    <td>General</td>
  <td><a href="https://static.igem.org/mediawiki/2017/1/1f/T--Newcastle--ecoli_transformation_bb.pdf" style="color:black">View</a></td>
+
    <td><a href="https://static.igem.org/mediawiki/2017/7/73/T--Newcastle--cultures.pdf" style="color:black">View</a></td>
</tr>
+
  </tr>
 
<tr>
 
<tr>
  <td>Bacterial CFPS Cell Extract Preparation Procedure</td>
+
    <td>T4 Blunting</td>
  <td>Bradley Brown</td>
+
    <td>Marcia Pryce</td>
  <td>Cell Free Protein Synthesis</td>
+
    <td>General</td>
  <td><a href="https://static.igem.org/mediawiki/2017/e/e6/T--Newcastle--BB_protocol_bacterial_cell_extract.pdf" style="color:black">View</a></td>
+
    <td><a href="https://static.igem.org/mediawiki/2017/2/2b/T--Newcastle--T4-Blunt.pdf" style="color:black">View</a></td>
</tr>
+
  </tr>
 
<tr>
 
<tr>
  <td>CFPS Amino Acid Mix Preparation</td>
+
    <td>Agarose Gel</td>
  <td>Bradley Brown</td>
+
    <td>Marcia Pryce</td>
  <td>Cell Free Protein Synthesis</td>
+
    <td>General</td>
  <td><a href="" style="color:black">View</a></td>
+
    <td><a href="https://static.igem.org/mediawiki/2017/d/d1/T--Newcastle--agarose.pdf" style="color:black">View</a></td>
</tr>
+
  </tr>
 
<tr>
 
<tr>
  <td>Competent <i>E .coli</i> Cells</td>
+
    <td>Agar Plate</td>
  <td>Lais Takiguchi</td>
+
    <td>Marcia Pryce</td>
  <td>General</td>
+
    <td>General</td>
  <td><a href="https://static.igem.org/mediawiki/2017/7/7b/T--Newcastle--ecoli_competent_cells_lct.pdf" style="color:black">View</a></td>
+
    <td><a href="https://static.igem.org/mediawiki/2017/b/b6/T--Newcastle--agar_plate.pdf" style="color:black">View</a></td>
</tr>
+
  </tr>
 
<tr>
 
<tr>
  <td>Fim Switch 96 well plate protocol</td>
+
    <td>LB Broth Recipe</td>
  <td>Marcia Pryce</td>
+
    <td>Marcia Pryce</td>
  <td>Fim Switch 96 well plate reader assay</td>
+
    <td>General</td>
  <td><a href="https://static.igem.org/mediawiki/parts/b/b1/--T--Newcastle--MP--Protocol--Fim--96.pdf" style="color:black">View</a></td>
+
    <td><a href="https://static.igem.org/mediawiki/2017/5/58/T--Newcastle--LB_Broth.pdf" style="color:black">View</a></td>
</tr>
+
  </tr>
 
<tr>
 
<tr>
  <td>gBlock and HiFi Assembly</td>
+
    <td>Ligation</td>
  <td>Marcia Pryce</td>
+
    <td>Marcia Pryce</td>
  <td>General</td>
+
    <td>General</td>
  <td><a href="https://static.igem.org/mediawiki/2017/3/38/T--Newcastle--gBlock-HiFi.pdf" style="color:black">View</a></td>
+
    <td><a href="https://static.igem.org/mediawiki/2017/6/6d/T--Newcastle--Ligase.pdf" style="color:black">View</a></td>
</tr>
+
  </tr>
 
<tr>
 
<tr>
  <td>Agarose gel electrophoresis</td>
+
    <td>Q5 PCR</td>
  <td>Marcia Pryce</td>
+
    <td>Marcia Pryce</td>
  <td>General</td>
+
    <td>General</td>
  <td><a href="https://static.igem.org/mediawiki/2017/a/a3/T--Newcastle--DNA_Extraction.pdf" style="color:black">View</a></td>
+
    <td><a href="https://static.igem.org/mediawiki/2017/8/8a/T--Newcastle--Q5_PCR.pdf" style="color:black">View</a></td>
</tr>
+
  </tr>
 
<tr>
 
<tr>
  <td>DNA Gel Extraction</td>
+
    <td>Taq Colony PCR</td>
  <td>Marcia Pryce</td>
+
    <td>Marcia Pryce</td>
  <td>General</td>
+
    <td>General</td>
  <td><a href="https://static.igem.org/mediawiki/2017/e/e1/T--Newcastle--gel.pdf" style="color:black">View</a></td>
+
    <td><a href="https://static.igem.org/mediawiki/2017/e/e3/T--Newcastle--Taq_PCR.pdf" style="color:black">View</a></td>
</tr>
+
  </tr>
<tr>
+
  <td>Miniprep</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/e/e1/T--Newcastle--Miniprep.pdf" style="color:black">View</a></td>
+
</tr>
+
<tr>
+
  <td>DNA Restriction Digest</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/1/13/T--Newcastle--digest.pdf" style="color:black">View</a></td>
+
</tr>
+
<tr>
+
  <td>Glycerol Stock</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/7/77/T--Newcastle--stock.pdf" style="color:black">View</a></td>
+
</tr>
+
<tr>
+
  <td>Overnight Culture</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/7/73/T--Newcastle--cultures.pdf" style="color:black">View</a></td>
+
</tr>
+
<tr>
+
  <td>T4 Blunting</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/2/2b/T--Newcastle--T4-Blunt.pdf" style="color:black">View</a></td>
+
</tr>
+
<tr>
+
  <td>Agarose Gel</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/d/d1/T--Newcastle--agarose.pdf" style="color:black">View</a></td>
+
</tr>
+
<tr>
+
  <td>Agar Plate</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/b/b6/T--Newcastle--agar_plate.pdf" style="color:black">View</a></td>
+
</tr>
+
<tr>
+
  <td>LB Broth Recipe</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/5/58/T--Newcastle--LB_Broth.pdf" style="color:black">View</a></td>
+
</tr>
+
<tr>
+
  <td>Ligation</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/6/6d/T--Newcastle--Ligase.pdf" style="color:black">View</a></td>
+
</tr>
+
<tr>
+
  <td>Q5 PCR</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/8/8a/T--Newcastle--Q5_PCR.pdf" style="color:black">View</a></td>
+
</tr>
+
<tr>
+
  <td>Taq Colony PCR</td>
+
  <td>Marcia Pryce</td>
+
  <td>General</td>
+
  <td><a href="https://static.igem.org/mediawiki/2017/e/e3/T--Newcastle--Taq_PCR.pdf" style="color:black">View</a></td>
+
</tr>
+
 
</table>
 
</table>
  
      </div>
+
        </div>
      <!-- /.row -->
+
        <!-- /.row -->
  
      <hr>
+
        <hr>
  
      <!-- Footer -->
+
      <footer>
+
    <!-- /.container -->
          <div class="row">
+
          </div>
+
      </footer>
+
  
  </div>
+
</div>
  <!-- /.container -->
+
</div>
  
  
  <!-- js table sort -->
+
    <!-- js table sort -->
  <script src="https://2017.igem.org/Team:Newcastle/Bradleytest/js/sortablejs?action=raw&amp;ctype=text/javascript"></script>
+
    <script src="https://2017.igem.org/Team:Newcastle/Bradleytest/js/sortablejs?action=raw&amp;ctype=text/javascript"></script>
  <!-- jQuery -->
+
    <!-- jQuery -->
  <script src="js/jquery.js"></script>
+
    <script src="js/jquery.js"></script>
  
  <!-- Bootstrap Core JavaScript -->
+
    <!-- Bootstrap Core JavaScript -->
  <script src="js/bootstrap.min.js"></script>
+
    <script src="js/bootstrap.min.js"></script>
  
 
<script>
 
<script>
Line 368: Line 210:
 
function myFunction1() {
 
function myFunction1() {
  
  document.getElementById("myDropdown1").classList.toggle("show");
+
    document.getElementById("myDropdown1").classList.toggle("show");
 
}
 
}
  
 
function myFunction2() {
 
function myFunction2() {
  
  document.getElementById("myDropdown2").classList.toggle("show");
+
    document.getElementById("myDropdown2").classList.toggle("show");
 
}
 
}
  
Line 379: Line 221:
 
// Close the dropdown if the user clicks outside of it
 
// Close the dropdown if the user clicks outside of it
 
window.onclick = function(event) {
 
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
+
  if (!event.target.matches('.dropbtn')) {
  
  var dropdowns = document.getElementsByClassName("dropdown-content");
+
    var dropdowns = document.getElementsByClassName("dropdown-content");
  var i;
+
    var i;
  for (i = 0; i < dropdowns.length; i++) {
+
    for (i = 0; i < dropdowns.length; i++) {
    var openDropdown = dropdowns[i];
+
      var openDropdown = dropdowns[i];
    if (openDropdown.classList.contains('show')) {
+
      if (openDropdown.classList.contains('show')) {
      openDropdown.classList.remove('show');
+
        openDropdown.classList.remove('show');
 +
      }
 
     }
 
     }
 
   }
 
   }
}
 
 
}
 
}
 
</script>
 
</script>
  
    </div>
+
</body>
    </div>
+
  
 
 
 
 
</body>
 
 
</html>
 
</html>

Revision as of 15:03, 1 November 2017

spacefill


Protocols - Click headers to sort:

Protocol Author Category
E .coli Transformation Bradley Brown General View
Bacterial CFPS Cell Extract Preparation Procedure Bradley Brown Cell Free Protein Synthesis View
CFPS Amino Acid Mix Preparation Bradley Brown Cell Free Protein Synthesis View
Competent E .coli Cells Lais Takiguchi General View
Fim Switch 96 well plate protocol Marcia Pryce Fim Switch 96 well plate reader assay View
gBlock and HiFi Assembly Marcia Pryce General View
Agarose gel electrophoresis Marcia Pryce General View
DNA Gel Extraction Marcia Pryce General View
Miniprep Marcia Pryce General View
DNA Restriction Digest Marcia Pryce General View
Glycerol Stock Marcia Pryce General View
Overnight Culture Marcia Pryce General View
T4 Blunting Marcia Pryce General View
Agarose Gel Marcia Pryce General View
Agar Plate Marcia Pryce General View
LB Broth Recipe Marcia Pryce General View
Ligation Marcia Pryce General View
Q5 PCR Marcia Pryce General View
Taq Colony PCR Marcia Pryce General View