Difference between revisions of "Team:Chalmers-Gothenburg/Notebook/protocols"

Latest revision as of 17:39, 30 October 2017

Chalmers Gothenburg iGEM 2017

Introduction

Several protocols for specific procedures have been followed while working in the wet lab. These include protocols for PCR, purifications, digestions, assemblies as well as working with Saccharomyces cerevisiae and Escherichia coli. See the exact procedures under Notebook, lab journal.

Protocols

Protocols for PCR

Thermo Scientific DreamTaq DNA Polymerase
Thermo Scientific Phusion High-Fidelity DNA Polymerase
PrimeSTAR HS DNA Polymerase
Fusion PCR

Protocols for purification

Thermo Scientific GeneJET PCR Purification Kit
Thermo Scientific GeneJET Gel Extraction Kit

Protocols for digestion and assembly

FastDigest Restriction Enzymes
Gibson Assembly Master Mix
DNA Insert Ligation into Vector DNA

Protocols for Saccharomyces cerevisiae

Transformation (Chemical)
Transformation (Electroporation)
Transformation (Quick version)
Isolation of genomic DNA

Protocols for Escherichia coli

Transformation (Heat shock)
Thermo Scientific GeneJET Plasmid Miniprep Kit

Protocols for Biobricks

BioBricks Assembly Protocol

Protocols for Interlab study

Interlab study

@@ Line 25: / Line 25: @@
    background-color: #e6e6e6;
-  background: -webkit-linear-gradient(left, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Safari 5.1 to 6.0 */
-  background: -o-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Opera 11.1 to 12.0 */
-  background: -moz-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Firefox 3.6 to 15 */
-  background: linear-gradient(to right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* Standard syntax (must be last) */
    font-family:'Lato', sans-serif;
 }
@@ Line 208: / Line 204: @@
 	top: 0;
    width: 100%;
-   /*min-width: 1440px; Makes the navbar too big for smaller screens. Keep muted if possible*/
+   min-width: 1440px;
    z-index:9999;
    -webkit-touch-callout: none;
@@ Line 434: / Line 430: @@
 	width: cover;
+  min-width:1440px;
    text-align: center;
    margin: auto;
@@ Line 439: / Line 436: @@
 	background:#e6e6e6;
-  background: -webkit-linear-gradient(left, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Safari 5.1 to 6.0 */
-  background: -o-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Opera 11.1 to 12.0 */
-  background: -moz-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Firefox 3.6 to 15 */
-  background: linear-gradient(to right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* Standard syntax (must be last) */
 }
@@ Line 554: / Line 547: @@
      text-align: left;
      text-decoration: none;
-		background: #e6e6e6;
+		background: #f2f2f2;
 		font-size:12pt !important;
 }
@@ Line 685: / Line 678: @@
 }
-/*.header is the class used in the header image at the top of pages*/
-.header {
-  font-size: 45pt;
-  color: black;
-  text-align: center;
-  background-color: #000000;
-  background-repeat: repeat;
-  height: auto;
-  line-height: 130px;
-		border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
-  border-image-slice: 1;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
-  }
-.header_Modelling {
+.header_test {
-  font-size: 45pt;
+	background-position: top;
-  color: black;
+	background-attachment: fixed;
-  text-align: center;
+	background-repeat: no-repeat;
-	position:bottom;
+	-webkit-background-size: cover;
-  background-image: url("pictures_17/backgrounds/chalkboard_2.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+	-moz-background-size: cover;
-/*  min-height: 500px;*/
+	-o-background-size: cover;
+	background-size: cover;
+        padding-top: 100vh;
+        background-image: url("https://static.igem.org/mediawiki/2017/f/f3/T--Chalmers-Gothenburg--Notebook_Protocols.jpg");
-  background-attachment: fixed;
+ /*A lot of code for the line between the header and the body */
-  background-position: center;
+border-bottom: 3px solid transparent;
-  background-repeat: no-repeat;
-  background-size: cover;
-	background-color:#000000;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
    -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
    -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
@@ Line 737: / Line 705: @@
 }
-.header_Achievements_biobricks {
-  font-size: 45pt;
-  color: black;
-  text-align: center;
-	position:bottom;
-  background-image: url("pictures_17/backgrounds/bricks.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
-/*  min-height: 500px;*/
-  background-attachment: fixed;
+/* Banner: name of the page */
-  background-position: center;
+#banner {
-  background-repeat: no-repeat;
+	height: 100%;
-  background-size: cover;
+        position: relative;
-	background-color:#000000;
+        bottom: 50px;
+    float: left;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+    width: 100%;
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+        font-size: 80pt; /*35pt*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+	font-family:"Lato", cursive;
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+        color:#c91a03 ;
-  border-image-slice: 1;
+	line-height: 65pt;
-  -webkit-touch-callout: none;
+        text-shadow: 5px 5px #000000;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
 }
-.header_Project_theory {
+#banner h3 {
-  font-size: 45pt;
+	display: block;
-  color: black;
+	position: absolute;
-  text-align: center;
+	bottom: 50px;
-	position:bottom;
+	left: 200px;
-  background-image: url("pictures_17/backgrounds/pen_paper.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+        font-size: 80pt; /*35pt*/
-/*  min-height: 500px;*/
+	font-family:"Lato", cursive;
+        color:#c91a03 ;
+	line-height: 65pt;
+        text-shadow: 5px 5px #000000;
+        /*border-style:dashed;*/
+	padding: 20px 20px 20px 20px;
-  background-attachment: fixed;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-	background-color:#000000;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
-  border-image-slice: 1;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
 }
-.header_Project_constructs {
+#banner h4 {
-  font-size: 45pt;
+	display: block;
-  color: black;
+	position: absolute;
-  text-align: center;
+	bottom: -40px;
-	position:bottom;
+	left: 200px;
-  background-image: url("pictures_17/backgrounds/DNA.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+        font-size: 40pt; /*35pt*/
-/*  min-height: 500px;*/
+	font-family:"Lato", cursive;
+        color:#c91a03 ;
-  background-attachment: fixed;
+	line-height: 65pt;
-  background-position: center;
+        text-shadow: 3px 3px #000000;
-  background-repeat: no-repeat;
+        /*border-style:dashed;*/
-  background-size: cover;
+	padding: 20px 20px 20px 20px;
-	background-color:#000000;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
-  border-image-slice: 1;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
 }
-.header_Team_students {
-  font-size: 45pt;
-  color: black;
-  text-align: center;
-	position:bottom;
-  background-image: url("pictures_17/team_photos_2017/group_photo_stairs_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
-/*  min-height: 500px;*/
-  background-attachment: fixed;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-	background-color:#000000;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
-  border-image-slice: 1;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
-}
-.header_Team_supervisors {
-  font-size: 45pt;
-  color: black;
-  text-align: center;
-	position:bottom;
-  background-image: url("pictures_17/backgrounds/Chemistry_entrance_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
-/*  min-height: 500px;*/
-  background-attachment: fixed;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-	background-color:#000000;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
-  border-image-slice: 1;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
-}
-.header_Team_sponsors {
-  font-size: 45pt;
-  color: black;
-  text-align: center;
-	position:bottom;
-  background-image: url("pictures_17/backgrounds/money_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
-/*  min-height: 500px;*/
-  background-attachment: fixed;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-	background-color:#000000;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
-  border-image-slice: 1;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
-}
-.header_Team_collaborations {
-  font-size: 45pt;
-  color: black;
-  text-align: center;
-	position:bottom;
-  background-image: url("pictures_17/backgrounds/shaking_hands_darker.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
-/*  min-height: 500px;*/
-  background-attachment: fixed;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-	background-color:#000000;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
-  border-image-slice: 1;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
-}
-.header_Team_attributions {
-  font-size: 45pt;
-  color: black;
-  text-align: center;
-	position:bottom;
-  background-image: url("pictures_17/backgrounds/Chalmers_port_4.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
-/*  min-height: 500px;*/
-  background-attachment: fixed;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-	background-color:#000000;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
-  border-image-slice: 1;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
-}
-.header_Notebook_journal {
-  font-size: 45pt;
-  color: black;
-  text-align: center;
-	position:bottom;
-  background-image: url("pictures_17/backgrounds/Notebook.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
-/*  min-height: 500px;*/
-  background-attachment: fixed;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-	background-color:#000000;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
-  border-image-slice: 1;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
-}
-.header_Notebook_lab_safety {
-  font-size: 45pt;
-  color: black;
-  text-align: center;
-	position:bottom;
-  background-image: url("pictures_17/backgrounds/T--Chalmers-Gothenburg--Safety_form_Fume_hood.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
-/*  min-height: 500px;*/
-  background-attachment: fixed;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-	background-color:#000000;
-	border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
-  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
-  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
-  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
-  border-image-slice: 1;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
-}
 .header-text {
@@ Line 1,149: / Line 882: @@
 }
+.figure-caption {
+    display: table-caption;
+    caption-side: bottom;
+}
+.table-caption {
+    display: table-caption;
+    caption-side: top;
+  color: black;
+  font-size: 11pt;
+  text-align: justify;
+  padding-left: 0px;
+  padding-right:0px;
+	margin-left:0px;
+	margin-right:0px;
+}
+th {
+    text-align: center;
+}
+figure {
+  display:table;
+  text-align:center;
+  margin: auto;
+  margin-bottom: 25px;
+  margin-top: 25px;
+}
+/*---Reference List---*/
+.reference_list {
+    text-align: left;
+    font-size:10pt; !important
+}
+.reference_list ul {
+    list-style-type: none;
+    list-style-image: none;
+}
+.reference_list li {
+    padding-bottom: 10px;
+}
 /*--------------Links in text and lists are red when hovered------------------*/
@@ Line 1,512: / Line 1,289: @@
        <nav><!--Used to apply a sticky class, so that the position can be changed to fixed-->
          <ul class="header_navbar_ul">
-           <li id="header_navbar_home"><a href="https://2017.igem.org/Team:Chalmers-Gothenburg" id="home_link"> Home <i class="fa fa-home" style="font-size:24px"></i> </a></li>
+           <li id="header_navbar_home"><a href="https://2017.igem.org/Team:Chalmers-Gothenburg" id="home_link"> Home </a></li>
            <li class="dropdown">
@@ Line 1,536: / Line 1,313: @@
          	    <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Project/constructs">Constructs</a>
      	        <hr>
-     	        <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Model">Mathematical modelling</a>
+     	        <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Model">Mathematical modeling</a>
              </div>
            </li>
@@ Line 1,543: / Line 1,320: @@
            	<a id="HP_link">Human Practices</a>  <!--href="HP_intro.html" id="HP_link"-->
              <div class="dropdown-content">
-             	<a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Silver">Human practises</a>
+             	<a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Silver">Human practices</a>
                <hr>
-               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Gold_Integrated">Integrated Human practises</a>
+               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Gold_Integrated">Integrated human practices</a>
              </div>
            </li>
@@ Line 1,554: / Line 1,331: @@
      	        <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Results">Project results</a>
      	        <hr>
-         	    <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Parts">BioBricks</a>
+         	    <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Parts">Biobricks</a>
                <hr>
                <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/InterLab">Interlab study</a>
                <hr>
-               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Achievements/medal">Medals</a>
+               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Achievements/medal">Accomplishments</a>
              </div>
            </li>
@@ Line 1,574: / Line 1,351: @@
            <!--facebook, instagram and twitter icon-->
-           <li id="header_navbar_home"><a href="https://sv-se.facebook.com/chalmersigem/" id="fb"><i class="fa fa-facebook-square" style="font-size:24px"></i> </a></li>
+           <li id="header_navbar_home"><a href="https://sv-se.facebook.com/chalmersigem/" id="fb" target="_blank"><i class="fa fa-facebook-square" style="font-size:24px"></i> </a></li>
-           <li id="header_navbar_home"><a href="https://www.instagram.com/chalmersigem/" id="instagram"><i class="fa fa-instagram" style="font-size:24px"></i> </a></li>
+           <li id="header_navbar_home"><a href="https://www.instagram.com/chalmersigem/" id="instagram" target="_blank"><i class="fa fa-instagram" style="font-size:24px"></i> </a></li>
-           <li id="header_navbar_home"><a href="https://twitter.com/igemchalmers" id="twitter"><i class="fa fa-twitter" style="font-size:24px"></i> </a></li>
+           <li id="header_navbar_home"><a href="https://twitter.com/igemchalmers" id="twitter" target="_blank"><i class="fa fa-twitter" style="font-size:24px"></i> </a></li>
@@ Line 1,589: / Line 1,366: @@
      <div class="wrap"> <!--To limit the width of the site-->
+         <div class="header_test">
-         <div class="header_Team_collaborations">
+	   <!-- Banner -->
-    <div class="header-text">Notebook</div>
+	    <div id="banner">
-    <div class="header-subtitle">Protocols</div>
+             <h3>Protocols</h3>
-    </div>
+            </div>
+        </div>
         <div class="wrap-content">
-         <div class="target" id="thanks">
            <h4 class="subtitle">Introduction</h4>
              <p class="text">
-         Proin vitae massa a libero ultricies pulvinar. Vivamus laoreet orci
+Several protocols for specific procedures have been followed while working in the wet lab. These include protocols for PCR, purifications, digestions, assemblies as well as working with <i>Saccharomyces cerevisiae</i> and <i>Escherichia coli</i>. See the exact procedures under <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Notebook">Notebook, lab journal</a>.
-         at magna dapibus, id consectetur dui bibendum. In hac habitasse platea dictumst.
-         Aenean ornare neque at justo eleifend, ut pharetra erat ultricies. Cum sociis
-         natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
             </p>
-        </div>
-       <div class="target" id="supervisors">
           <h4 class="sidetitle">Protocols</h4>
          <h2>
-            <i>E.coli</i> protocols
+            Protocols for PCR
          </h2>
+<div style="padding-left: 25px">
           <p class="text">
-            <a href="">Protocol 1</a><br>
+            <a href="https://static.igem.org/mediawiki/2016/e/e9/T--Chalmers_Gothenburg--Protocols_DreamTaq_PCR.pdf" target="blank">Thermo Scientific DreamTaq DNA Polymerase</a><br>
-           <a href="">Protocol 2</a>
-         </p>
+           <a href="https://static.igem.org/mediawiki/2016/c/c9/T--Chalmers_Gothenburg--Protocols_Phusion_PCR.pdf" target="blank">Thermo Scientific Phusion High-Fidelity DNA Polymerase</a><br>
+           <a href="https://static.igem.org/mediawiki/2017/c/c8/T--Chalmers-Gothenburg--Takara_PrimeSTAR_HS_DNA_Polymerase.pdf" target="blank">PrimeSTAR HS DNA Polymerase</a><br>
+           <a href="https://static.igem.org/mediawiki/2017/3/36/T--Chalmers-Gothenburg--Fusion_PCR.pdf" target="blank">Fusion PCR</a>
+         </p>
+</div>
          <h2>
-            <i>S.cerevisiae</i> protocols
+            Protocols for purification
          </h2>
+<div style="padding-left: 25px">
           <p class="text">
-            <a href="">Protocol 1</a><br>
+            <a href="https://static.igem.org/mediawiki/2017/8/81/T--Chalmers-Gothenburg--Thermo_Scientific_GeneJET_PCR_Purification_Kit.pdf" target="blank">Thermo Scientific GeneJET PCR Purification Kit</a><br>
-            <a href="">Protocol 2</a>
+            <a href="https://static.igem.org/mediawiki/2017/8/89/T--Chalmers-Gothenburg--Thermo_Scientific_GeneJET_Gel_Extraction_Kit.pdf" target="blank">Thermo Scientific GeneJET Gel Extraction Kit</a>
           </p>
+</div>
          <h2>
-            DNA protocols
+            Protocols for digestion and assembly
          </h2>
+<div style="padding-left: 25px">
           <p class="text">
-            <a href="">Protocol 1</a><br>
+            <a href="https://static.igem.org/mediawiki/2017/e/e9/T--Chalmers-Gothenburg--FastDigest_Restriction_Enzymes.pdf" target="blank">FastDigest Restriction Enzymes</a><br>
-            <a href="">Protocol 2</a>
+            <a href="https://static.igem.org/mediawiki/2016/9/9d/T--Chalmers_Gothenburg--Protocols_gibson_assembly.pdf" target="blank">Gibson Assembly Master Mix</a><br>
+           <a href="https://static.igem.org/mediawiki/2016/1/1d/T--Chalmers_Gothenburg--Protocols_general_DNA_insert_ligation.pdf" target="blank">DNA Insert Ligation into Vector DNA</a>
           </p>
+</div>
+        <h2>
-       </div>
+           Protocols for <i>Saccharomyces cerevisiae</i>
+        </h2>
+<div style="padding-left: 25px">
+          <p class="text">
+           <a href="https://static.igem.org/mediawiki/2017/7/74/T--Chalmers-Gothenburg--Yeast_Transformation_Chemical.pdf" target="blank">Transformation (Chemical)</a><br>
+           <a href="https://static.igem.org/mediawiki/2016/d/de/T--Chalmers_Gothenburg--Protocols_S_cerevisiae_yeast_electroporation.pdf" target="blank">Transformation (Electroporation)</a><br>
+           <a href="https://static.igem.org/mediawiki/2017/0/09/T--Chalmers-Gothenburg--Yeast_Transformation-Quick_Version.pdf" target="blank">Transformation (Quick version)</a><br>
+           <a href="https://static.igem.org/mediawiki/2016/e/e2/T--Chalmers_Gothenburg--Protocols_S_cerevisiae_quick_genomic_extraction.pdf" target="blank">Isolation of genomic DNA</a>
+         </p>
+</div>
+        <h2>
+           Protocols for <i>Escherichia coli</i>
+        </h2>
+<div style="padding-left: 25px">
+         <p class="text">
+           <a href="https://static.igem.org/mediawiki/2016/f/f6/T--Chalmers_Gothenburg--Protocols_E_coli_transformation.pdf" target="blank">Transformation (Heat shock)</a><br>
+           <a href="https://static.igem.org/mediawiki/2017/b/b1/T--Chalmers-Gothenburg--Thermo_Scientific_GeneJET_Plasmid_Miniprep_Kit.pdf" target="blank">Thermo Scientific GeneJET Plasmid Miniprep Kit</a>
+         </p>
+</div>
+        <h2>
+           Protocols for Biobricks
+        </h2>
+<div style="padding-left: 25px">
+         <p class="text">
+           <a href="https://static.igem.org/mediawiki/2016/c/c1/T--Chalmers_Gothenburg--Protocols_biobrick_assembly.pdf" target="blank">BioBricks Assembly Protocol</a>
+         </p>
+</div>
+        <h2>
+           Protocols for Interlab study
+        </h2>
+<div style="padding-left: 25px">
+         <p class="text">
+           <a href="https://static.igem.org/mediawiki/2017/b/b4/T--Chalmers-Gothenburg--Interlab_study.pdf" target="blank">Interlab study</a>
+         </p>
+</div>
         </div>  <!--------------------------- HTML STOP -------------------------------->
@@ Line 1,652: / Line 1,476: @@
          <div class="footerlogo">
-           <a href="https://www.agilent.com/home">
+           <a href="https://www.agilent.com/home" target="_blank">
-             <img src="" alt="Agilent Technologies" class="footerimg on">
+             <img src="https://static.igem.org/mediawiki/2017/f/fb/T--Chalmers-Gothenburg--Agilent_gray.png" alt="Agilent Technologies" class="footerimg on">
-             <img src="" alt="Agilent Technologies" class="footerimg off">
+             <img src="https://static.igem.org/mediawiki/2017/1/1e/T--Chalmers-Gothenburg--Agilent.png" alt="Agilent Technologies" class="footerimg off">
            </a>
          </div>
          <div class="footerlogo">
-           <a href="https://www.atum.bio/">
+           <a href="https://www.atum.bio/" target="_blank">
-             <img src="pictures_17/logotypes/ATUM_110216_4c30percentgray.png" alt="ATUM" class="footerimg on">
+             <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Chalmers-Gothenburg--ATUM_gray.png" alt="ATUM" class="footerimg on">
-             <img src="pictures_17/logotypes/ATUM_110216_4cBlack2.png" alt="ATUM" class="footerimg off">
+             <img src="https://static.igem.org/mediawiki/2017/7/71/T--Chalmers-Gothenburg--ATUM.png" alt="ATUM" class="footerimg off">
            </a>
          </div>
          <div class="footerlogo">
-           <a href="http://www.chalmers.se/en/Pages/default.aspx">
+           <a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank">
-             <img src="pictures_17/logotypes/chalmers_logo2_30percentgray.png" alt="Chalmers" class="footerimg on">
+             <img src="https://static.igem.org/mediawiki/2017/9/9f/T--Chalmers-Gothenburg--Chalmers_logo_gray.png" alt="Chalmers" class="footerimg on">
-             <img src="pictures_17/logotypes/chalmers_logo2.png" alt="Chalmers" class="footerimg off">
+             <img src="https://static.igem.org/mediawiki/2017/9/9f/T--Chalmers-Gothenburg--Chalmers_logo.png" alt="Chalmers" class="footerimg off">
            </a>
          </div>
          <div class="footerlogo">
-           <a href="http://www.eurofins.com/">
+           <a href="http://www.eurofins.com/" target="_blank">
-             <img src="pictures_17/logotypes/eurofins_logo2_30percentgray.png" alt="Eurofins" class="footerimg on">
+             <img src="https://static.igem.org/mediawiki/2017/f/f8/T--Chalmers-Gothenburg--eurofins_gray.png" alt="Eurofins" class="footerimg on">
-             <img src="pictures_17/logotypes/eurofins_logo2.png" alt="Eurofins" class="footerimg off">
+             <img src="https://static.igem.org/mediawiki/2017/e/e4/T--Chalmers-Gothenburg--eurofins.png" alt="Eurofins" class="footerimg off">
            </a>
          </div>
          <div class="footerlogo">
-           <a href="https://www.gatc-biotech.com/en/index.html">
+           <a href="https://www.gatc-biotech.com/en/index.html" target=”_blank”>
-             <img src="" alt="GATC Biotech" class="footerimg on">
+             <img src="https://static.igem.org/mediawiki/2017/c/c2/T--Chalmers-Gothenburg--gatc_gray.png" alt="GATC Biotech" class="footerimg on">
-             <img src="" alt="GATC Biotech" class="footerimg off">
+             <img src="https://static.igem.org/mediawiki/2017/c/c0/T--Chalmers-Gothenburg--gatc.png" alt="GATC Biotech" class="footerimg off">
            </a>
          </div>
          <div class="footerlogo">
-           <a href="http://www.genscript.com/">
+           <a href="http://www.genscript.com/" target="_blank">
-             <img src="pictures_17/logotypes/Genscript_30percentgray.png" alt="Genscript" class="footerimg on">
+             <img src="https://static.igem.org/mediawiki/2017/c/ce/T--Chalmers-Gothenburg--Genscript_gray.png" alt="Genscript" class="footerimg on">
-             <img src="pictures_17/logotypes/Genscript.png" alt="Genscript" class="footerimg off">
+             <img src="https://static.igem.org/mediawiki/2017/2/29/T--Chalmers-Gothenburg--Genscript.png" alt="Genscript" class="footerimg off">
            </a>
          </div>
          <div class="footerlogo">
-           <a href="https://www.idtdna.com/">
+           <a href="https://www.idtdna.com/" target="_blank">
-             <img src="pictures_17/logotypes/IDT_Logo_2014_(corp_blue)_30percentgray.png" alt="IDT" class="footerimg on">
+             <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--IDT_gray.png" alt="IDT" class="footerimg on">
-             <img src="pictures_17/logotypes/IDT_Logo_2014_(corp_blue).png" alt="IDT" class="footerimg off">
+             <img src="https://static.igem.org/mediawiki/2017/f/fd/T--Chalmers-Gothenburg--IDT.png" alt="IDT" class="footerimg off">
+          </a>
+        </div>
+        <div class="footerlogo">
+          <a href="http://www.chalmers.se/en/areas-of-advance/lifescience/Pages/default.aspx" target="_blank">
+            <img src="https://static.igem.org/mediawiki/2017/6/6e/T--Chalmers-Gothenburg--Life_science_gray.png" alt="ATUM" class="footerimg on">
+            <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--Life_science.png" alt="ATUM" class="footerimg off">
            </a>
          </div>
          <div class="footerlogo">
-           <a href="https://www.neb.com/">
+           <a href="https://www.neb.com/" target="_blank">
-             <img src="pictures_17/logotypes/neb_logo2_30percentgray.png" alt="NEB" class="footerimg on">
+             <img src="https://static.igem.org/mediawiki/2017/2/29/T--Chalmers-Gothenburg--neb_gray.png" alt="NEB" class="footerimg on">
-             <img src="pictures_17/logotypes/neb_logo3.png" alt="NEB" class="footerimg off">
+             <img src="https://static.igem.org/mediawiki/2017/e/e6/T--Chalmers-Gothenburg--neb.png" alt="NEB" class="footerimg off">
            </a>
          </div>
          <div class="footerlogo">
-           <a href="http://www.snapgene.com/">
+           <a href="http://www.snapgene.com/" target="_blank">
-             <img src="pictures_17/logotypes/SnapGene-Logo-144_30percentgray.png" alt="SnapGene" class="footerimg on">
+             <img src="https://static.igem.org/mediawiki/2017/1/1a/T--Chalmers-Gothenburg--SnapGene_gray.png" alt="SnapGene" class="footerimg on">
-             <img src="pictures_17/logotypes/SnapGene-Logo-144.png" alt="SnapGene" class="footerimg off">
+             <img src="https://static.igem.org/mediawiki/2017/9/95/T--Chalmers-Gothenburg--SnapGene.png" alt="SnapGene" class="footerimg off">
            </a>
          </div>
          <div class="footerlogo">
-           <a href="http://www.sysbio.se/">
+           <a href="http://www.sysbio.se/" target="_blank">
-             <img src="pictures_17/logotypes/sysbio_logo_30percentgray.png" alt="Sysbio" class="footerimg on">
+             <img src="https://static.igem.org/mediawiki/2017/7/7d/T--Chalmers-Gothenburg--sysbio_gray.png" alt="Sysbio" class="footerimg on">
-             <img src="pictures_17/logotypes/sysbio_logo.png" alt="Sysbio" class="footerimg off">
+             <img src="https://static.igem.org/mediawiki/2017/8/89/T--Chalmers-Gothenburg--sysbio.png" alt="Sysbio" class="footerimg off">
            </a>
          </div>
@@ Line 1,725: / Line 1,556: @@
        <div id="footer-contact-row">
          <hr>
-         <a href="https://www.facebook.com/chalmersigem/?fref=ts">facebook</a>
+         <a href="https://www.facebook.com/chalmersigem/?fref=ts" target="_blank">facebook</a>
-         <a href="https://twitter.com/igemchalmers">twitter</a>
+         <a href="https://twitter.com/igemchalmers" target="_blank">twitter</a>
          <a href="mailto:igemgothenburg@gmail.com">e-mail</a>
-         <a href="https://www.instagram.com/chalmersigem/">instagram</a>
+         <a href="https://www.instagram.com/chalmersigem/" target="_blank">instagram</a>
        </div>
-     </footer> <!--------------------------------- footer_170726.html STOP ---------------------------------->
+     </footer> <!--------------------------------- footer_170726.html STOP ---------------------------------->  </body>
-  </body>