Difference between revisions of "Team:BostonU/Protocols"

Line 9: Line 9:
 
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
 
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
 
color: #a9a9a9 !important;
 
color: #a9a9a9 !important;
 +
}
 +
.menu-type {
 +
font-family: 'Roboto Condensed', sans-serif;
 +
letter-spacing: 5pt !important;
 +
font-size: 14pt;
 +
text-align: center;
 +
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: 700;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 
}
 
}
 
.wide-heading-type {
 
.wide-heading-type {
Line 63: Line 74:
 
margin: 0 auto;
 
margin: 0 auto;
 
top:0;
 
top:0;
 +
}
 +
/* MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR */
 +
.wordmark img {
 +
vertical-align: sub;
 +
width: 200px;
 +
}
 +
.wordmark {
 +
margin-left: 5%;
 +
margin-right: 50px;
 +
}
 +
#menuwrap {
 +
margin: 0 auto; max-width: 960px;
 +
height: 100px;
 +
}
 +
.dropbtn {
 +
text-decoration: none !important;
 +
}
 +
#menubartable {
 +
border: 0;
 +
background: #F8F9F9;
 +
list-style-type: none;
 +
white-space: nowrap;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
padding-top: 100px;
 +
margin-top: -80px;
 +
padding-left: 3000px;
 +
margin-left: -3000px;
 +
padding-right: 3000px;
 +
margin-right: -3000px;
 +
}
 +
#menubartable li {
 +
display: table-cell;
 +
}
 +
li .menuitem, .dropbtn {
 +
color: #a9a9a9 !important;
 +
background: #F8F9F9;
 +
display: table-cell;
 +
vertical-align: middle;
 +
padding: 20px 15px;
 +
}
 +
.dropdown-content {
 +
display: none;
 +
position: absolute;
 +
z-index: 10;
 +
}
 +
.dropdown-content .menuitem {
 +
display: block;
 +
text-align: left;
 +
text-decoration: none;
 +
}
 +
.menu-column:hover .dropdown-content {
 +
display: block;
 +
}
 +
li .menuitem:hover, li .dropbtn:hover {
 +
background: #f4f4f4;
 +
/* MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR */
 
}
 
}
 
body {
 
body {
Line 69: Line 138:
 
#backgroundimage1 {
 
#backgroundimage1 {
 
margin-top: -85px;
 
margin-top: -85px;
−
background-image: url("backgroundtest2.png");
+
background-image: url("https://static.igem.org/mediawiki/2017/c/c1/T--BostonU--seaport.png");
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
 
     background-attachment: cover;
 
     background-attachment: cover;
Line 128: Line 197:
 
</head>
 
</head>
 
<body>
 
<body>
 +
<!--/* MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR */-->
 +
<div id="menuwrap">
 +
  <ul id="menubartable" class="menu-type">
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU" class="wordmark"><img src="https://static.igem.org/mediawiki/2017/f/f2/T--BostonU--RedGrey.svg"></img></a> </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Overview" class="dropbtn">Research</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Description">Project Description</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Results">Results</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Model">Modelling</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Notebook">Notebook</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Safety">Safety</a> </div>
 +
    </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Achievements" class="dropbtn">Achievements</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Demonstrate">Demonstration</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Parts">Parts</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/JudgingCriteria">Judging Criteria</a> </div>
 +
    </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/BTB" class="dropbtn">Beyond the Bench</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/HP">Human Practices</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Collaborations">Collaborations</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Contribution">Contribution</a> </div>
 +
    </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Attributions" class="dropbtn">People</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Attributions">Attributions</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Team">Team</a></div>
 +
  </ul>
 +
</div>
 +
<!--/* MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR MENUBAR */-->
 
<div id="backgroundimage1"><div class="background-gradient-down"><p class="wide-heading-type">PROTOCOLS</p></div></div>
 
<div id="backgroundimage1"><div class="background-gradient-down"><p class="wide-heading-type">PROTOCOLS</p></div></div>
 
<div id="panel1">
 
<div id="panel1">

Revision as of 04:20, 5 September 2017

PROTOCOLS

Below is an interactive list of the laboratory techniques employed by the team. Click to expand for details.

KOD PCR

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Colony PCR

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Overlap Extension PCR

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Agarose Gel Preparation

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Agarose Gel Electrophoresis

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Agarose Gel Extraction

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Cell Stock Preparation

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

PCR Cleanup

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Miniprep

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Ligation

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Transformation

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Liquid Culture

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Restriction Digestion

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Test Cut Digestion

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Gibson Assembly

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Recombination Reaction

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Cell-Free TX-TL Reaction

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Cell-Free TX-TL Master Mix Preparation

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three