Difference between revisions of "Team:CIEI-BJ/Results"

(Prototype team page)
 
Line 1: Line 1:
 
{{CIEI-BJ}}
 
{{CIEI-BJ}}
<html>
 
  
 +
<html><head>
 +
<title>Result</title>
 +
    <style>
  
<div class="column full_size" >
+
body,#bodyContent
 +
html {
 +
  height: 100%;
 +
}
 +
body,#bodyContent {
 +
  background-attachment: fixed;
 +
  background-repeat: repeat;
 +
}
 +
html {
 +
  overflow-y: scroll;
 +
}
 +
header > .container {
 +
  padding-top: 25px;
 +
  padding-bottom: 15px;
 +
}
 +
.absolute_center {
 +
  margin: auto;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
}
 +
.sketch {
 +
  display: none;
 +
  opacity: 1;
 +
  position: fixed;
 +
  top: 0;
 +
}
 +
#masthead #big-video-wrap {
 +
  position: static;
 +
}
 +
#masthead #head_text {
 +
  margin: auto;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
  height: 100px;
 +
}
 +
#masthead h1,
 +
#masthead h2 {
 +
  font-family: Lato;
 +
  color: white;
 +
  opacity: 0.99;
 +
  text-align: center;
 +
  margin: 0;
 +
}
 +
#masthead h1 {
 +
  letter-spacing: 6px;
 +
  margin-bottom: 5px;
 +
  font-size: 60px;
 +
}
 +
#masthead h2 {
 +
  font-size: 15px;
 +
}
 +
.nav #nav_left {
 +
  display: inline-block;
 +
  vertical-align: bottom;
 +
}
 +
.nav #nav_left img {
 +
  width: 170px;
 +
}
 +
.nav #nav_right {
 +
  margin-left: 15px;
 +
  display: inline-block;
 +
  vertical-align: bottom;
 +
}
 +
.nav #nav_right h2 {
 +
  color: white;
 +
  font-size: 70px;
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
}
 +
.nav ul {
 +
  padding: 0;
 +
  margin-top: 0;
 +
}
 +
.nav ul li {
 +
  list-style-type: none;
 +
  display: inline-block;
 +
  color: white;
 +
  border-right: 1px solid white;
 +
  padding: 0 10px;
 +
  margin-left: -4px;
 +
}
 +
.nav ul li:last-child {
 +
  border: 0;
 +
}
 +
.quotespacer {
 +
  border-top: 1px solid white;
 +
  width: 150px;
 +
  height: 1px;
 +
  display: block;
 +
  margin: 0 auto;
 +
}
 +
#missionquote {
 +
  -webkit-animation: 20s huerotate linear infinite;
 +
  margin: 15px auto;
 +
}
 +
#telomere {
 +
  width: 100%;
 +
  height: 360px;
 +
  background-size: 100%;
 +
  background-repeat: no-repeat;
 +
  transition: 1s ease;
 +
}
 +
#telomere:hover {
 +
  -webkit-transform: scale(1.1);
 +
}
 +
#portrait_container {
 +
  border-right: 1px solid white;
 +
}
 +
#portrait_container img {
 +
  width: 15%;
 +
  padding: 5px;
 +
  transition: 0.2s ease;
 +
}
 +
#portrait_container img:hover {
 +
  cursor: pointer;
 +
  -webkit-transform: scale(1.3);
 +
}
 +
#portrait_container > .row {
 +
  padding-top: 5px;
 +
}
 +
#portrait_container > .row:last-child {
 +
  padding-bottom: 5px;
 +
}
 +
@-webkit-keyframes huerotate {
 +
  0% {
 +
    -webkit-filter: hue-rotate(0deg);
 +
  }
 +
  100% {
 +
    -webkit-filter: hue-rotate(360deg);
 +
  }
 +
}
 +
}
 +
/******************* SLDIESJS ******************/
 +
#slides {
 +
  display: none;
 +
}
 +
#slides .slidesjs-navigation {
 +
  margin-top: 3px;
 +
}
 +
#slides .slidesjs-previous {
 +
  margin-right: 5px;
 +
  float: left;
 +
}
 +
#slides .slidesjs-next {
 +
  margin-right: 5px;
 +
  float: left;
 +
}
 +
.slidesjs-pagination {
 +
  margin: 6px 0 0;
 +
  float: right;
 +
  list-style: none;
 +
}
 +
.slidesjs-pagination li {
 +
  float: left;
 +
  margin: 0 1px;
 +
}
 +
.slidesjs-pagination li a {
 +
  display: block;
 +
  width: 13px;
 +
  height: 0;
 +
  padding-top: 13px;
 +
  background-position: 0 0;
 +
  float: left;
 +
  overflow: hidden;
 +
}
 +
.slidesjs-pagination li a.active,
 +
.slidesjs-pagination li a:hover.active {
 +
  background-position: 0 -13px;
 +
}
 +
.slidesjs-pagination li a:hover {
 +
  background-position: 0 -26px;
 +
}
 +
#slides a:link,
 +
#slides a:visited {
 +
  color: #333;
 +
}
 +
#slides a:hover,
 +
#slides a:active {
 +
  color: #9e2020;
 +
}
 +
.navbar {
 +
  overflow: hidden;
 +
}
 +
.slideContainer {
 +
  margin: 0 auto;
 +
}
 +
#projIntroContainer {
 +
  padding: 0px 0px 0px 0px;
 +
  text-align: center;
 +
}
 +
#projIntro {
 +
  margin-top: -8px;
 +
  padding-top: 0px;
 +
  text-align: justify;
 +
  padding-right: 40px;
 +
  font-size: 19px;
 +
  font-family: 'Poiret One', cursive;
 +
}
 +
/*************** BIGVIDEO.JS **************/
 +
#big-video-wrap {
 +
  overflow: hidden;
 +
  height: 100%;
 +
  width: 100%;
 +
  top: 0;
 +
  left: 0;
 +
}
 +
#big-video-vid,
 +
#big-video-image {
 +
  position: absolute;
 +
}
 +
#big-video-control-container {
 +
  position: fixed;
 +
  bottom: 0;
 +
  padding: 10px;
 +
  width: 100%;
 +
  background: rgba(0, 0, 0, 0.25);
 +
  -webkit-transition-duration: 0.6s;
 +
  -moz-transition-duration: 0.6s;
 +
  -ms-transition-duration: 0.6s;
 +
  -o-transition-duration: 0.6s;
 +
  transition-duration: 0.6s;
 +
}
 +
#big-video-control {
 +
  width: 100%;
 +
  height: 16px;
 +
  position: relative;
 +
}
 +
#big-video-control-middle {
 +
  margin: 0 56px 0 24px;
 +
}
 +
#big-video-control-bar {
 +
  width: 100%;
 +
  height: 16px;
 +
  position: relative;
 +
  cursor: pointer;
 +
}
 +
#big-video-control-progress {
 +
  position: absolute;
 +
  top: 7px;
 +
  height: 3px;
 +
  width: 0%;
 +
  background: #fff;
 +
}
 +
#big-video-control-track {
 +
  position: absolute;
 +
  top: 8px;
 +
  height: 1px;
 +
  width: 100%;
 +
  background: #fff;
 +
}
 +
#big-video-control-bound-left {
 +
  left: 0;
 +
}
 +
#big-video-control-bound-right {
 +
  right: -1px;
 +
}
 +
#big-video-control-track .ui-slider-handle {
 +
  opacity: 0;
 +
}
 +
#big-video-control-playhead {
 +
  left: 30%;
 +
}
 +
#big-video-control-play {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  height: 16px;
 +
  width: 16px;
 +
}
 +
#big-video-control-timer {
 +
  position: absolute;
 +
  top: 1px;
 +
  right: 0;
 +
  color: #fff;
 +
  font-size: 11px;
 +
}
 +
#big-video-control-playhead,
 +
#big-video-control-bound-left,
 +
#big-video-control-bound-right {
 +
  position: absolute;
 +
  top: 0;
 +
  height: 16px;
 +
  width: 1px;
 +
  background: #fff;
 +
}
 +
#big-video-control .ui-slider-handle {
 +
  border-left: solid 1px #fff;
 +
  width: 16px;
 +
  height: 16px;
 +
  position: absolute;
 +
  top: -8px;
 +
}
 +
.transparent {
 +
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
  filter: alpha(opacity=0);
 +
  -moz-opacity: 0;
 +
  -khtml-opacity: 0;
 +
  opacity: 0;
 +
}
 +
.vjs-big-play-button {
 +
  display: none !important;
 +
}
 +
canvas {
 +
  position: fixed;
 +
  top: 0px;
 +
  left: 0px;
 +
}
 +
.card {
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  background-color: white;
 +
  box-shadow: 0px 0px 5px black;
 +
  padding: 50px;
 +
}
 +
.card_pic {
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  background-color: white;
 +
  box-shadow: 0px 0px 5px black;
 +
  padding: 0px;
 +
}
 +
.container {
 +
  padding: 0px;
 +
  min-width: 1080px;
 +
}
 +
.container div nav {
 +
  min-width: 1080px;
 +
}
 +
button:focus {
 +
  outline: 0 !important;
 +
}
 +
a:focus {
 +
  outline: 0 !important;
 +
}
 +
img {
 +
  max-width: 100%;
 +
}
 +
a {
 +
  text-decoration: none;
 +
  color: inherit !important;
 +
}
 +
a:hover {
 +
  color: inherit;
 +
}
 +
.full {
 +
  padding: 0;
 +
}
 +
.slidesjs-pagination {
 +
  margin-top: -25px;
 +
  margin-right: 10px;
 +
  z-index: 10;
 +
  position: relative;
 +
}
 +
#slides .heroImageContainer {
 +
  background-size: cover;
 +
  padding-top: 54%;
 +
  background-position: 50% 50%;
 +
  background-repeat: no-repeat;
 +
}
 +
#slides .heroImageContainer h3 {
 +
  opacity: 0.85;
 +
  max-width: 400px;
 +
  position: absolute;
 +
  padding: 10px 20px;
 +
  font-weight: normal;
 +
  color: black;
 +
  font-size: 35px;
 +
  font-family: Lato;
 +
}
 +
#slides .heroImageContainer h3 span {
 +
  font-size: 21px;
 +
  display: block;
 +
}
 +
#slides .heroImageContainer h3.topleft {
 +
  top: 0;
 +
  left: 0;
 +
  margin-left: 20px;
 +
}
 +
#slides .heroImageContainer h3.topright {
 +
  top: 0;
 +
  right: 5px;
 +
  margin-right: 20px;
 +
}
 +
#slides .heroImageContainer h3.bottomleft {
 +
  bottom: 0;
 +
  left: 0;
 +
  margin-bottom: 35px;
 +
  margin-left: 20px;
 +
}
 +
#slides .heroImageContainer h3.bottomright {
 +
  bottom: 0;
 +
  right: 5px;
 +
  margin-bottom: 35px;
 +
  margin-right: 20px;
 +
}
 +
#slides .heroImageContainer h3.red {
 +
  background-color: #d10000;
 +
}
 +
#slides .heroImageContainer h3.purple {
 +
  background-color: #8e44ad;
 +
}
 +
#slides .heroImageContainer h3.blue {
 +
  background-color: #2c3e50;
 +
}
 +
#slides .heroImageContainer h3.belize {
 +
  background-color: #2980b9;
 +
}
 +
#slides .heroImageContainer h3.green {
 +
  background-color: #27ae60;
 +
}
 +
#slides .heroImageContainer h3.orange {
 +
  background-color: #f39c12;
 +
}
 +
#slides .heroImageContainer h3.hide {
 +
  display: none;
 +
}
 +
#slides .heroImageContainer .slidesjs-control,
 +
#slides .heroImageContainer .slidesjs-container {
 +
  width: 100% !important;
 +
}
 +
nav ul {
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
nav .dropdown-menu {
 +
  border: 0px;
 +
  margin-top: 0px;
 +
  padding: 10px;
 +
  box-shadow: 0px 0px 5px black;
 +
  z-index: -1;
 +
}
 +
nav .dropdown-menu img {
 +
  width: 90px;
 +
  opacity: 0.85;
 +
  float: left;
 +
  margin-right: 5px;
 +
}
 +
nav .dropdown-menu h4 {
 +
  color: white;
 +
  padding: 5px;
 +
  margin: 0;
 +
  font-family: Lato;
 +
  font-size: 20px;
 +
}
 +
nav .dropdown-menu .subcategories_container {
 +
  display: inline-block;
 +
  width: 100%;
 +
  cursor: pointer;
  
<p>Here you can describe the results of your project and your future plans. </p>
+
}
 +
nav .dropdown-menu .subcategories_container > div {
 +
  min-width: 200px;
 +
  display: inline-block;
 +
  text-align: center;
 +
  border: 1px solid white;
 +
  padding-left:15px;
 +
  padding-right:15px;
 +
}
 +
nav .dropdown-menu .subcategories_container h5 {
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  font-size: 16px;
 +
  color: white;
 +
}
 +
nav li.dropdown {
 +
  width: 180px;
 +
  display: inline-block;
 +
  margin-right: -4px;
 +
  height: 40px;
 +
  margin-bottom: 0px;
 +
}
 +
nav li.dropdown > a {
 +
  height:35px;
 +
  text-decoration: none;
 +
  display: block;
 +
  text-align: center;
 +
  margin: 10px;
 +
}
 +
nav li.dropdown a > h4 {
 +
  color: white;
 +
  font-weight: normal;
 +
  font-size: 16px;
 +
  padding: 0;
 +
  margin: 0;
 +
  text-align: center;
 +
}
 +
nav li.dropdown {
 +
  color: white;
 +
}
 +
nav li.dropdown:nth-child(1) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(1) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 400px;
 +
  width: 1080px;
 +
}
 +
nav li.dropdown:nth-child(1) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(2) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(2) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 1080;
 +
  width: 1080px;
 +
  margin-left: -180px;
 +
}
 +
nav li.dropdown:nth-child(2) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(3) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(3) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 400px;
 +
  width: 1080px;
 +
  margin-left: -360px;
 +
}
 +
nav li.dropdown:nth-child(3) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(4) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(4) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 400px;
 +
  margin-left: -540px;
 +
  width: 1080px;
 +
}
 +
nav li.dropdown:nth-child(4) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(5) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(5) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 300px;
 +
  margin-left: -720px;
 +
  width: 1080px;
 +
}
 +
nav li.dropdown:nth-child(5) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(6) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(6) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 300px;
 +
  width: 1080px;
 +
  margin-left: -900px;
 +
}
 +
nav li.dropdown:nth-child(6) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
footer {
 +
  height: 20px;
 +
  background-color: #2c3e50;
 +
}
 +
footer .cornered {
 +
  float: left;
 +
  width: 300px;
 +
  height: 0px;
 +
  border-top: 20px solid #bdc3c7;
 +
  border-right: 45px solid transparent;
 +
}
 +
footer .footer_right {
 +
  color: white;
 +
  padding: 25px;
 +
  float: right;
 +
  height: 100%;
 +
}
 +
footer .footer_right span {
 +
  opacity: 0.5;
 +
}
 +
#bodycontainer {
 +
  min-width: 1080px;
 +
  margin: auto;
 +
  padding: 10px 0;
 +
  text-align:left;
 +
}
 +
#bodycontainer .overview_header {
 +
  text-align: center;
 +
}
 +
#bodycontainer h3,
 +
#bodycontainer h4,
 +
#bodycontainer h5 {
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  margin: 0px 0px 0px 0px;
 +
  padding-top: 30px;
 +
}
 +
#bodycontainer h1,
 +
#bodycontainer h2{
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  margin: 0px 0px 0px 0px;
 +
  padding-top: 80px; 
 +
}
 +
#bodycontainer .buttonrow {
 +
  margin-bottom: 20px;
 +
}
 +
#bodycontainer .igem_button {
 +
  position: relative;
 +
  overflow: hidden;
 +
}
 +
#bodycontainer .igem_button img {
 +
  transition: 0.4s ease;
 +
  -webkit-filter: grayscale(0%);
 +
}
 +
#bodycontainer .igem_button .button_description {
 +
  transition: 0.5s ease;
 +
  background: rgba(44, 62, 80, 0.75);
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
#bodycontainer .igem_button h2 {
 +
  margin: 0 auto;
 +
  margin-top: -27px;
 +
  color: #dddddd;
 +
  font-size: 16px;
 +
  text-align: center;
 +
  width: 100%;
 +
  padding: 5px 0px;
 +
  background: rgba(0, 0, 0, 0.41);
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 +
}
 +
#bodycontainer .igem_button p {
 +
  color: #dddddd;
 +
  padding: 5px;
 +
}
 +
#bodycontainer .igem_button:hover > .button_description {
 +
  top: 27px;
 +
}
 +
#bodycontainer .igem_button:hover > img {
 +
  -webkit-filter: grayscale(100%);
 +
}
 +
#bodycontainer .red h2 {
 +
  background: #d10000;
 +
}
 +
#bodycontainer .purple h2 {
 +
  background: #8e44ad;
 +
}
 +
#bodycontainer .blue h2 {
 +
  background: #2c3e50;
 +
}
 +
#bodycontainer .belize h2 {
 +
  background: #2980b9;
 +
}
 +
#bodycontainer .green h2 {
 +
  background: #27ae60;
 +
}
 +
#bodycontainer .orange h2 {
 +
  background: #f39c12;
 +
}
 +
#category_navbar {
 +
  color: black;
 +
  padding-left: 0;
 +
  padding: 5px;
 +
}
 +
#category_navbar .active {
 +
  background: rgba(255, 156, 0, 0.17);
 +
  border: 1px solid rgba(0, 0, 0, 0.17);
 +
}
 +
#category_navbar .nav > li > a {
 +
  text-transform: uppercase;
 +
  font-size: 16px;
 +
  font-family: Lato;
 +
}
 +
#category_navbar .nav > ul > li,
 +
#category_navbar .nav > ul > ul > li {
 +
  list-style-type: none;
 +
  display: block;
 +
  color: inherit;
 +
  border: 0;
 +
  margin-left: 10px;
 +
  padding-top: 4px;
 +
  padding-bottom: 4px;
 +
}
 +
#category_navbar .nav > ul > li a,
 +
#category_navbar .nav > ul > ul > li a {
 +
  font-size: 14px;
 +
  font-family: Lato;       
 +
}
 +
#category_navbar .nav > ul > ul > li {
 +
  margin-left: 35px;
 +
}
 +
#category_navbar .nav > ul > li:hover,
 +
#category_navbar .nav > ul > ul > li:hover {
 +
  background: rgba(255, 255, 255, 0.5);
 +
}
 +
#member_spotlight h5 {
 +
  padding: 5px 7px;
 +
  color: white;
 +
}
 +
#member_spotlight .intro_large h5 {
 +
  font-size: 20px;
 +
  padding: 15px 15px;
 +
  margin-bottom: 10px;
 +
}
 +
#member_spotlight #spotlight_question_1 h5 {
 +
  background: #c0392b;
 +
  width:auto;
 +
}
 +
#member_spotlight #spotlight_question_2 h5 {
 +
  background: #8e44ad;
 +
  width:auto;
 +
}
 +
#member_spotlight #spotlight_question_3 h5 {
 +
  background: #2980b9;
 +
  width:auto;
 +
}
 +
#member_spotlight #spotlight_question_intro h5 {
 +
  background: #e67e22;
 +
  width:auto;
 +
}
 +
#lab_notes {
 +
  text-align: center;
 +
}
 +
#lab_notes img {
 +
  margin: 0 auto;
 +
  display: block;
 +
}
 +
#lab_notes :hover img {
 +
  -webkit-transform: scale(1.1);
 +
}
 +
.block_header {
 +
  display: inline-block;
 +
  color: white;
 +
  padding: 7px 11px;
 +
  padding-bottom: 5px;
 +
}
 +
.affix {
 +
  top: 60px;
 +
}
 +
.container {
 +
  min-width: 1080px;
 +
}
 +
.container div nav {
 +
  min-width: 1080px;
 +
}
 +
p,
 +
ol > li,
 +
td,
 +
th,
 +
caption,
 +
.ulstyled > li,
 +
.calendar > li {
 +
  font-family: Lato;
 +
  font-size: 15px;
 +
}
 +
p a,
 +
ol > li a,
 +
td a,
 +
th a,
 +
caption a,
 +
.ulstyled > li a,
 +
.calendar > li a {
 +
  text-decoration: underline;
 +
  color: #3b5998;
 +
}
 +
.calendar {
 +
  padding-left: 10px;
 +
}
 +
.calendar > li {
 +
  font-size: 13px;
 +
}
 +
figcaption {
 +
  color: white;
 +
  padding: 4px 5px;
 +
  display: inline-block;
 +
  font-size:14px;
 +
}
 +
figure {
 +
  margin-bottom: 10px;
 +
}
 +
.red {
 +
  background: #c0392b;
 +
}
 +
.purple {
 +
  background: #8e44ad;
 +
}
 +
.blue {
 +
  background: #2c3e50;
 +
}
 +
.belize {
 +
  background: #2980b9;
 +
}
 +
.green {
 +
  background: #27ae60;
 +
}
 +
.orange {
 +
  background: #f39c12;
 +
}
 +
.darkblue {
 +
  background: #34495e;
 +
}
 +
.table-bordered,
 +
.table-bordered > thead > tr > th,
 +
.table-bordered > tbody > tr > th,
 +
.table-bordered > tfoot > tr > th,
 +
.table-bordered > thead > tr > td,
 +
.table-bordered > tbody > tr > td,
 +
.table-bordered > tfoot > tr > td {
 +
  border: 1px solid black;
 +
}
 +
.col-lg-offset-1half {
 +
  margin-left: 11.111111111111%;
 +
}
 +
.clearfix:after {
 +
  content: " ";
 +
  display: block;
 +
  height: 0;
 +
  clear: both;
 +
}
  
<h5>What should this page contain?</h5>
 
<ul>
 
<li> Clearly and objectively describe the results of your work.</li>
 
<li> Future plans for the project </li>
 
<li> Considerations for replicating the experiments </li>
 
</ul>
 
  
</div>
 
  
<div class="column half_size" >
+
.red1 {  background: #c0392b;
 +
}
 +
    </style>
  
 +
<script>localStorage.clear();</script>
  
<h5> Project Achievements </h5>
 
  
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
</head>
  
<ul>
 
<li>A list of linked bullet points of the successful results during your project</li>
 
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
 
</ul>
 
  
 +
<body data-spy="scroll" data-target="#category_navbar">
 +
<div class="container" style='z-index:10;position:relative;'>
 +
  <div id='bodycontainer' class='row card'>
 +
    <div class="col-sm-10">
 +
      <div class="col-xs-12 text-center">
 +
        <h1>Results</h1>
 +
      </div>
 +
      <div class="row" id='environmental_safety'>
 +
  <div class="col-sm-10 col-sm-offset-1">
 +
<h3 class='block_header red' style = "padding-top: 50px"><strong>What we finally got from our experiment</strong></h3>
 +
<ul>
 +
                          <li>
 +
                            <p align="left"><strong>Results</strong>:<br>
 +
                              <strong>1 Construction of GFP detection device:</strong><br>
 +
1.1 Amplification of GFP gene<br>
 +
The PCR product of GFP was cloned from pK7G2D vector, and we got the GFP product successfully (Fig 2-1).</p>
 +
                            <p align="left"><img width="219" height="123" src="https://static.igem.org/mediawiki/2016/9/91/T--CIEI-BJ--Picture1.png"> </p>
 +
                            <p align="left"><br>
 +
                              Fig 1. Electrophoresis of GFP PCR product. The lanes 1-4 showed the GFP bands.<br>
 +
                              1.2 Purification of GFP PCR product<br>
 +
                                          The PCR product of GFP gene was purified by kit and the results were showed in Fig 2.<br>
 +
  <img width="228" height="140" src="https://static.igem.org/mediawiki/2016/7/76/T--CIEI-BJ--Picture2.png"> <br>
 +
                              Fig 2. Electrophoresis of purified GFP PCR product (lanes 1-3).<br>
 +
                              1.3 Ligation of purified GFP to pEASY T1 simple vector<br>
 +
                                          To sequence the GFP gene we got, the purified GFP was firstly ligated to pEASY T1 simple vector. After sequencing, we selected the positive clone to extract the positive plasmid. Fig 3 showed the GFP-contained pEASY T1 simple vector we constructed.<br>
 +
  <img width="242" height="189" src="https://static.igem.org/mediawiki/2016/2/21/T--CIEI-BJ--Picture3.png"> <br>
 +
                              Fig 3. Electrophoresis of the GFP- contained pEASY T1 simple vector (lanes 1-4).<br>
 +
                              1.4 Digestion of GFP gene from GFP- contained pEASY T1 simple vector<br>
 +
                                          After getting the positive plasmid, we digested the plasmid with the same restriction enzymes designed in the primers of GFP cloning. We got the GFP fragment (near the Marker 750 bp) by digestion from the GFP- contained pEASY T1 simple vector (Fig 4). And then we purified the target GFP fragment with kit.<br>
 +
  <img width="240" height="172" src="https://static.igem.org/mediawiki/2016/3/34/T--CIEI-BJ--Picture4.png"> <br>
 +
                              Fig 4. Electrophoresis of GFP contained pEASY T1 simple vector digestion (lanes 1-4).<br>
 +
                              1.5 Digestion of pGEX-KG vector<br>
 +
                                          For prokaryotic expression of GFP protein in <em>E. coli</em>, we ligated the positive GFP fragment to the prokaryotic expression vector pGEX-KG. And then we digested the pGEX-KG vector with the same restriction enzymes designed in the primers of GFP cloning. Fig 5 showed that we successfully digested the pGEX-KG vector with the enzymes.<br>
 +
  <img width="171" height="203" src="https://static.igem.org/mediawiki/2016/3/31/T--CIEI-BJ--Picture5.png"> <br>
 +
                              Fig 5. Electrophoresis of digestion of pGEX-KG vector. Lanes 1-3 showed the digested pGEX-KG, and lane 4 showed the negative control, the complete pGEX-KG.<br>
 +
                              1.6 Ligation of GFP fragment to pGEX-KG vector<br>
 +
                                          We ligated the GFP fragment to the digested pGEX-KG vector, and then the PCR method was used to detect the positive construction by amplifying the GFP fragment. Fig 6 showed the PCR results of the selected seven clones, and all the seven clones were positive clones.<br>
 +
  <img width="313" height="125" src="https://static.igem.org/mediawiki/2016/2/28/T--CIEI-BJ--Picture6.png"> <br>
 +
                              Fig 6. Electrophoresis of GFP fragment PCR from the selected clones (lanes 1-7).<br>
 +
                              1.7 The validity of the detection device<br>
 +
                                          To detect the validity of our detection device, we transformed the device to the <em>E. coli</em> BL21. Then the GFP fluorescence was observed under fluorescence microscopy (Fig 7). The result showed our detection device worked, and we could use the prokaryotic expression system to express our major circuit.<br>
 +
  <img width="249" height="186" src="https://static.igem.org/mediawiki/2016/f/fe/T--CIEI-BJ--Picture7.png"> <br>
 +
                              Fig 7. The GFP fluorescence detection of our detection device<br>
 +
                              The process of the major circuit construction was similar to that of GFP detection device c. And the detailed process was divided into two parts as described in Material and methods. First we add a TEV protease before GFP reporter. The PCR product of TEV contained GFP was shown in Fig 8.<br>
 +
  <img width="207" height="173" src="https://static.igem.org/mediawiki/2016/a/ad/T--CIEI-BJ--Picture8.png"> <br>
 +
                              Fig 8. Electrophoresis of TEV contained GFP PCR product. The lanes 1-4 showed the GFP bands.<br>
 +
                              After the TEV contained GFP was introduced to pGEX-KG, we cloned the SmCPS1 genes (Fig 9), and then inserted SmCPS1 between thrombin and TEV protease sites.<br>
 +
  <img width="274" height="143" src="https://static.igem.org/mediawiki/2016/1/10/T--CIEI-BJ--Picture9.png"> <br>
 +
                              Fig 9. Electrophoresis of <em>SmCPS1</em> PCR product (lanes 1-2).</p>
 +
                            <ol>
 +
                              <li><strong>Site-directed mutagenesis </strong></li>
 +
                            </ol>
 +
                            <p align="left"><strong>SmCPS1 sequencing result (before Site-directed mutagenesis)</strong><strong>:</strong><strong> </strong><br>
 +
                              ATGGCCTCCTTATCCTCTACAATCCTCAGCCGCTCTCCGGCGGCCCGCCGCAGAATTACGCCGGCATCGGCTAAGCTTCACCTGCCGGAATGTTTCGCCATCAGTGCATGGATGGGCAGCAGCACTAAAAACCTTTCTCTCAGCTACCAACTTAATCACAAGAAAATATCAGTTGCCACAGTAGATGCGCCGCAGGTGCATGACCACGACGGCACTACCGTTCATCAAGGCCATGATGCGGTGAAGAATATTGAGGATCCCATTGAATACATCAGGACGTTGTTGAGGACGACGGGGGACGGGAGAATAAGCGTGTCGCCGTACGACACGGCGTGGGTGGCGATGATCAAGGACGTGGAGGGGCGGGACGGGCCCCAGTTCCCCTCCAGCCTCGAGTGGATCGTGCAGAATCAACTCGAGGATGGATCGTGGGGCGATCAGAAGCTTTTCTGCGTCTACGATCGCCTCGTCAATACCATCGCGTGCGTGGTAGCCTTGAGATCGTGGAATGTTCATGCTCACAAGGTCAAAAGAGGAGTGACGTACATCAAGGAAAATGTGGATAAACTTATGGAGGGAAATGAGGAGCACATGACTTGTGGGTTCGAAGTGGTGTTTCCGGCGCTTCTACAAAAAGCGAAAAGCTTAGGCATCGAAGATCTTCCTTACGATTCTCCGGCGGTGCAGGAGGTTTATCATGTCAGGGAACAAAAGTTGAAAAGGATTCCACTGGAGATTATGCACAAAATACCGACATCATTATTATTTAGTTTGGAAGGGCTCGAAAATTTGGATTGGGACAAACTTTTGAAA<strong>CT</strong><strong>G</strong><strong>CA</strong><strong>G</strong>TCAGCCGACGGTTCCTTCCTCACCTCTCCCTCCTCCACCGCCTTCGCGTTCATGCAAACCAAGGATGAAAAATGCTACCAATTCATCAAGAACACGATAGACACTTTCAACGGAGGAGCGCCACACACTTATCCCGTCGACGTGTTTGGAAGGCTCTGGGCGATCGACCGG<strong>CTGCAG</strong>CGCCTCGGAATTTCCCGCTTTTTTGAGCCGGAGATTGCTGATTGCTTAAGCCACATCCACAAATTTTGGACGGATAAGGGAGTTTTCAGTGGGAGAGAATCGGAGTTTTGCGACATTGACGATACATCCATGGGAATGAGGCTTATGAGGATGCATGGATATGATGTTGATCCAAATGTGCTGAGGAATTTCAAGCAGAAAGATGGTAAATTCTCTTGCTACGGCGGGCAGATGATCGAGTCGCCTTCTCCGATATACAATCTTTACAGAGCTTCTCAGCTCCGATTTCCCGGCGAGGAAATCCTCGAAGATGCGAAGAAATTCGCCTACGATTTCTTGAAAGAAAAACTAGCCAACAATCAGATTCTGGATAAATGGGTTATTTCTAAGCACTTGCCTGATGAGATCAAGCTCGGGCTAGAGATGCCGTGGCTCGCCACCCTACCCCGCGTCGAGGCGAAGTACTACATCCAGTACTACGCCGGCTCCGGCGACGTGTGGATCGGGAAGACGCTGTACAGGATGCCGGAGATCAGCAACGACACGTACCACGACCTAGCCAAGACGGATTTCAAGAGATGCCAAGCGAAGCATCAGTTCGAGTGGCTCTACATGCAAGAATGGTACGAGAGCTGCGGCATCGAG<strong>GAATTC</strong>GGGATAAGCAGAAAGGACCTTCTGCTTTCCTATTTCTTGGCGACCGCGAGCATCTTCGAGCTCGAGAGGACCAACGAGCGAATCGCGTGGGCCAAATCGCAGATCATCGCTAAGATGATCACTTCTTTCTTCAACAAGGAAACTACGTCGGAGGAGGACAAGCGAGCTCTTTTGAACGAGCTCGGAAACATTAATGGCCTCAACGACACAAACGGCGCAGGGAGAGAAGGTGGGGCCGGTAGCATTGCGCTAGCGACCCTCACTCAGTTCCTCGAGGGATTCGACAGATACACCAGACACCAGCTGAAAAATGCTTGGAGCGTATGGCTGACGCAGCTGCAACATGGCGAAGCAGACGACGCAGAGCTCCTAACCAACACGTTGAACATCTGCGCCGGCCACATCGCCTTCAGGGAAGAAATACTGGCGCACAACGAGTACAAAACTCTCTCCAACCTAACCAGCAAAATCTGTCGGCAACTTTCTTTCATTCAAAGCGAAAAGGAGATGGGAGTAGAGGGCGAGATCGCAGCGAAATCGAGCATAAAAAACAAGGAACTCGAAGAAGACATGCAAATGTTGGTGAAGTTGGTGCTTGAGAAATATGGGGGCATAGATAGAAATATAAAGAAAGCGTTTTTGGCAGTTGCGAAGACTTATTATTACAGAGCGTATCATGCCGCCGACACCATAGACACACACATGTTTAAAGTGCTTTTCGAGCCAGTCGCGTGA</p>
 +
                            <p align="left"><strong>After Site-directed mutagenesis</strong><strong>:</strong><strong> </strong><br>
 +
                              ATGGCCTCCTTATCCTCTACAATCCTCAGCCGCTCTCCGGCGGCCCGCCGCAGAATTACGCCGGCATCGGCTAAGCTTCACCTGCCGGAATGTTTCGCCATCAGTGCATGGATGGGCAGCAGCACTAAAAACCTTTCTCTCAGCTACCAACTTAATCACAAGAAAATATCAGTTGCCACAGTAGATGCGCCGCAGGTGCATGACCACGACGGCACTACCGTTCATCAAGGCCATGATGCGGTGAAGAATATTGAGGATCCCATTGAATACATCAGGACGTTGTTGAGGACGACGGGGGACGGGAGAATAAGCGTGTCGCCGTACGACACGGCGTGGGTGGCGATGATCAAGGACGTGGAGGGGCGGGACGGGCCCCAGTTCCCCTCCAGCCTCGAGTGGATCGTGCAGAATCAACTCGAGGATGGATCGTGGGGCGATCAGAAGCTTTTCTGCGTCTACGATCGCCTCGTCAATACCATCGCGTGCGTGGTAGCCTTGAGATCGTGGAATGTTCATGCTCACAAGGTCAAAAGAGGAGTGACGTACATCAAGGAAAATGTGGATAAACTTATGGAGGGAAATGAGGAGCACATGACTTGTGGGTTCGAAGTGGTGTTTCCGGCGCTTCTACAAAAAGCGAAAAGCTTAGGCATCGAAGATCTTCCTTACGATTCTCCGGCGGTGCAGGAGGTTTATCATGTCAGGGAACAAAAGTTGAAAAGGATTCCACTGGAGATTATGCACAAAATACCGACATCATTATTATTTAGTTTGGAAGGGCTCGAAAATTTGGATTGGGACAAACTTTTGAAA<strong>CTCCAG</strong>TCAGCCGACGGTTCCTTCCTCACCTCTCCCTCCTCCACCGCCTTCGCGTTCATGCAAACCAAGGATGAAAAATGCTACCAATTCATCAAGAACACGATAGACACTTTCAACGGAGGAGCGCCACACACTTATCCCGTCGACGTGTTTGGAAGGCTCTGGGCGATCGACCGG<strong>CTCCAG</strong>CGCCTCGGAATTTCCCGCTTTTTTGAGCCGGAGATTGCTGATTGCTTAAGCCACATCCACAAATTTTGGACGGATAAGGGAGTTTTCAGTGGGAGAGAATCGGAGTTTTGCGACATTGACGATACATCCATGGGAATGAGGCTTATGAGGATGCATGGATATGATGTTGATCCAAATGTGCTGAGGAATTTCAAGCAGAAAGATGGTAAATTCTCTTGCTACGGCGGGCAGATGATCGAGTCGCCTTCTCCGATATACAATCTTTACAGAGCTTCTCAGCTCCGATTTCCCGGCGAGGAAATCCTCGAAGATGCGAAGAAATTCGCCTACGATTTCTTGAAAGAAAAACTAGCCAACAATCAGATTCTGGATAAATGGGTTATTTCTAAGCACTTGCCTGATGAGATCAAGCTCGGGCTAGAGATGCCGTGGCTCGCCACCCTACCCCGCGTCGAGGCGAAGTACTACATCCAGTACTACGCCGGCTCCGGCGACGTGTGGATCGGGAAGACGCTGTACAGGATGCCGGAGATCAGCAACGACACGTACCACGACCTAGCCAAGACGGATTTCAAGAGATGCCAAGCGAAGCATCAGTTCGAGTGGCTCTACATGCAAGAATGGTACGAGAGCTGCGGCATCGAG<strong>GAGTTC</strong>GGGATAAGCAGAAAGGACCTTCTGCTTTCCTATTTCTTGGCGACCGCGAGCATCTTCGAGCTCGAGAGGACCAACGAGCGAATCGCGTGGGCCAAATCGCAGATCATCGCTAAGATGATCACTTCTTTCTTCAACAAGGAAACTACGTCGGAGGAGGACAAGCGAGCTCTTTTGAACGAGCTCGGAAACATTAATGGCCTCAACGACACAAACGGCGCAGGGAGAGAAGGTGGGGCCGGTAGCATTGCGCTAGCGACCCTCACTCAGTTCCTCGAGGGATTCGACAGATACACCAGACACCAGCTGAAAAATGCTTGGAGCGTATGGCTGACGCAGCTGCAACATGGCGAAGCAGACGACGCAGAGCTCCTAACCAACACGTTGAACATCTGCGCCGGCCACATCGCCTTCAGGGAAGAAATACTGGCGCACAACGAGTACAAAACTCTCTCCAACCTAACCAGCAAAATCTGTCGGCAACTTTCTTTCATTCAAAGCGAAAAGGAGATGGGAGTAGAGGGCGAGATCGCAGCGAAATCGAGCATAAAAAACAAGGAACTCGAAGAAGACATGCAAATGTTGGTGAAGTTGGTGCTTGAGAAATATGGGGGCATAGATAGAAATATAAAGAAAGCGTTTTTGGCAGTTGCGAAGACTTATTATTACAGAGCGTATCATGCCGCCGACACCATAGACACACACATGTTTAAAGTGCTTTTCGAGCCAGTCGCGTGA</p>
 +
                            <p align="left">&nbsp;</p>
 +
                            <ol>
 +
                              <li><strong>Expression of SmCPS1 with our device</strong></li>
 +
                            </ol>
 +
                            <p>To get the optimal bacterial culture condition of Tac Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device, we compared the intensity of fluorescence of the bacteria under different temperature, concentration of IPTG, cultivation time and optical density (OD). Higher intensity of fluorescence indicates higher expression of GFP and higher production of fusion protein expressed by Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device under a better working condition. <br>
 +
                              Figure 10 indicates that the highest fluorescence intensity appears at 37℃, but as the temperature goes higher more inclusion bodies will be produced, which would cause negative effects on our experiment. Thus, the temperature in our later experiments are all set at 20℃. <br>
 +
                              Figure 10, 11, 12, 13 show that at 20℃, IPTG 1.0mmoL, culture time 12 h, and OD 0.6 with IPTG induction make the optimal condition, under which we performed culture of our genetically-engineered bacteria and synthesis of SmCPS1 protein. </p>
 +
                            <p align="left">&nbsp;</p>
 +
                            <p align="left"><img width="415" height="281" src="https://static.igem.org/mediawiki/2016/b/ba/T--CIEI-BJ--Picture10.png"></p>
 +
                            <p>Figure 10. Fluorescence Intensity of <em>E. coli</em> under different temperature. <br>
 +
                              This figure showed the result of green fluorescence intensity test of the bacteria (Tac Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device) when OD =0.8, Concentration of IPTG=1.0mmoL and after 10 hours of cultivation. </p>
 +
                            <p align="left">&nbsp;</p>
 +
                            <p><img width="415" height="231" src="https://static.igem.org/mediawiki/2016/a/a1/T--CIEI-BJ--Picture11.png"></p>
 +
                            <p>Figure 11. Fluorescence Intensity of <em>E. coli</em> induced by different concentration of IPTG<br>
 +
                              This figure showed the results of the green fluorescence intensity test of the bacteria (Tac Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device) when OD=0.8, temperature = 20℃, and after 10 hours of cultivation.<br>
 +
  </p>
 +
                            <p><img width="415" height="238" src="https://static.igem.org/mediawiki/2016/b/bd/T--CIEI-BJ--tu12.png"> </p>
 +
                            <p><br>
 +
                              Figure 12. Fluorescence Intensity of <a name="OLE_LINK12"></a><a name="OLE_LINK11"><em>E. coli</em> after different time of cultivation</a></p>
 +
                            <p>This figure showed the results of the green fluorescence intensity test of the bacteria (Tac Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device) when OD = 0.8, temperature = 20℃, and induced by 1.0mmol IPTG .</p>
 +
                            <p><img width="415" height="257" src="https://static.igem.org/mediawiki/2016/c/c7/T--CIEI-BJ--tu13.png"></p>
 +
                            <p>Figure 13. Fluorescence Intensity of <em>E. coli</em> with different OD<br>
 +
                            This figure showed the result of green fluorescence intensity test of the bacteria (Tac Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device) when temperature = 20℃, concentration of IPTG = 1.0mmol, and after 10 hours of cultivation.</p>
 +
                            <p align="left">Then we used the optimal condition to produce our target recombinant proteins. During the enrichment of the bacterial process, we checked the GFP fluorescence of the bacterial. And the result showed that the GFP fluorescence was observed (Fig 14). It indicated that our SmCPS1-GFP recombinant protein has been expressed in the bacteria<br>
 +
                            </p>
 +
                            <p align="left"><img width="299" height="248" src="https://static.igem.org/mediawiki/2016/7/74/T--CIEI-BJ--tu14.png"></p>
 +
                            <p align="left">Fig 14 The GFP fluorescence of the bacterial precipitation.</p>
 +
                            <p align="left">After ultrasonication, we used the SDS-PAGE electrophoresis to detect our target protein, and the result showed that we successfully produced our recombinant protein (Fig 15).<br>
 +
                              </p>
 +
                            <p align="left"><img width="280" height="213" src="https://static.igem.org/mediawiki/2016/b/b4/T--CIEI-BJ--Pic001.png"></p>
 +
                            <p>Fig 15 Th e SDS-PAGE electrophoresis of recombinant protein</p>
 +
                            <p><br>
 +
                              Lane 1, total protein without IPTG induction; Lane 2, supernatant without IPTG induction; Lane 3, total protein with IPTG induction; Lane 4, supernatant with IPTG induction. Black arrow shows the targeted recombinant proteins. <br>
 +
                            In order to verify the successful expression of<em> SmCPS1 </em>with our device, we performed sonication on <em>E. coli</em> cells and smashed them. Then the supernatant fluid and total protein were collected for the SDS protein electrophoresis. The results of the SDS-PAGE showed that with induction of IPTG, the protein SmCPS1 can be successfully expressed by our device, with size of 136 KD, which is in accordance with our expectation. </p>
 +
                            <p align="left">&nbsp;</p>
 +
                            <p align="left">         Next we committed Western Blot method to detect the existence of GST tag by using GST antibody. The results showed that, under both situations, bacteria successfully expressed our recombinant protein. It also showed that, the concentration of soluble SmCPS1 produced by the IPTG-induced bacteria is much greater than that of the protein produced by the non-IPTG-induced one (Fig 16).<br>
 +
                              <img width="303" height="122" src="https://static.igem.org/mediawiki/2016/6/69/T--CIEI-BJ--Pic002.png"> <br>
 +
                              Fig 16 Western blot result using GST antibody. Lane a, total protein without IPTG induction; Lane b, total protein with IPTG induction; Lane c, supernatant without IPTG induction; Lane d, supernatant with IPTG induction.</p>
 +
                          </ul>
 +
        </div>
 +
  </div>
 +
  <div class="row" id='environmental_safety3'>
 +
    <div class="col-sm-10 col-sm-offset-1">
 +
      <div class="row" id='environmental_safety2'>
 +
        <div class="col-sm-10 col-sm-offset-1"></div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
    </div>
 +
 +
  </div>
 
</div>
 
</div>
 +
<br>
 +
<br><br>
  
 +
<script language="javascript">
 +
var c = document.getElementById("canvas-container");
 +
var ctx = c.getContext("2d");
 +
var stripeFill = [];
 +
var stripeVelocity = [];
 +
var unitSize;
 +
var colorText = "200, 200, 200,";
 +
var stripeCount = 100;
 +
ctx.canvas.width  = window.innerWidth;
 +
ctx.canvas.height = window.innerHeight;
 +
var upperLimit = 100;
 +
var lowerLimit = 0;
  
<div class="column half_size" >
+
unitSize = window.innerWidth/stripeCount;
  
<h5>Inspiration</h5>
+
for (var i = 0; i < stripeCount; i++){
<p>See how other teams presented their results.</p>
+
  stripeFill[i] = Math.round(Math.random()*upperLimit);
<ul>
+
  stripeVelocity[i] = random(-.6,.6);
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
}
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
</ul>
+
  
</div>
+
function wiggle(){
 +
  for (var i = 0; i < stripeCount; i++){
 +
    stripeVelocity[i] += random(-.1, .1);
 +
    if(Math.abs(stripeVelocity[i]) > 3){
 +
      stripeVelocity[i] = 3*Math.abs(stripeVelocity[i])/stripeVelocity[i];
 +
    }
 +
    stripeFill[i] += stripeVelocity[i];
 +
    if (stripeFill[i]<lowerLimit){
 +
      stripeFill[i] = lowerLimit;
 +
      stripeVelocity[i] = 3;
 +
    }
 +
    else if (stripeFill[i]>upperLimit){
 +
      stripeFill[i] = upperLimit;
 +
      stripeVelocity[i] = -3;
 +
    }
 +
  }
 +
}
 +
 
 +
setInterval(execute,50);
 +
 
 +
function execute(){
 +
    wiggle();
 +
    ctx.fillStyle = "rgba(255, 255, 255, 1)";
 +
    ctx.fillRect(0,0,window.innerWidth,window.innerHeight);
 +
 
 +
    for (var i = 0; i < stripeCount; i++){
 +
      ctx.fillStyle = "rgba(180,180,180," + stripeFill[i]/255 + ")" ;
 +
      ctx.fillRect(i*unitSize,0,unitSize,window.innerHeight)
 +
    }
 +
}
 +
 
 +
function bob(item){
 +
  return function(){item.css({display:"none"});}
 +
}
 +
 
 +
function random (x, y){
 +
  var answer = Math.random()*(y-x)+x;
 +
  return answer;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
$(".dropdown").mouseenter(function(){
 +
  //console.log("bobby");
 +
    $(this).find(".dropdown-menu").css({height:"0px"});
 +
    $(this).find(".dropdown-menu").css({display:"block"});
 +
    $(this).find(".dropdown-menu").animate({height:"180px"},150,"swing",function(){});
 +
});
  
 +
$(".dropdown").mouseleave(function(){
 +
  $(this).find(".dropdown-menu").animate({height:"0px"},150,"swing", bob($(this).find(".dropdown-menu")));//};
 +
});
  
 +
function bob(item){
 +
  return function(){item.css({display:"none"});};
 +
}
 +
</script>
  
 +
</body>
 
</html>
 
</html>

Revision as of 16:59, 19 October 2016

Template

Top

 

Result

Results

What we finally got from our experiment

  • Results:
    1 Construction of GFP detection device:
    1.1 Amplification of GFP gene
    The PCR product of GFP was cloned from pK7G2D vector, and we got the GFP product successfully (Fig 2-1).


    Fig 1. Electrophoresis of GFP PCR product. The lanes 1-4 showed the GFP bands.
    1.2 Purification of GFP PCR product
                The PCR product of GFP gene was purified by kit and the results were showed in Fig 2.

    Fig 2. Electrophoresis of purified GFP PCR product (lanes 1-3).
    1.3 Ligation of purified GFP to pEASY T1 simple vector
                To sequence the GFP gene we got, the purified GFP was firstly ligated to pEASY T1 simple vector. After sequencing, we selected the positive clone to extract the positive plasmid. Fig 3 showed the GFP-contained pEASY T1 simple vector we constructed.

    Fig 3. Electrophoresis of the GFP- contained pEASY T1 simple vector (lanes 1-4).
    1.4 Digestion of GFP gene from GFP- contained pEASY T1 simple vector
                After getting the positive plasmid, we digested the plasmid with the same restriction enzymes designed in the primers of GFP cloning. We got the GFP fragment (near the Marker 750 bp) by digestion from the GFP- contained pEASY T1 simple vector (Fig 4). And then we purified the target GFP fragment with kit.

    Fig 4. Electrophoresis of GFP contained pEASY T1 simple vector digestion (lanes 1-4).
    1.5 Digestion of pGEX-KG vector
                For prokaryotic expression of GFP protein in E. coli, we ligated the positive GFP fragment to the prokaryotic expression vector pGEX-KG. And then we digested the pGEX-KG vector with the same restriction enzymes designed in the primers of GFP cloning. Fig 5 showed that we successfully digested the pGEX-KG vector with the enzymes.

    Fig 5. Electrophoresis of digestion of pGEX-KG vector. Lanes 1-3 showed the digested pGEX-KG, and lane 4 showed the negative control, the complete pGEX-KG.
    1.6 Ligation of GFP fragment to pGEX-KG vector
                We ligated the GFP fragment to the digested pGEX-KG vector, and then the PCR method was used to detect the positive construction by amplifying the GFP fragment. Fig 6 showed the PCR results of the selected seven clones, and all the seven clones were positive clones.

    Fig 6. Electrophoresis of GFP fragment PCR from the selected clones (lanes 1-7).
    1.7 The validity of the detection device
                To detect the validity of our detection device, we transformed the device to the E. coli BL21. Then the GFP fluorescence was observed under fluorescence microscopy (Fig 7). The result showed our detection device worked, and we could use the prokaryotic expression system to express our major circuit.

    Fig 7. The GFP fluorescence detection of our detection device
    The process of the major circuit construction was similar to that of GFP detection device c. And the detailed process was divided into two parts as described in Material and methods. First we add a TEV protease before GFP reporter. The PCR product of TEV contained GFP was shown in Fig 8.

    Fig 8. Electrophoresis of TEV contained GFP PCR product. The lanes 1-4 showed the GFP bands.
    After the TEV contained GFP was introduced to pGEX-KG, we cloned the SmCPS1 genes (Fig 9), and then inserted SmCPS1 between thrombin and TEV protease sites.

    Fig 9. Electrophoresis of SmCPS1 PCR product (lanes 1-2).

    1. Site-directed mutagenesis

    SmCPS1 sequencing result (before Site-directed mutagenesis)
    ATGGCCTCCTTATCCTCTACAATCCTCAGCCGCTCTCCGGCGGCCCGCCGCAGAATTACGCCGGCATCGGCTAAGCTTCACCTGCCGGAATGTTTCGCCATCAGTGCATGGATGGGCAGCAGCACTAAAAACCTTTCTCTCAGCTACCAACTTAATCACAAGAAAATATCAGTTGCCACAGTAGATGCGCCGCAGGTGCATGACCACGACGGCACTACCGTTCATCAAGGCCATGATGCGGTGAAGAATATTGAGGATCCCATTGAATACATCAGGACGTTGTTGAGGACGACGGGGGACGGGAGAATAAGCGTGTCGCCGTACGACACGGCGTGGGTGGCGATGATCAAGGACGTGGAGGGGCGGGACGGGCCCCAGTTCCCCTCCAGCCTCGAGTGGATCGTGCAGAATCAACTCGAGGATGGATCGTGGGGCGATCAGAAGCTTTTCTGCGTCTACGATCGCCTCGTCAATACCATCGCGTGCGTGGTAGCCTTGAGATCGTGGAATGTTCATGCTCACAAGGTCAAAAGAGGAGTGACGTACATCAAGGAAAATGTGGATAAACTTATGGAGGGAAATGAGGAGCACATGACTTGTGGGTTCGAAGTGGTGTTTCCGGCGCTTCTACAAAAAGCGAAAAGCTTAGGCATCGAAGATCTTCCTTACGATTCTCCGGCGGTGCAGGAGGTTTATCATGTCAGGGAACAAAAGTTGAAAAGGATTCCACTGGAGATTATGCACAAAATACCGACATCATTATTATTTAGTTTGGAAGGGCTCGAAAATTTGGATTGGGACAAACTTTTGAAACTGCAGTCAGCCGACGGTTCCTTCCTCACCTCTCCCTCCTCCACCGCCTTCGCGTTCATGCAAACCAAGGATGAAAAATGCTACCAATTCATCAAGAACACGATAGACACTTTCAACGGAGGAGCGCCACACACTTATCCCGTCGACGTGTTTGGAAGGCTCTGGGCGATCGACCGGCTGCAGCGCCTCGGAATTTCCCGCTTTTTTGAGCCGGAGATTGCTGATTGCTTAAGCCACATCCACAAATTTTGGACGGATAAGGGAGTTTTCAGTGGGAGAGAATCGGAGTTTTGCGACATTGACGATACATCCATGGGAATGAGGCTTATGAGGATGCATGGATATGATGTTGATCCAAATGTGCTGAGGAATTTCAAGCAGAAAGATGGTAAATTCTCTTGCTACGGCGGGCAGATGATCGAGTCGCCTTCTCCGATATACAATCTTTACAGAGCTTCTCAGCTCCGATTTCCCGGCGAGGAAATCCTCGAAGATGCGAAGAAATTCGCCTACGATTTCTTGAAAGAAAAACTAGCCAACAATCAGATTCTGGATAAATGGGTTATTTCTAAGCACTTGCCTGATGAGATCAAGCTCGGGCTAGAGATGCCGTGGCTCGCCACCCTACCCCGCGTCGAGGCGAAGTACTACATCCAGTACTACGCCGGCTCCGGCGACGTGTGGATCGGGAAGACGCTGTACAGGATGCCGGAGATCAGCAACGACACGTACCACGACCTAGCCAAGACGGATTTCAAGAGATGCCAAGCGAAGCATCAGTTCGAGTGGCTCTACATGCAAGAATGGTACGAGAGCTGCGGCATCGAGGAATTCGGGATAAGCAGAAAGGACCTTCTGCTTTCCTATTTCTTGGCGACCGCGAGCATCTTCGAGCTCGAGAGGACCAACGAGCGAATCGCGTGGGCCAAATCGCAGATCATCGCTAAGATGATCACTTCTTTCTTCAACAAGGAAACTACGTCGGAGGAGGACAAGCGAGCTCTTTTGAACGAGCTCGGAAACATTAATGGCCTCAACGACACAAACGGCGCAGGGAGAGAAGGTGGGGCCGGTAGCATTGCGCTAGCGACCCTCACTCAGTTCCTCGAGGGATTCGACAGATACACCAGACACCAGCTGAAAAATGCTTGGAGCGTATGGCTGACGCAGCTGCAACATGGCGAAGCAGACGACGCAGAGCTCCTAACCAACACGTTGAACATCTGCGCCGGCCACATCGCCTTCAGGGAAGAAATACTGGCGCACAACGAGTACAAAACTCTCTCCAACCTAACCAGCAAAATCTGTCGGCAACTTTCTTTCATTCAAAGCGAAAAGGAGATGGGAGTAGAGGGCGAGATCGCAGCGAAATCGAGCATAAAAAACAAGGAACTCGAAGAAGACATGCAAATGTTGGTGAAGTTGGTGCTTGAGAAATATGGGGGCATAGATAGAAATATAAAGAAAGCGTTTTTGGCAGTTGCGAAGACTTATTATTACAGAGCGTATCATGCCGCCGACACCATAGACACACACATGTTTAAAGTGCTTTTCGAGCCAGTCGCGTGA

    After Site-directed mutagenesis
    ATGGCCTCCTTATCCTCTACAATCCTCAGCCGCTCTCCGGCGGCCCGCCGCAGAATTACGCCGGCATCGGCTAAGCTTCACCTGCCGGAATGTTTCGCCATCAGTGCATGGATGGGCAGCAGCACTAAAAACCTTTCTCTCAGCTACCAACTTAATCACAAGAAAATATCAGTTGCCACAGTAGATGCGCCGCAGGTGCATGACCACGACGGCACTACCGTTCATCAAGGCCATGATGCGGTGAAGAATATTGAGGATCCCATTGAATACATCAGGACGTTGTTGAGGACGACGGGGGACGGGAGAATAAGCGTGTCGCCGTACGACACGGCGTGGGTGGCGATGATCAAGGACGTGGAGGGGCGGGACGGGCCCCAGTTCCCCTCCAGCCTCGAGTGGATCGTGCAGAATCAACTCGAGGATGGATCGTGGGGCGATCAGAAGCTTTTCTGCGTCTACGATCGCCTCGTCAATACCATCGCGTGCGTGGTAGCCTTGAGATCGTGGAATGTTCATGCTCACAAGGTCAAAAGAGGAGTGACGTACATCAAGGAAAATGTGGATAAACTTATGGAGGGAAATGAGGAGCACATGACTTGTGGGTTCGAAGTGGTGTTTCCGGCGCTTCTACAAAAAGCGAAAAGCTTAGGCATCGAAGATCTTCCTTACGATTCTCCGGCGGTGCAGGAGGTTTATCATGTCAGGGAACAAAAGTTGAAAAGGATTCCACTGGAGATTATGCACAAAATACCGACATCATTATTATTTAGTTTGGAAGGGCTCGAAAATTTGGATTGGGACAAACTTTTGAAACTCCAGTCAGCCGACGGTTCCTTCCTCACCTCTCCCTCCTCCACCGCCTTCGCGTTCATGCAAACCAAGGATGAAAAATGCTACCAATTCATCAAGAACACGATAGACACTTTCAACGGAGGAGCGCCACACACTTATCCCGTCGACGTGTTTGGAAGGCTCTGGGCGATCGACCGGCTCCAGCGCCTCGGAATTTCCCGCTTTTTTGAGCCGGAGATTGCTGATTGCTTAAGCCACATCCACAAATTTTGGACGGATAAGGGAGTTTTCAGTGGGAGAGAATCGGAGTTTTGCGACATTGACGATACATCCATGGGAATGAGGCTTATGAGGATGCATGGATATGATGTTGATCCAAATGTGCTGAGGAATTTCAAGCAGAAAGATGGTAAATTCTCTTGCTACGGCGGGCAGATGATCGAGTCGCCTTCTCCGATATACAATCTTTACAGAGCTTCTCAGCTCCGATTTCCCGGCGAGGAAATCCTCGAAGATGCGAAGAAATTCGCCTACGATTTCTTGAAAGAAAAACTAGCCAACAATCAGATTCTGGATAAATGGGTTATTTCTAAGCACTTGCCTGATGAGATCAAGCTCGGGCTAGAGATGCCGTGGCTCGCCACCCTACCCCGCGTCGAGGCGAAGTACTACATCCAGTACTACGCCGGCTCCGGCGACGTGTGGATCGGGAAGACGCTGTACAGGATGCCGGAGATCAGCAACGACACGTACCACGACCTAGCCAAGACGGATTTCAAGAGATGCCAAGCGAAGCATCAGTTCGAGTGGCTCTACATGCAAGAATGGTACGAGAGCTGCGGCATCGAGGAGTTCGGGATAAGCAGAAAGGACCTTCTGCTTTCCTATTTCTTGGCGACCGCGAGCATCTTCGAGCTCGAGAGGACCAACGAGCGAATCGCGTGGGCCAAATCGCAGATCATCGCTAAGATGATCACTTCTTTCTTCAACAAGGAAACTACGTCGGAGGAGGACAAGCGAGCTCTTTTGAACGAGCTCGGAAACATTAATGGCCTCAACGACACAAACGGCGCAGGGAGAGAAGGTGGGGCCGGTAGCATTGCGCTAGCGACCCTCACTCAGTTCCTCGAGGGATTCGACAGATACACCAGACACCAGCTGAAAAATGCTTGGAGCGTATGGCTGACGCAGCTGCAACATGGCGAAGCAGACGACGCAGAGCTCCTAACCAACACGTTGAACATCTGCGCCGGCCACATCGCCTTCAGGGAAGAAATACTGGCGCACAACGAGTACAAAACTCTCTCCAACCTAACCAGCAAAATCTGTCGGCAACTTTCTTTCATTCAAAGCGAAAAGGAGATGGGAGTAGAGGGCGAGATCGCAGCGAAATCGAGCATAAAAAACAAGGAACTCGAAGAAGACATGCAAATGTTGGTGAAGTTGGTGCTTGAGAAATATGGGGGCATAGATAGAAATATAAAGAAAGCGTTTTTGGCAGTTGCGAAGACTTATTATTACAGAGCGTATCATGCCGCCGACACCATAGACACACACATGTTTAAAGTGCTTTTCGAGCCAGTCGCGTGA

     

    1. Expression of SmCPS1 with our device

    To get the optimal bacterial culture condition of Tac Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device, we compared the intensity of fluorescence of the bacteria under different temperature, concentration of IPTG, cultivation time and optical density (OD). Higher intensity of fluorescence indicates higher expression of GFP and higher production of fusion protein expressed by Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device under a better working condition.
    Figure 10 indicates that the highest fluorescence intensity appears at 37℃, but as the temperature goes higher more inclusion bodies will be produced, which would cause negative effects on our experiment. Thus, the temperature in our later experiments are all set at 20℃.
    Figure 10, 11, 12, 13 show that at 20℃, IPTG 1.0mmoL, culture time 12 h, and OD 0.6 with IPTG induction make the optimal condition, under which we performed culture of our genetically-engineered bacteria and synthesis of SmCPS1 protein.

     

    Figure 10. Fluorescence Intensity of E. coli under different temperature.
    This figure showed the result of green fluorescence intensity test of the bacteria (Tac Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device) when OD =0.8, Concentration of IPTG=1.0mmoL and after 10 hours of cultivation.

     

    Figure 11. Fluorescence Intensity of E. coli induced by different concentration of IPTG
    This figure showed the results of the green fluorescence intensity test of the bacteria (Tac Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device) when OD=0.8, temperature = 20℃, and after 10 hours of cultivation.


    Figure 12. Fluorescence Intensity of E. coli after different time of cultivation

    This figure showed the results of the green fluorescence intensity test of the bacteria (Tac Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device) when OD = 0.8, temperature = 20℃, and induced by 1.0mmol IPTG .

    Figure 13. Fluorescence Intensity of E. coli with different OD
    This figure showed the result of green fluorescence intensity test of the bacteria (Tac Promoter -RBS -GST -Thrombin protease -SmCPS1 -TEV -GFP -Terminator device) when temperature = 20℃, concentration of IPTG = 1.0mmol, and after 10 hours of cultivation.

    Then we used the optimal condition to produce our target recombinant proteins. During the enrichment of the bacterial process, we checked the GFP fluorescence of the bacterial. And the result showed that the GFP fluorescence was observed (Fig 14). It indicated that our SmCPS1-GFP recombinant protein has been expressed in the bacteria

    Fig 14 The GFP fluorescence of the bacterial precipitation.

    After ultrasonication, we used the SDS-PAGE electrophoresis to detect our target protein, and the result showed that we successfully produced our recombinant protein (Fig 15).

    Fig 15 Th e SDS-PAGE electrophoresis of recombinant protein


    Lane 1, total protein without IPTG induction; Lane 2, supernatant without IPTG induction; Lane 3, total protein with IPTG induction; Lane 4, supernatant with IPTG induction. Black arrow shows the targeted recombinant proteins.
    In order to verify the successful expression of SmCPS1 with our device, we performed sonication on E. coli cells and smashed them. Then the supernatant fluid and total protein were collected for the SDS protein electrophoresis. The results of the SDS-PAGE showed that with induction of IPTG, the protein SmCPS1 can be successfully expressed by our device, with size of 136 KD, which is in accordance with our expectation.

     

             Next we committed Western Blot method to detect the existence of GST tag by using GST antibody. The results showed that, under both situations, bacteria successfully expressed our recombinant protein. It also showed that, the concentration of soluble SmCPS1 produced by the IPTG-induced bacteria is much greater than that of the protein produced by the non-IPTG-induced one (Fig 16).

    Fig 16 Western blot result using GST antibody. Lane a, total protein without IPTG induction; Lane b, total protein with IPTG induction; Lane c, supernatant without IPTG induction; Lane d, supernatant with IPTG induction.