Difference between revisions of "Team:Newcastle/Protocols"

 
(25 intermediate revisions by 3 users not shown)
Line 3: Line 3:
  
 
<head>
 
<head>
−
    <!-- Bootstrap Core CSS -->
 
−
    <link href="https://2017.igem.org/Team:Newcastle/Bradleytest/css/bootstrapmincss?action=raw&amp;ctype=text/css" rel="stylesheet">
 
−
 
−
    <!-- Custom CSS -->
 
−
    <link href="https://2017.igem.org/Team:Newcastle/Bradleytest/css/heroic-featurescss?action=raw&amp;ctype=text/css" rel="stylesheet">
 
  
 
<style>
 
<style>
  
−
.dropdown-content {
+
html, body, div, span, applet, object, iframe,
−
    display: none;
+
p, blockquote, pre,
−
    position: absolute;
+
a, abbr, acronym, address, big, cite, code,
−
    background-color: #f9f9f9;
+
del, dfn, em, img, ins, kbd, q, s, samp,
−
    min-width: 160px;
+
small, strike, strong, sub, sup, tt, var,
−
    overflow: auto;
+
b, u, i, center,
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
dl, dt, dd, ol, ul, li,
−
    right: 0;
+
fieldset, form, label, legend,
−
    z-index: 1;
+
table, caption, tbody, tfoot, thead, tr, th, td,
 +
article, aside, canvas, details, embed,
 +
figure, figcaption, footer, header, hgroup,
 +
menu, nav, output, ruby, section, summary,
 +
time, mark, audio, video {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 
}
 
}
  
−
.dropdown-content a {
+
body{
−
    color: black;
+
  background-color: #e8e8e8;
−
    padding: 12px 16px;
+
}
−
    text-decoration: none;
+
−
    display: block;
+
  
−
</style>
+
hr{
 +
  background-color: #444444;
 +
}
  
−
</head>
+
#main{
 +
  background-color: #e8e8e8;
 +
  color: #222222;
 +
  padding: 2%;
 +
  font-family: 'Rubik';
 +
}
  
−
<body>
+
</style>
  
−
    <!-- 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>
+
</head>
−
                    </li>
+
−
                    <li><br />
+
−
                        <button class="dropbtn" onclick="myFunction3()">Human Practices</button>
+
−
                          <div id="myDropdown3" class="dropdown-content">
+
  
−
                          </div>
+
<body style="background-color: #e8e8e8; font-weight: normal; font-size: 1em">
−
                    </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>
+
    <div class="container-fluid" id="main" style="width: 100%; padding-top: 0.5%">
−
                    </li>
+
    <div class="container-fluid text-center" style="max-width: 80%; font-size: 1em">
−
                </ul>
+
−
            </div>
+
−
            <!-- /.navbar-collapse -->
+
−
        </div>
+
−
        <!-- /.container -->
+
−
    </nav>
+
  
−
    <!-- Page Content -->
+
        <div class="row text-center">
−
    <div class="container">
+
  
−
        <!-- Jumbotron Header -->
+
                <h1>Protocols - Click headers to sort:</h1>
−
        <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>
 
−
 
−
        <!-- Title -->
 
−
        <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" style="width: 100%">
 
   <tr>
 
   <tr>
 
     <th onmouseover="" style="cursor: pointer;">Protocol</th>
 
     <th onmouseover="" style="cursor: pointer;">Protocol</th>
Line 145: Line 74:
 
     <td>Cell Free Protein Synthesis</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>
 
     <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>
 
   <tr>
 
   <tr>
Line 171: Line 94:
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
−
     <td>DNA Gel Extraction</td>
+
     <td>Agarose gel electrophoresis</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/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>
 
   <tr>
 
   <tr>
Line 199: Line 128:
 
     <td>General</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>
 
     <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>
 
   </tr>
 
</table>
 
</table>
Line 205: Line 176:
 
         <!-- /.row -->
 
         <!-- /.row -->
  
−
        <hr>
 
  
−
        <!-- Footer -->
+
−
        <footer>
+
−
            <div class="row">
+
−
            </div>
+
−
        </footer>
+
−
 
+
−
    </div>
+
 
     <!-- /.container -->
 
     <!-- /.container -->
 +
 +
</div>
 +
</div>
  
  
Line 226: Line 193:
  
 
<script>
 
<script>
−
/* When the user clicks on the button,  
+
/* When the user clicks on the button,
 
toggle between hiding and showing the dropdown content */
 
toggle between hiding and showing the dropdown content */
  
Line 260: Line 227:
  
 
</html>
 
</html>
 +
{{Newcastle_footer}}

Latest revision as of 18:27, 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
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