Difference between revisions of "Team:Newcastle/Protocols"

(Nav bar fix)
Line 11: Line 11:
 
<style>
 
<style>
  
.dropdown-content {
+
nav .dropdown-content {
 
     display: none;
 
     display: none;
 
     position: absolute;
 
     position: absolute;
Line 22: Line 22:
 
}
 
}
  
.dropdown-content a {
+
nav .dropdown-content a {
 
     color: black;
 
     color: black;
 
     padding: 12px 16px;
 
     padding: 12px 16px;
Line 33: Line 33:
  
 
<body>
 
<body>
 +
<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">
  
    <!-- Navigation -->
+
                          </div>
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+
                    </li>
        <div class="container">
+
                    <li><br />
            <!-- Brand and toggle get grouped for better mobile display -->
+
                        <button class="dropbtn" onclick="myFunction3()">Safety</button>
            <div class="navbar-header">
+
                          <div id="myDropdown3" class="dropdown-content">
                <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>
+
                          </div>
                    </li>
+
                    </li>
                    <li><br />
+
                    <li><br />
                        <button class="dropbtn" onclick="myFunction3()">Safety</button>
+
                        <button class="dropbtn" onclick="myFunction3()">Human Practices</button>
                          <div id="myDropdown3" class="dropdown-content">
+
                          <div id="myDropdown3" class="dropdown-content">
  
                          </div>
+
                          </div>
                    </li>
+
                    </li>
                    <li><br />
+
                    <li><br />
                        <button class="dropbtn" onclick="myFunction3()">Human Practices</button>
+
                        <button class="dropbtn" onclick="myFunction3()">Awards</button>
                          <div id="myDropdown3" class="dropdown-content">
+
                          <div id="myDropdown3" class="dropdown-content">
  
                          </div>
+
                          </div>
                    </li>
+
                    </li>
                    <li><br />
+
                    <li><br />
                        <button class="dropbtn" onclick="myFunction3()">Awards</button>
+
                        <button class="dropbtn" onclick="myFunction3()">Judging Form</button>
                          <div id="myDropdown3" class="dropdown-content">
+
                          <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>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </nav>
 +
</div>
 
     <!-- Page Content -->
 
     <!-- Page Content -->
 
     <div class="container">
 
     <div class="container">
Line 274: Line 274:
  
 
<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 */
  

Revision as of 21:21, 31 October 2017

spacefill

Protocols

Archive of all protocols used by team members
The SOP template can be downloaded here.


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