Difference between revisions of "Team:UCL/Experiments"

 
(43 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{CSS_UCL5}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
−
 
+
<style>
−
 
+
−
    <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>
 
</style>
−
 
 
</head>
 
</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">
 
  <div id="main">
  
  
−
<h2>Experiments &amp; Protocols</h2>
+
<div style="height:80px"></div>
−
 
+
−
<p>Describe the experiments, research and protocols you used in your iGEM project.</p>
+
−
 
+
−
<ul>
+
−
<li> Protocols </li>
+
−
<li> Experiments </li>
+
−
<li>Documentation of the development of your project </li>
+
−
</ul>
+
−
 
+
−
<div id="transformation"><h4>Transformation protocol </h4>
+
−
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)<br/>
+
−
2. Put a tube of NEB DH 5 alpha <i>E. coli</i> cells on ice and wait until they thaw completely. Divide the cells into 50 ul aliquotes. <br/>
+
−
3. Add 1 ul of plasmid DNA to 50 ul of cells. <br/>
+
−
4. Mix by carefully flicking the tube. Do not vortex or pipette in and out! <br/>
+
−
5. Place the mixture on ice for 30 minutes. <br/>
+
−
6. Heat shock the cells at 42 °C for 30 seconds and immediately put on back on ice.<br/>
+
−
7. Keep cells on ice for next 5 minutes. Do not mix. <br/>
+
−
8. Pipette 950 ul of SOC media kept at room temperature into the mixture. <br/>
+
−
9. Incubate the mixture at 37 °C for 60 minutes <br/>
+
−
10. Plate 50 ul of cells to the plate with appropriate antibiotic and incubate overnight at 37 °C
+
−
 
+
−
</div>
+
−
 
+
−
 
+
 
</div>
 
</div>
 
</html>
 
</html>

Latest revision as of 00:29, 6 August 2015