Difference between revisions of "Team:UCL/Experiments"

Line 1: Line 1:
−
{{CSS}}
 
 
<html>
 
<html>
 +
<head>
 +
 +
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
 +
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
 +
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
 +
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" />
 +
 +
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 +
 +
<style type="text/css">
 +
 +
/* wiki width fixing */
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
 +
#p-logo, h1.firstHeading,#search-controls,#catlinks {display:none;}
 +
  #footer #f-list {margin-top:0;}
 +
  #top-section,#footer-box{margin:0;padding:0;width:100%;height:0}
 +
  table{visibility:hidden;height:0;}
 +
  #contentSub {margin: 0;}
 +
 +
#globalWrapper, #content {
 +
width: 100%;
 +
border: 0px;
 +
background-color: #fff;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
html, #bodyContent, body, #container {
 +
width:100%;
 +
overflow-y: scroll;
 +
height: auto;
 +
 +
}
 +
 +
 +
 +
/* blocks */
 +
 +
#main {background: #fff; margin: -5px; text-align: center; width: 100%;
 +
position: relative;
 +
height: auto;
 +
margin: 0;
 +
padding: 0;
 +
margin-top: -10px;
 +
top: 0;
 +
  box-sizing: border-box;
 +
  -webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
  -o-background-size: cover;
 +
  background-size: cover;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 +
}
 +
 +
 +
/* buttons */
 +
 +
 +
 +
 +
.buttonscenter {
 +
padding-top: 20px;  color: #FFFFFF;
 +
text-align: center;
 +
}
 +
 +
.buttonscenter a {  color: #FFFFFF; text-decoration: none;}
 +
 +
 +
 +
.buttonc1 {    display: inline-block;
 +
  margin-bottom: 10px;
 +
  margin-right: 5px;
 +
  margin-left: 5px;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.428571429;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
      -o-user-select: none;
 +
          user-select: none;
 +
            color: #FFFFFF;
 +
  border: none;
 +
    padding: 10px 16px;
 +
  line-height: 1.33;
 +
  text-decoration: none;
 +
  width:140px; background-color: #F49794;
 +
font-family: Raleway;
 +
letter-spacing: 1.5px;
 +
 +
}
 +
 +
 +
.buttonc2 {    display: inline-block;
 +
  margin-bottom: 10px;
 +
  margin-right: 5px;
 +
  margin-left: 5px;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.428571429;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
      -o-user-select: none;
 +
          user-select: none;
 +
            color: #FFFFFF;
 +
  border: none;
 +
    padding: 10px 16px;
 +
  line-height: 1.33;
 +
  text-decoration: none;
 +
  width: 140px; background-color: #61D9D2;
 +
font-family: Raleway;
 +
letter-spacing: 1.5px;
 +
}
 +
.buttonc3
 +
{
 +
    display: inline-block;
 +
  margin-bottom: 10px;
 +
  margin-right: 5px;
 +
  margin-left: 5px;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.428571429;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
      -o-user-select: none;
 +
          user-select: none;
 +
            color: #FFFFFF;
 +
  border: none;
 +
    padding: 10px 16px;
 +
  line-height: 1.33;
 +
  text-decoration: none;
 +
  width: 140px; background-color: #006C93;
 +
font-family: Raleway;
 +
letter-spacing: 1.5px;
 +
}
 +
 +
#buttonc4
 +
{
 +
    display: inline-block;
 +
  margin-bottom: 10px;
 +
  margin-right: 5px;
 +
  margin-left: 5px;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.428571429;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
      -o-user-select: none;
 +
          user-select: none;
 +
            color: #FFFFFF;
 +
  border: none;
 +
    padding: 10px 16px;
 +
  line-height: 1.33;
 +
  text-decoration: none;
 +
  width: 140px; background-color: #019966;
 +
font-family: Raleway;
 +
letter-spacing: 1.5px;
 +
}
 +
 +
.buttonc1:hover {text-decoration: none; background-color: #FE6C68;}
 +
  .buttonc2:hover {text-decoration: none; background-color: #4EAEA8;}
 +
    .buttonc3:hover {text-decoration: none; background-color: #1E6073}
 +
    #buttonc4:hover {text-decoration: none; background-color: #03b576}
 +
 +
 +
/*abstractstyle*/
 +
#main {height: 80%;
 +
    width: 80%;
 +
    float: left;
 +
margin: auto;
 +
padding-left: 15%; 
 +
    padding-top: 6%;
 +
font-family: Raleway;
 +
letter-spacing: 1.2px;    line-height: 2;
 +
text-align: justify;
 +
font-size: 15px;
 +
 +
}
 +
 
 +
#abstracttext p {    line-height: 2; text-align: justify; font-size: 15px;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
/*icons*/
 +
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
 +
.glyphicon {
 +
  font-family: 'Glyphicons Halflings';
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  line-height: 1;
 +
font-size: 40px;
 +
position: relative;
 +
}
 +
 +
.icon {
 +
  font-family: 'FontAwesome';
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  line-height: 1;
 +
font-size: 50px;
 +
position: relative;
 +
}
 +
 +
 +
.icondiv {text-align: center; width: 100%; padding-top: 20px; padding-bottom: 20px; color: #F0F0F5;}
 +
 +
.glyphicon-globe {color: #006C93;}
 +
.glyphicon-stats {color: #61D9D2;}
 +
.glyphicon-piggy-bank {color: #019966;}
 +
.glyphicon-blackboard {color: #104A57;}
 +
.icon-user-md {color: #FE6C68;}
 +
.icon-group {color: #FFCD55;}
 +
 +
 +
 +
/*menu*/
 +
 +
.fixed-nav-bar {
 +
  position: fixed;
 +
  top: 18px;
 +
  left: 0;
 +
  z-index: 9999;
 +
  width: 100%;
 +
  height: 60px;
 +
  background: #fff;
 +
border-bottom: 1px solid #787172;
 +
border-top: 1px solid #787172;
 +
font-size: 14px;
 +
}
 +
 +
.menu-items {display: inline-block; width: 100%; text-align: center; margin-top: -10px; margin-left: -25px;
 +
}
 +
 +
.menu-items li {
 +
  display: inline-block;
 +
  margin-right: 10px;
 +
  margin-left: 10px;
 +
}
 +
.menu-items a {color: #473E4F; text-decoration: none; font-family: Raleway;}
 +
 +
 +
</style>
 +
 +
</head>
 +
 +
<body>
 +
<div style="clear: both;"></div>
 +
<div id="container">
 +
 +
      <nav class="fixed-nav-bar">
 +
  <div id="menu" class="menu">
 +
 +
 +
  <ul class="menu-items">
 +
<a href="https://2015.igem.org/Team:UCL/Home"><li>Home</li></a>
 +
<a href="https://2015.igem.org/Team:UCL/Description"><li>Project</li></a>   
 +
<a href="https://2015.igem.org/Team:UCL/Parts"><li>Parts</li></a>   
 +
<a href="https://2015.igem.org/Team:UCL/Experiments"><li>Experiments &amp; Protocols</li></a> 
 +
 +
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/v/t1.0-1/c3.0.160.160/p160x160/11012987_837961202954933_8011043740998938490_n.png?oh=a7923468802678158915746d51d9856f&oe=56338EDF&__gda__=1444695053_c0cc41228f96cc256abdf883df5eb1ca" style="width: 50px; height: 50px; margin-top: 13px;">
 +
 +
    <a href="https://2015.igem.org/Team:UCL/Collaborations"><li>Collaborations</li></a>
 +
    <a href="https://2015.igem.org/Team:UCL/Notebook"><li>Notebook</li></a>
 +
<a href="https://2015.igem.org/Team:UCL/Team"><li>Team</li></a>
 +
<a href="https://2015.igem.org/Team:UCL/Interlabstudy"><li>InterLab Study</li></a>
 +
  </ul>
 +
 +
</div>
 +
 +
</nav>
 +
<div id="main">
 +
  
 
<h2>Experiments &amp; Protocols</h2>
 
<h2>Experiments &amp; Protocols</h2>

Revision as of 22:19, 2 July 2015

Experiments & Protocols

Describe the experiments, research and protocols you used in your iGEM project.

  • Protocols
  • Experiments
  • Documentation of the development of your project

Transformation protocol

1. (If using part from the distribution: resuspend the DNA in 10 ul of MiliQ water, making sure that it turns red. Wait 10 minutes before adding the DNA to cells)
2. Put a tube of NEB DH 5 alpha E. coli cells on ice and wait until they thaw completely. Divide the cells into 50 ul aliquotes.
3. Add 1 ul of plasmid DNA to 50 ul of cells.
4. Mix by carefully flicking the tube. Do not vortex or pipette in and out!
5. Place the mixture on ice for 30 minutes.
6. Heat shock the cells at 42 °C for 30 seconds and immediately put on back on ice.
7. Keep cells on ice for next 5 minutes. Do not mix.
8. Pipette 950 ul of SOC media kept at room temperature into the mixture.
9. Incubate the mixture at 37 °C for 60 minutes
10. Plate 50 ul of cells to the plate with appropriate antibiotic and incubate overnight at 37 °C