Team:Tokyo-NoKoGen/Project

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
This is a template page. READ THESE INSTRUCTIONS.
 
-
</div>
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
 
-
</div>
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
    <head>
 +
<style type ='text/css'>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
#globalWrapper {
-
!align="center"|[[Team:Tokyo-NoKoGen|Home]]
+
width: 1410px;  
-
!align="center"|[[Team:Tokyo-NoKoGen/Team|Team]]
+
height:100%;
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Tokyo-NoKoGen Official Team Profile]
+
}
-
!align="center"|[[Team:Tokyo-NoKoGen/Project|Project]]
+
-
!align="center"|[[Team:Tokyo-NoKoGen/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Tokyo-NoKoGen/Modeling|Modeling]]
+
-
!align="center"|[[Team:Tokyo-NoKoGen/Notebook|Notebook]]
+
-
!align="center"|[[Team:Tokyo-NoKoGen/Safety|Safety]]
+
-
!align="center"|[[Team:Tokyo-NoKoGen/Attributions|Attributions]]
+
-
|}
+
 +
#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;
 +
}
-
== '''Overall project''' ==
+
#p-logo {
 +
overflow:hidden;
 +
display: none;
 +
}
-
Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)
+
#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;
 +
}
-
== Project Details==
+
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 ;
 +
}
-
=== Part 2 ===
+
#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;
 +
}
-
=== The Experiments ===
+
#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;
 +
}
-
=== Part 3 ===
+
#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;
 +
}
-
== Results ==
+
#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

Team:Tokyo-NoKoGen - 2013.igem.org

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.