Difference between revisions of "Team:Newcastle/Protocols"

 
(13 intermediate revisions by 2 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>
  
−
nav .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;
 
}
 
}
  
−
nav .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>
−
<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>
+
</head>
−
                    </li>
+
−
                    <li><br />
+
−
                        <button class="dropbtn" onclick="myFunction3()">Awards</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()">Judging Form</button>
+
−
                          <div id="myDropdown3" class="dropdown-content">
+
  
−
                          </div>
 
−
                    </li>
 
−
                </ul>
 
−
            </div>
 
−
            <!-- /.navbar-collapse -->
 
−
        </div>
 
−
        <!-- /.container -->
 
−
    </nav>
 
−
</div>
 
−
    <!-- Page Content -->
 
−
    <div class="container">
 
  
−
        <!-- Jumbotron Header -->
+
    <div  class="container-fluid" id="main" style="width: 100%; padding-top: 0.5%">
−
        <header class="jumbotron hero-spacer">
+
    <div class="container-fluid text-center" style="max-width: 80%; font-size: 1em">
−
            <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" style="width: 100%">
 
   <tr>
 
   <tr>
 
     <th onmouseover="" style="cursor: pointer;">Protocol</th>
 
     <th onmouseover="" style="cursor: pointer;">Protocol</th>
Line 146: 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 254: Line 176:
 
         <!-- /.row -->
 
         <!-- /.row -->
  
−
        <hr>
 
  
−
        <!-- Footer -->
+
−
        <footer>
+
−
            <div class="row">
+
−
            </div>
+
−
        </footer>
+
−
 
+
−
    </div>
+
 
     <!-- /.container -->
 
     <!-- /.container -->
 +
 +
</div>
 +
</div>
  
  
Line 309: 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