Difference between revisions of "Team:ASIJ TOKYO/Results"

 
(12 intermediate revisions by 4 users not shown)
Line 8: Line 8:
 
<head>
 
<head>
  
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
 
  
 
<style>
 
<style>
Line 150: Line 150:
 
<section id="three" class="wrapper spotlight style3">
 
<section id="three" class="wrapper spotlight style3">
 
<div class="inner">
 
<div class="inner">
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/e/e4/Anchipresentation.jpg" alt="" /></a>
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/1/1f/IMG_1667.JPG" alt="" /></a>
 
<div class="content">
 
<div class="content">
 
<h2 class="major"> Results</h2>
 
<h2 class="major"> Results</h2>
−
<p>We attached the COX-2 (BBa_K2226003) and c-Myc (BBa_K2226002) promoters to the half of the reporter systems that yielded the best results, a method we took from the Peking iGEM team from 2015 (Peking iGEM Team 2015, 2015) (Rossi, Charlton, & Blau, 1994) (Rem, Galarneau, & Michnick, 2001). These reporter systems included the rapamycin-binding domain (FRB) fused to nLuc and the FK-506 binding protein 12 (FKBP) fused to cLuc. The fusion of the promoter to the reporter system made the nonspecific binding sites on the domains to become specific to the COX-2 (BBa_K2226003) and c-Myc (BBa_K2226004) proteins (Tomano & Nobuyuki, 2016). The newly specialized promoter-reporter system would then only come together in the presence of these two proteins. The creation of the FRB-rapamycin-FKBP complex induced the fusion of nLuc and cLuc, in turn generating light in the presence of rapamycin (Peking iGEM Team 2015, 2015). </p>
 
  
 
</div>
 
</div>
 
</div>
 
</div>
 +
</section>
 +
<!-- Four -->
 +
<section id="four" class="wrapper alt style1">
 +
<div class="inner">
 +
<h2 class="major">Overview</h2>
 +
<p>We attached the COX-2 (BBa_K2226003) and c-Myc (BBa_K2226002) promoters to the half of the reporter systems that yielded the best results. We were inspired by the 2015 Peking iGEM team to use nonspecific binding sites FRB and FKBP. (Peking iGEM Team 2015, 2015) (Rossi, Charlton, & Blau, 1994) (Rem, Galarneau, & Michnick, 2001). These reporter systems included the rapamycin-binding domain (FRB) fused to nLuc and the FK-506 binding protein 12 (FKBP) fused to cLuc. The fusion of the promoter to the reporter system made the nonspecific binding sites on the domains to become specific to the COX-2 (BBa_K2226003) and c-Myc (BBa_K2226004) proteins (Tomano & Nobuyuki, 2016). The newly specialized promoter-reporter system would then only come together in the presence of these two proteins. The creation of the FRB-rapamycin-FKBP complex induced the fusion of nLuc and cLuc, in turn generating light in the presence of rapamycin (Peking iGEM Team 2015, 2015). </p>
 +
 +
<section class="features">
 
</section>
 
</section>
  
Line 165: Line 172:
 
<div class="inner">
 
<div class="inner">
 
<h2 class="major">Promoter Strength Confirmation</h2>
 
<h2 class="major">Promoter Strength Confirmation</h2>
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/b/bb/Result1.png" style="width:880px;height:100%;">  
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/0/0b/Result1asij.png" style="width:880px;height:100%;">  
  
 
<section class="features">
 
<section class="features">
 
</div>
 
</div>
  
−
</section>
+
</section>
  
 
<!-- Four -->
 
<!-- Four -->
Line 176: Line 183:
 
<div class="inner">
 
<div class="inner">
 
<h2 class="major">Construction of the Promoter-Reporter System</h2>
 
<h2 class="major">Construction of the Promoter-Reporter System</h2>
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/9/93/Result2.png" style="width:880px;height:100%;">  
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/7/70/Result2asij.png" style="width:880px;height:100%;">  
−
 
+
</div>
−
 
+
</section>
−
 
+
−
<section class="features">
+
−
 
+
−
</div>
+
−
 
+
−
</section>
+
−
 
+
  
 
<!-- Four -->
 
<!-- Four -->
Line 191: Line 191:
 
<div class="inner">
 
<div class="inner">
 
<h2 class="major">Proof of Concept</h2>
 
<h2 class="major">Proof of Concept</h2>
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/3/34/Result3.png"style="width:880px;height:100%;">  
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/a/a4/Result3asij.png"style="width:880px;height:100%;">  
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/c/c3/Result4.png" style="width:880px;height:100%;">  
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/d/d3/Result4asij.png" style="width:880px;height:100%;">
 +
</div>
 +
</section>
  
  
−
<section class="features">
 
−
 
−
</div>
 
  
−
</section>
 
 
<!-- Four -->
 
<!-- Four -->
 
<section id="four" class="wrapper alt style1">
 
<section id="four" class="wrapper alt style1">
 
<div class="inner">
 
<div class="inner">
 
<h2 class="major">Confirmation</h2>
 
<h2 class="major">Confirmation</h2>
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/4/49/Result5.png" style="width:880px;height:100%;">  
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/a/a4/Result5asij.png" style="width:880px;height:100%;">  
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/2/2a/Result6.png"style="width:880px;height:100%;">  
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/e/ee/Result6asij.png"style="width:880px;height:100%;">  
−
 
+
</div>
−
 
+
</section>
−
<section class="features">
+
−
 
+
−
</div>
+
−
 
+
−
</section>
+
  
  
Line 218: Line 211:
 
 
 
 
−
<!-- Scripts -->
+
−
<script src="assets/js/skel.min.js"></script>
+
−
<script src="assets/js/jquery.min.js"></script>
+
−
<script src="assets/js/jquery.scrollex.min.js"></script>
+
−
<script src="assets/js/util.js"></script>
+
−
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
+
−
<script src="assets/js/main.js"></script>
+
−
 
+
  
 
<style>
 
<style>
 
@import url(font-awesome.min.css);
 
@import url(font-awesome.min.css);
−
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
+
 
  
 
/*
 
/*
Line 1,853: Line 1,839:
  
 
body {
 
body {
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 2,231: Line 2,217:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
−
background: #4221af;
+
background: #c2d4d8;
 
}
 
}
  
Line 2,306: Line 2,292:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
−
color: #4221af;
+
color: #c2d4d8;
 
}
 
}
  
 
input[type="checkbox"]:focus + label:before,
 
input[type="checkbox"]:focus + label:before,
 
input[type="radio"]:focus + label:before {
 
input[type="radio"]:focus + label:before {
−
border-color: #4c5c96;
+
border-color: #c2d4d8;
 
}
 
}
  
Line 2,678: Line 2,664:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 2,860: Line 2,846:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,877: Line 2,863:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #45558d;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 3,228: Line 3,214:
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
-webkit-overflow-scrolling: touch;
 
-webkit-overflow-scrolling: touch;
−
background: #4c5c96;
+
background: #c2d4d8;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,284: Line 3,270:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
−
background: #45558d;
+
background: #c2d4d8;
 
}
 
}
  
Line 3,415: Line 3,401:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,525: Line 3,511:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,568: Line 3,554:
  
 
.wrapper {
 
.wrapper {
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,574: Line 3,560:
  
 
.wrapper:before, .wrapper:after {
 
.wrapper:before, .wrapper:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper:before {
 
.wrapper:before {
−
box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,634: Line 3,620:
  
 
.wrapper.style2:before, .wrapper.style2:after {
 
.wrapper.style2:before, .wrapper.style2:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,650: Line 3,636:
  
 
.wrapper.style3:before, .wrapper.style3:after {
 
.wrapper.style3:before, .wrapper.style3:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,662: Line 3,648:
  
 
.wrapper.style4 {
 
.wrapper.style4 {
−
background-color: #454858;
+
background-color: #c2d4d8;
 
}
 
}
  
 
.wrapper.style4:before, .wrapper.style4:after {
 
.wrapper.style4:before, .wrapper.style4:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.style4:before {
 
.wrapper.style4:before {
−
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.style4:after {
 
.wrapper.style4:after {
−
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.style5 {
 
.wrapper.style5 {
−
background-color: #4d5060;
+
background-color: #c2d4d8;
 
}
 
}
  
 
.wrapper.style5:before, .wrapper.style5:after {
 
.wrapper.style5:before, .wrapper.style5:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.style5:before {
 
.wrapper.style5:before {
−
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.style5:after {
 
.wrapper.style5:after {
−
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,698: Line 3,684:
  
 
.wrapper.style6:before, .wrapper.style6:after {
 
.wrapper.style6:before, .wrapper.style6:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,710: Line 3,696:
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight:before, .wrapper.spotlight:after {
 
.wrapper.spotlight:before, .wrapper.spotlight:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight:before {
 
.wrapper.spotlight:before {
−
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight:after {
 
.wrapper.spotlight:after {
−
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,771: Line 3,757:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #45558d;
+
background-color: #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style2:before {
 
.wrapper.spotlight.style2:before {
−
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:after {
−
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,791: Line 3,777:
  
 
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,807: Line 3,793:
  
 
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,823: Line 3,809:
  
 
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,839: Line 3,825:
  
 
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
 
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 4,013: Line 3,999:
  
 
#footer {
 
#footer {
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 4,106: Line 4,092:
  
 
body {
 
body {
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,299: Line 4,285:
  
 
#menu {
 
#menu {
−
background: #4221af;
+
background: #c2d4d8;
 
}
 
}
  

Latest revision as of 16:01, 1 November 2017

Home
Team
Team Collaborations Attributions
Project
Description Design Experiments Notebook Results
Parts Safety Human Practices

Results

Overview

We attached the COX-2 (BBa_K2226003) and c-Myc (BBa_K2226002) promoters to the half of the reporter systems that yielded the best results. We were inspired by the 2015 Peking iGEM team to use nonspecific binding sites FRB and FKBP. (Peking iGEM Team 2015, 2015) (Rossi, Charlton, & Blau, 1994) (Rem, Galarneau, & Michnick, 2001). These reporter systems included the rapamycin-binding domain (FRB) fused to nLuc and the FK-506 binding protein 12 (FKBP) fused to cLuc. The fusion of the promoter to the reporter system made the nonspecific binding sites on the domains to become specific to the COX-2 (BBa_K2226003) and c-Myc (BBa_K2226004) proteins (Tomano & Nobuyuki, 2016). The newly specialized promoter-reporter system would then only come together in the presence of these two proteins. The creation of the FRB-rapamycin-FKBP complex induced the fusion of nLuc and cLuc, in turn generating light in the presence of rapamycin (Peking iGEM Team 2015, 2015).

Promoter Strength Confirmation

Construction of the Promoter-Reporter System

Proof of Concept

Confirmation