Team:Tokyo-NoKoGen/Project
From 2013.igem.org
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <head> |
+ | <style type ='text/css'> | ||
- | { | + | #globalWrapper { |
- | + | width: 1410px; | |
- | + | height:100%; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | #content { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | margin-top: -23px; | ||
+ | width: 100%; | ||
+ | overflow: hidden; | ||
+ | height:100%; | ||
+ | } | ||
+ | #bodyContent { | ||
+ | border: none; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | width:1410px; | ||
+ | height:100%; | ||
+ | } | ||
+ | #top-section { | ||
+ | height: 18px; | ||
+ | margin: 0px; | ||
+ | margin-top: 5px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0 !important; | ||
+ | padding:0; | ||
+ | border: none; | ||
+ | font-size: 10px; | ||
+ | } | ||
- | + | #p-logo { | |
+ | overflow:hidden; | ||
+ | display: none; | ||
+ | } | ||
- | + | #search-controls { | |
+ | display:none; | ||
+ | } | ||
+ | #footer-box { | ||
+ | width: 1410px; | ||
+ | height: ; | ||
+ | } | ||
+ | #footer { | ||
+ | border: none; | ||
+ | width: 1410px; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | #f-list a { | ||
+ | color: #333; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | #f-list a:hover { | ||
+ | color: #666; | ||
+ | } | ||
+ | .printfooter { | ||
+ | display: none; | ||
+ | } | ||
- | + | h3#siteSub { | |
+ | display: none; | ||
+ | } | ||
+ | #contentSub { | ||
+ | display: none; | ||
+ | } | ||
+ | p:first-child { | ||
+ | display: none; | ||
+ | } | ||
+ | h1,h2,h3 { | ||
+ | border: none; | ||
+ | } | ||
+ | #wrapper { | ||
+ | font-size: 12pt; | ||
+ | font-family: "Comic Sans MS","MS明朝"; | ||
+ | width:1410px; | ||
+ | height:100%; | ||
+ | margin:auto ; | ||
+ | } | ||
- | + | #title_logo { | |
+ | float: left; | ||
+ | width:705px; | ||
+ | height:250px; | ||
+ | background :url("https://static.igem.org/mediawiki/2013/a/a5/Header_index_kiso4.png") #eafeff; | ||
+ | } | ||
+ | #title_logo img.iGEM2013 { | ||
+ | position: relative; | ||
+ | top: 20px; | ||
+ | left:300px; | ||
+ | width: 100px; | ||
+ | height: 50px; | ||
+ | } | ||
+ | #title_logo img.title { | ||
+ | position: relative; | ||
+ | top:20px; | ||
+ | left:40px; | ||
+ | width:600px; | ||
+ | height:200px; | ||
+ | } | ||
+ | #mymenubar { | ||
+ | float: left; | ||
+ | width: 705px; | ||
+ | height: 250px; | ||
+ | background: url("https://static.igem.org/mediawiki/2013/a/a5/Header_index_kiso4.png") -705px 0px no-repeat #eafeff; | ||
+ | } | ||
+ | #mymenubar table,tbody,tr { | ||
+ | background: transparent; | ||
+ | } | ||
- | + | #mymenubar table td div.home,home1 { | |
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | } | ||
+ | #mymenubar table td.home { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 70px 20px 0px 20px; | ||
+ | background: url("NoKoGen_material/home28.png") no-repeat 0px 0px; | ||
+ | } | ||
+ | #mymenubar table td.home:hover { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 70px 20px 0px 20px; | ||
+ | background-position: 0px -99px; | ||
+ | } | ||
- | + | #mymenubar table div.home1 { | |
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 72px 20px 0px 20px ; | ||
+ | background: url("https://static.igem.org/mediawiki/2013/1/18/Home26.png") no-repeat 0px 0px ; | ||
+ | background-size: 70px 95px; | ||
+ | } | ||
+ | #mymenubar table td span.project { | ||
+ | display: block; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | } | ||
+ | #mymenubar table td.project { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 68px 20px 0px 0px; | ||
+ | background: url("https://static.igem.org/mediawiki/2013/f/f5/Project28.png") no-repeat 0px 0px; | ||
+ | } | ||
+ | #mymenubar table td.project:hover { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 68px 20px 0px 0px; | ||
+ | background-position: 0px -99px; | ||
+ | } | ||
- | == | + | #mymenubar table div.project1 { |
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 72px 20px 0px 0px ; | ||
+ | background: url("NoKoGen_material/project26.png") no-repeat 0px 0px ; | ||
+ | background-size: 70px 95px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #mymenubar table td span.team { | ||
+ | display: block; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td.team { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 71px 20px 0px 0px; | ||
+ | background: url("https://static.igem.org/mediawiki/2013/b/ba/Team28.png") no-repeat 0px 0px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td.team:hover { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 71px 20px 0px 0px; | ||
+ | background-position: 0px -98px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table div.team1 { | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 72px 20px 0px 0px ; | ||
+ | background: url("NoKoGen_material/team26.png") no-repeat 0px 0px ; | ||
+ | background-size: 70px 95px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #mymenubar table td span.biobrick { | ||
+ | display: block; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td.biobrick { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 73px 20px 0px 0px; | ||
+ | background: url("https://static.igem.org/mediawiki/2013/9/96/Biobrick28.png") no-repeat 0px 0px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td.biobrick:hover { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 73px 20px 0px 0px; | ||
+ | background-position: 0px -99px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table div.biobrick1 { | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 72px 20px 0px 0px ; | ||
+ | background: url("NoKoGen_material/biobrick26.png") no-repeat 0px 0px ; | ||
+ | background-size: 70px 95px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #mymenubar table td span.notebook { | ||
+ | display: block; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td.notebook { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 75px 20px 0px 0px; | ||
+ | background: url("https://static.igem.org/mediawiki/2013/7/78/Notebook28.png") no-repeat 0px 0px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td.notebook:hover { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 75px 20px 0px 0px; | ||
+ | background-position: 0px -100px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table div.notebook1 { | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 72px 20px 0px 0px ; | ||
+ | background: url("NoKoGen_material/notebook26.png") no-repeat 0px 0px ; | ||
+ | background-size: 70px 95px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td span.humanpractice { | ||
+ | display: block; | ||
+ | width: 70px; | ||
+ | height: 97px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td.humanpractice { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 97px; | ||
+ | margin: 66px 20px 0px 0px; | ||
+ | background: url("https://static.igem.org/mediawiki/2013/c/c1/Humanpractice28.png") no-repeat 0px 0px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td.humanpractice:hover { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 97px; | ||
+ | margin: 66px 20px 0px 0px; | ||
+ | background-position: 0px -99px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table div.humanpractice1 { | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 72px 20px 0px 0px ; | ||
+ | background: url("NoKoGen_material/humanpractice26.png") no-repeat 0px 0px ; | ||
+ | background-size: 70px 95px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td span.sponsors { | ||
+ | display: block; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td.sponsors { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 73px 20px 0px 0px; | ||
+ | background: url("https://static.igem.org/mediawiki/2013/e/e6/Sponsors28.png") no-repeat 0px 0px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table td.sponsors:hover { | ||
+ | float: left; | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 73px 20px 0px 0px; | ||
+ | background-position: 0px -99px; | ||
+ | } | ||
+ | |||
+ | #mymenubar table div.sponsors1 { | ||
+ | width: 70px; | ||
+ | height: 95px; | ||
+ | margin: 72px 20px 0px 0px ; | ||
+ | background: url("NoKoGen_material/sponsors26.png") no-repeat 0px 0px ; | ||
+ | background-size: 70px 95px; | ||
+ | } | ||
+ | |||
+ | #index { | ||
+ | float: left; | ||
+ | width:490px; | ||
+ | height:1000px; | ||
+ | background: url("https://static.igem.org/mediawiki/2013/a/a5/Header_index_kiso4.png") 0px -250px no-repeat #eafeff; | ||
+ | } | ||
+ | |||
+ | |||
+ | #index img.logo { | ||
+ | position: relative; | ||
+ | top:20px; | ||
+ | left:230px; | ||
+ | width:150px; | ||
+ | height:150px; | ||
+ | } | ||
+ | |||
+ | #index_title { | ||
+ | position: relative; | ||
+ | top:40px; | ||
+ | left:230px; | ||
+ | } | ||
+ | |||
+ | #contents { | ||
+ | position: relative; | ||
+ | width:100px; | ||
+ | top:50px; | ||
+ | left:200px; | ||
+ | } | ||
+ | |||
+ | #main { | ||
+ | font-color: white; | ||
+ | float: left; | ||
+ | width:920px; | ||
+ | height:1000px; | ||
+ | background: #eafeff; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <title>Team:Tokyo-NoKoGen - 2013.igem.org</title> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="Tokyo-NoKoGen.css"> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="wrapper"> | ||
+ | |||
+ | <div id="title_logo"> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo-NoKoGen"><img class="title" src="https://static.igem.org/mediawiki/2013/4/4e/Title2.png"></a> | ||
+ | |||
+ | <a href="https://2013.igem.org"><img class="iGEM2013" src="NoKoGen_material/iGEM2013.png"></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="mymenubar"> | ||
+ | |||
+ | <table> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td class="home1"><div class="home1"></div></td> | ||
+ | |||
+ | <td class="project"><a href="https://2013.igem.org/Team:Tokyo-NoKoGen/Project"><span class="project"></span></a></td> | ||
+ | |||
+ | <td class="team"><a href="https://2013.igem.org/Team:Tokyo-NoKoGen/Team"><span class="team"></span></a></td> | ||
+ | |||
+ | <td class="biobrick"><a href="https://2013.igem.org/Team:Tokyo-NoKoGen/Parts"><span class="biobrick"></span></a></td> | ||
+ | |||
+ | <td class="notebook"><a href="https://2013.igem.org/Team:Tokyo-NoKoGen/Notebook"><span class="notebook"></span></a></td> | ||
+ | |||
+ | <td class="humanpractice"><a href="https://2013.igem.org/Team:Tokyo-NoKoGen/Humanpractice"><span class="humanpractice"></span></a></td> | ||
+ | |||
+ | <td class="sponsors"><a href="https://2013.igem.org/Team:Tokyo-NoKoGen/Sponsors"><span class="sponsors"></span></a></td> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="index"> | ||
+ | |||
+ | <img class="logo" src="NoKoGen_material/Tシャツ5.png"> | ||
+ | <h1 id="index_title">INDEX</h1> | ||
+ | <ul id="contents"> | ||
+ | <a href="#abstract"><li><strong>Abstract</strong></li></a> | ||
+ | <li><strong></strong></li> | ||
+ | <li><strong></strong></li> | ||
+ | <li><strong></strong></li> | ||
+ | <li><strong></strong></li> | ||
+ | <li><strong></strong></li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="main"> | ||
+ | <img id="mainback" src="https://static.igem.org/mediawiki/2013/f/fd/Twinkle_coli.png"> | ||
+ | |||
+ | <h1 id="abstract">Abstract</h1> | ||
+ | |||
+ | <h2>-Fast cycle! Fast response!-</h2> | ||
+ | |||
+ | <p> This year, we will create Twinkle.coli! Twinkle.coli blinks luminescence like a firefly. To construct it, we need a circuit that oscillates at a short cycle and a fast responsive system. To make oscillating circuit of a short cycle, we designed RNA based oscillator. Some genetic oscillator circuits have been already created and reported. In such common circuits, the oscillation is generated by the expression of inducer and repressor proteins, creating positive and negative feedbacks. As The problem with these oscillators is that because they use proteins to move the oscillation, it takes time for proteins to be transcribed to mRNA, which then needs to be translated to amino acid, and folded into protein, we have to shorten the cycle to make Twinkle coli. To accomplish it, avoid such problem, we chose RNA as a repressor.</p> | ||
+ | |||
+ | <p> The key point in our RNA oscillator is the use of RNA responsible self-cleavage ribozyme, which can control and be controlled by other RNA. To make a fast responsive system, we use the concept of RNA scaffold. When RNA is transcribed as an output from the oscillator, the already translated and existing luciferase and GFP in the cytoplasm bind the transcribed RNA, and BRET occurs which is a shift in luminescence. </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- <div id="footer"></div> | ||
+ | --> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 07:41, 17 September 2013
INDEX
Abstract
-Fast cycle! Fast response!-
This year, we will create Twinkle.coli! Twinkle.coli blinks luminescence like a firefly. To construct it, we need a circuit that oscillates at a short cycle and a fast responsive system. To make oscillating circuit of a short cycle, we designed RNA based oscillator. Some genetic oscillator circuits have been already created and reported. In such common circuits, the oscillation is generated by the expression of inducer and repressor proteins, creating positive and negative feedbacks. As The problem with these oscillators is that because they use proteins to move the oscillation, it takes time for proteins to be transcribed to mRNA, which then needs to be translated to amino acid, and folded into protein, we have to shorten the cycle to make Twinkle coli. To accomplish it, avoid such problem, we chose RNA as a repressor.
The key point in our RNA oscillator is the use of RNA responsible self-cleavage ribozyme, which can control and be controlled by other RNA. To make a fast responsive system, we use the concept of RNA scaffold. When RNA is transcribed as an output from the oscillator, the already translated and existing luciferase and GFP in the cytoplasm bind the transcribed RNA, and BRET occurs which is a shift in luminescence.