Team:KAIST Korea/Home Intro

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /> <link hre...")
 
(39 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:KAIST_Korea/top_home}}
 +
{{:Team:KAIST_Korea/navi}}
<html>
<html>
<head>
<head>
-
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />
+
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'>
-
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
 +
<script type="text/javascript">
 +
  WebFontConfig = {
 +
    google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}
 +
  };
 +
  (function() {
 +
    var wf = document.createElement('script');
 +
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
 +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
 +
    wf.type = 'text/javascript';
 +
    wf.async = 'true';
 +
    var s = document.getElementsByTagName('script')[0];
 +
    s.parentNode.insertBefore(wf, s);
 +
  })();
 +
  </script>
<style>
<style>
-
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);
+
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);
-
ul.oe_menu{
+
#kaistcontent
-
list-style:none;
+
{
-
position:relative;
+
position: relative;
-
width:300px;
+
-
float:left;
+
-
clear:both;
+
-
margin:5px 0px 0px 8px;
+
-
}
+
-
ul.oe_menu > li{
+
-
width:90px;
+
-
height:30px;
+
-
padding:auto;
+
-
float:left;
+
-
position:relative;
+
-
}
+
-
ul.oe_menu > li > a{
+
-
display:block;
+
background-color:transparent;
background-color:transparent;
-
color:#aaa;
+
width:690px;
-
text-decoration:none;
+
font-family: 'Open Sans', sans-serif;
-
text-align:center;
+
font-size:11pt;
-
font-size:16px;
+
line-height:120%;
-
font-family: 'Source Sans Pro', sans-serif;
+
text-align:justify;
-
width:90px;
+
padding: 0px 15px 0px 15px;
-
height:30px;
+
left:300px;
-
opacity:0.8;
+
top:-70px;
-
}
+
z-index: 2;
-
ul.oe_menu > li > a:hover,
+
-
ul.oe_menu > li.selected > a{
+
-
color:#fff;
+
-
opacity:1.0;
+
-
}
+
-
.oe_wrapper ul.hovered > li > a{
+
-
background:transparent;
+
-
+
-
}
+
-
ul.oe_menu div{
+
-
position:absolute;
+
-
left:0px;
+
-
background:transparent;
+
-
width:268px;
+
-
height:36px;
+
-
padding:2px;
+
-
display:none;
+
-
}
+
-
ul.oe_menu div ul li a{
+
-
text-decoration:none;
+
-
color:#cbcbcb;
+
-
padding:2px 2px 2px 4px;
+
-
margin:2px;
+
-
display:block;
+
-
font-family: 'Source Sans Pro', sans-serif;
+
-
text-align:center;
+
-
font-size:16px;
+
-
}
+
-
ul.oe_menu div ul.oe_full{
+
-
width:100%;
+
-
}
+
-
ul.oe_menu div ul li a:hover{
+
-
background:#8583bf;/*이걸로 색상 조절*/
+
-
color:#fff;
+
-
}
+
-
ul.oe_menu li ul{
+
-
list-style:none;
+
-
float:left;
+
-
width: 86px;
+
-
margin-right:0px;
+
}
}
-
ul.oe_menu2{
+
#kaistcontent #little
-
list-style:none;
+
{
-
position:relative;
+
padding: 0px 0px 0px 30px;
-
width:300px;
+
line-height:140%;
-
float:left;
+
-
clear:both;
+
-
margin:5px 0px 0px 8px;
+
}
}
-
ul.oe_menu2 > li{
+
#kaistcontent #little2
-
width:90px;
+
{
-
height:30px;
+
padding: 0px 0px 0px 15px;
-
padding:auto;
+
line-height:140%;
-
float:left;
+
-
position:relative;
+
}
}
-
ul.oe_menu2 > li > a{
+
#kaistcontent #starter-grad
-
display:block;
+
{
-
background-color:transparent;
+
width:15px;
-
color:#eee;
+
height:100px;
-
text-decoration:none;
+
-
text-align:center;
+
-
font-size:16px;
+
-
font-family: 'Source Sans Pro', sans-serif;
+
-
width:90px;
+
-
height:30px;
+
-
opacity:0.8;
+
-
}
+
-
ul.oe_menu2 > li > a:hover,
+
-
ul.oe_menu2 > li.selected > a{
+
-
color:#fff;
+
-
opacity:1.0;
+
-
}
+
-
 
+
-
.oe_wrapper2 ul.hovered > li > a{
+
-
background:transparent;
+
-
+
-
}
+
-
 
+
-
ul.oe_menu2 div{
+
-
position:absolute;
+
-
left:0px;
+
-
background:transparent;
+
-
width:268px;
+
-
height:36px;
+
-
padding:2px;
+
-
display:none;
+
-
}
+
-
ul.oe_menu2 div ul li a{
+
-
text-decoration:none;
+
-
color:#ffffff;
+
-
padding:2px 2px 2px 2px;
+
-
margin:2px;
+
-
display:block;
+
-
font-family: 'Source Sans Pro', sans-serif;
+
-
text-align:center;
+
-
font-size:16px;
+
-
}
+
-
 
+
-
ul.oe_menu2 div ul.oe_full2{
+
-
width:100%;
+
-
}
+
-
 
+
-
ul.oe_menu2 div ul li a:hover{
+
-
background:#d37c62;/*이걸로 색상 조절*/
+
-
color:#fff;
+
-
}
+
-
 
+
-
ul.oe_menu2 li ul{
+
-
list-style:none;
+
float:left;
float:left;
-
width: 86px;
+
margin:0px 15px 2px 0px;
-
margin-right:0px;
+
}
}
-
#main
+
#kaistcontent #starter
{
{
-
min-height: 100%;
+
font-family: 'Open Sans', sans-serif;
-
width: 1024px;
+
font-size:20pt;
-
margin: 0 auto;
+
padding:0px 0px 0px 10px;
-
background-color: transparent;
+
font-style:italic;
-
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");
+
-
background-repeat:repeat-y;
+
}
}
-
#main #main-img
+
#kaistcontent #sub-title
{
{
-
position: absolute;
+
font-family: 'Open Sans', sans-serif;
-
width: 1024px;
+
color:#848383;
-
top: -30px;
+
font-size: 15pt;
-
z-index:0;
+
line-height:100%;
 +
font-weight:bold;
 +
font-style:italic;
}
}
-
#main a #main-logo
+
#kaistcontent h1
{
{
-
position: absolute;
+
font-family: 'Open Sans', sans-serif;
-
top: -30px;
+
color:#5c5858;
-
width: 336px;
+
font-weight:bold;
-
z-index:1;
+
font-size:24pt;
 +
line-height:110%;
}
}
-
#main #top-img
+
#kaistcontent ul
{
{
-
position: relative;
+
list-style-type:disc;
-
top: -5px;
+
padding: 0px 0px 0px 30px;
-
    left:292px;
+
-
width:732px;
+
-
height: 250px;
+
-
z-index: 0;
+
-
opacity:0.9;
+
-
}
+
-
 
+
-
div .oe_wrapper{
+
-
position:absolute;
+
-
z-index:3;
+
-
top:275px;
+
-
}
+
-
div .oe_wrapper2{
 
-
position:absolute;
 
-
z-index:2;
 
-
top:355px;
 
}
}
-
#menucontent
+
#kaistcontent li
{
{
-
        position: relative;
+
list-style-type:disc;
-
        background-color:transparent;
+
-
        width:690px;
+
-
        left:320px;
+
-
        top:-75px;
+
-
        z-index:2;
+
-
        text-align: right;
+
-
        opacity:0.8;
+
}
}
-
#top-img-description
+
#kaistcontent #sub-sub-title
{
{
-
font-size:36px;
+
font-family: 'Open Sans', sans-serif;
-
font-family: 'Qwigley', cursive;
+
color:#848383;
-
font-weight:bold;
+
font-weight:bold;
-
}
+
font-size:14pt;
-
 
+
line-height:110%;
-
#top-img-description-box
+
-
{
+
-
position: relative;
+
-
        background-color:transparent;
+
-
        top:-115px;
+
-
left: 350px;
+
-
        z-index:3;
+
-
}
+
-
 
+
-
#horizontal-line
+
-
{
+
-
position: relative;
+
-
        background-color:transparent;
+
-
        width:732px;
+
-
height:3px;
+
-
        left:292px;
+
-
        top:-90px;
+
-
        z-index:2;
+
-
}
+
-
div .contact-us{
+
-
position: absolute;
+
-
z-index:2;
+
-
top:425px;
+
-
padding:4px 0px 0px 10px;
+
-
width:268px;
+
-
}
+
-
 
+
-
div .contact-us #contact-us-information{
+
-
font-family: 'Source Sans Pro', sans-serif;
+
-
font-size:12px;
+
-
font-style: italic;
+
-
}
+
-
 
+
-
div .contact-us #contact-us-title{
+
-
font-family: 'Source Sans Pro', sans-serif;
+
-
font-size:22px;
+
-
line-height:170%;
+
-
color:#444444;
+
-
font-style: normal;
+
}
}
</style>
</style>
-
<script type="text/javascript">
 
-
  WebFontConfig = {
 
-
    google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }
 
-
  };
 
-
  (function() {
 
-
    var wf = document.createElement('script');
 
-
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
 
-
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
 
-
    wf.type = 'text/javascript';
 
-
    wf.async = 'true';
 
-
    var s = document.getElementsByTagName('script')[0];
 
-
    s.parentNode.insertBefore(wf, s);
 
-
  })(); </script>
 
</head>
</head>
<body>
<body>
<div id="main">
<div id="main">
-
<a href="https://2012.igem.org/Team:KAIST_Korea/enter"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a>
+
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/>
-
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/>
+
<div id="menucontent">
-
<div class="oe_wrapper">
+
  <img src="https://static.igem.org/mediawiki/2012/2/20/Home_ico.png"/>
-
<ul id="oe_menu" class="oe_menu">
+
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><img src="https://static.igem.org/mediawiki/2012/e/ee/Intro_ico.png"/></a>
-
<li><a href="#">HOME</a>
+
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM"><img src="https://static.igem.org/mediawiki/2012/c/c0/Igem_ico.png"/></a>
-
<div style="top:30px;">
+
-
<ul style="margin:0 0 0 30px;width:100px;">
+
-
<li><a href="#">Introduction</a></li>
+
-
</ul>
+
-
<ul style="width:100px;margin:0px 5px 0px 5px;">
+
-
<li style="font-size:14px;"><a href="#">iGEM</a></li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
<li><a href="#">TEAM</a>
+
-
<div style="left:-91px;top:30px;"><!-- -112px -->
+
-
<ul>
+
-
<li><a href="#">KAIST</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li><a href="#">Members</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li><a href="#">Gallery</a></li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
<li><a href="#">PART</a>
+
-
<div style="left:-182px;top:30px;">
+
-
<ul style="margin:0 0 0 30px;width:100px;">
+
-
<li><a href="#">Bio Bricks</a></li>
+
-
</ul>
+
-
<ul style="width:100px">
+
-
<li><a href="#">About Bricks</a></li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
+
-
</ul>
+
</div>
</div>
-
<div class="oe_wrapper2">
+
<div id="top-img-description-box"><span id="top-img-description">Home : Introduction</span></div>
-
<ul id="oe_menu2" class="oe_menu2">
+
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img>
-
<li><a href="#">PROJECT</a>
+
 
-
<div style="top:24px;left:32px;">
+
<div id="kaistcontent">
-
<ul style="width:100px;height:19px;">
+
        <div>
-
<li><a style="font-size:14px;" href="#">Background</a></li>
+
        <img id="starter-grad" style="height:80px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img>
-
</ul>
+
        <h1> Abstract</h1>
-
<ul style="width:100px;height:19px;">
+
<span id="sub-title">Reguli</span></br></br>
-
<li><a style="font-size:14px;" href="#">Results</a></li>
+
-
</ul>
+
<span id="little"></span><span id="starter">B</span>iological engineering has brought us handy tools to produce desired products. However, we have to induce genes to properly express them on correct cell phase. We, KAIST 2012 iGEM team, suggest a module that automatically turns the transcription of gene on or off using dual-phase switching module. In our model, promoter orientation is designed to be reversed when sufficient quorum molecule is detected. Then, genes on the other side, indigo synthesizing enzyme bFMO, lactonase, and excisionase are expressed. Indigo is meaningful in that it is the end-product of its metabolic pathway and, its color can be easily detected. Lactonase quenches quorum molecule(lactone), which will generate an oscillating pattern. Excisionase acts on the recombination site to set promoter to its initial orientation. In this way, we can regulate metabolic pathways. So we call it regulative E.coli, Reguli.
-
<ul style="width:100px;height:19px;">
+
 
-
<li><a style="font-size:14px;" href="#">Future Plan</a></li>
+
-
</ul>
+
-
<ul style="width:100px;height:19px;">
+
-
<li><a style="font-size:14px;" href="#">Modeling</a></li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
<li><a href="#">NOTEBOOK</a>
+
-
<div style="left:-91px;top:30px;"><!-- -112px -->
+
-
<ul>
+
-
<li><a href="#">Protocol</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li><a href="#">Labnote</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li><a href="#">Overview</a></li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
<li><a href="#">PLUS</a>
+
-
<div style="left:-182px;top:30px;">
+
-
<ul>
+
-
<li><a href="#">Safety</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li><a href="#">Attribution</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li><a href="#">Sponsor</a></li>
+
-
</ul>
+
-
</div>
+
-
</li>
+
-
+
-
</ul>
+
-
</div>
+
-
<div class="contact-us">
+
-
<div id="contact-us-title">2012 KAIST Korea</div>
+
-
<div id="contact-us-information">
+
-
Mail : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br>
+
-
Twitter : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br>
+
-
Facebook : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a>
+
</div>
</div>
-
</div>
+
</br></br>
-
</div>
+
<div>
-
        <!-- The JavaScript -->
+
<img id="starter-grad" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img>
-
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
+
         <h1> Introduction</h1>
-
         <script type="text/javascript">
+
-
            $(function() {
+
-
var $oe_menu = $('#oe_menu');
+
-
var $oe_menu_items = $oe_menu.children('li');
+
-
+
-
                $oe_menu_items.bind('mouseenter',function(){
+
-
var $this = $(this);
+
-
$this.addClass('slided selected');
+
-
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
+
-
$oe_menu_items.not('.slided').children('div').hide();
+
-
$this.removeClass('slided');
+
-
});
+
-
}).bind('mouseleave',function(){
+
-
var $this = $(this);
+
-
$this.removeClass('selected').children('div').css('z-index','1');
+
-
});
+
-
$oe_menu.bind('mouseenter',function(){
+
<span id="sub-title">"We suggest an auto-regulation module free from induction which utilizes dual-phase switching system."</span></br></br>
-
var $this = $(this);
+
<span id="little"></span><span id="starter">T</span>hroughout past iGEM competitions, many kinds of bio-modules were proposed and tested. They were great and some were brilliant, but it doesn’t seem many of them are universally available. Of course the goal of iGEM is to enrich the database, but we view the beauty of this registry is to contain as many modules which can be readily applied to actual research as possible. Thus, here now, we suggest an auto-regulation module free from induction which utilizes dual-phase switching system and quorum sensing.  
-
$this.addClass('hovered');
+
-
}).bind('mouseleave',function(){
+
-
var $this = $(this);
+
-
$this.removeClass('hovered');
+
-
$oe_menu_items.children('div').hide();
+
-
})
+
-
            });
+
-
</script>
+
-
<script type="text/javascript">
+
-
     
+
-
$(function() {
+
-
var $oe_menu2 = $('#oe_menu2');
+
-
var $oe_menu_items2 = $oe_menu2.children('li');
+
-
+
-
                $oe_menu_items2.bind('mouseenter',function(){
+
-
var $this = $(this);
+
-
$this.addClass('slided selected');
+
-
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
+
-
$oe_menu_items2.not('.slided').children('div').hide();
+
-
$this.removeClass('slided');
+
-
});
+
-
}).bind('mouseleave',function(){
+
-
var $this = $(this);
+
-
$this.removeClass('selected').children('div').css('z-index','1');
+
-
});
+
-
$oe_menu2.bind('mouseenter',function(){
+
 
-
var $this = $(this);
+
</br></br>
-
$this.addClass('hovered');
+
<span id="little2"></span>We may think of many meanings for this module; bio-computing, in-cell signal processing, and auto-control of cell metabolism. For example, since we use dual-phase switching system, we may consider each direction of gene expression as a signal; signal 0 or 1 of binary code. Thereby we can use this module to generate in vivo logic gates or computational system.
-
}).bind('mouseleave',function(){
+
 
-
var $this = $(this);
+
</br></br>
-
$this.removeClass('hovered');
+
<span id="little2"></span>Dual-phase switching system adopts DNA recombination system of bacteriophage origin. In this system, DNA integrase recognizes specific sequences called attB and attP and then invert the sequence between them. Exisionase revert this sequence into its original state by recognizing the recombination site. We can thereby use this system to turn the pathway on or off.
-
$oe_menu_items2.children('div').hide();
+
 
-
})
+
                </br></br>
-
            });
+
<span id="little2"></span>Products of LuxI and LuxR are used to generate signals in our quorum sensing model. They initiate the operation of auto-regulation module. Lactonase will regulate the signal to yield an oscillating pattern.
-
         </script>
+
 
 +
                </br></br>
 +
<span id="little2"></span>As our end product, we selected bio-indigo which comes from indole. This widespread pigment is produced by bFMO, bacterial Flavin-containing MonoOxygenase. Successful production of bio-indigo verifies that our module can be embodied well in metabolic pathway and also proposes its potential usage.
 +
 
 +
</br>
 +
</br>
 +
          
 +
</div>
 +
</div>
</body>
</body>
</html>
</html>
 +
{{:Team:KAIST_Korea/footer}}

Latest revision as of 15:19, 26 October 2012

KAIST Korea 2012 iGEM

Home : Introduction

Abstract

Reguli

Biological engineering has brought us handy tools to produce desired products. However, we have to induce genes to properly express them on correct cell phase. We, KAIST 2012 iGEM team, suggest a module that automatically turns the transcription of gene on or off using dual-phase switching module. In our model, promoter orientation is designed to be reversed when sufficient quorum molecule is detected. Then, genes on the other side, indigo synthesizing enzyme bFMO, lactonase, and excisionase are expressed. Indigo is meaningful in that it is the end-product of its metabolic pathway and, its color can be easily detected. Lactonase quenches quorum molecule(lactone), which will generate an oscillating pattern. Excisionase acts on the recombination site to set promoter to its initial orientation. In this way, we can regulate metabolic pathways. So we call it regulative E.coli, Reguli.


Introduction

"We suggest an auto-regulation module free from induction which utilizes dual-phase switching system."

Throughout past iGEM competitions, many kinds of bio-modules were proposed and tested. They were great and some were brilliant, but it doesn’t seem many of them are universally available. Of course the goal of iGEM is to enrich the database, but we view the beauty of this registry is to contain as many modules which can be readily applied to actual research as possible. Thus, here now, we suggest an auto-regulation module free from induction which utilizes dual-phase switching system and quorum sensing.

We may think of many meanings for this module; bio-computing, in-cell signal processing, and auto-control of cell metabolism. For example, since we use dual-phase switching system, we may consider each direction of gene expression as a signal; signal 0 or 1 of binary code. Thereby we can use this module to generate in vivo logic gates or computational system.

Dual-phase switching system adopts DNA recombination system of bacteriophage origin. In this system, DNA integrase recognizes specific sequences called attB and attP and then invert the sequence between them. Exisionase revert this sequence into its original state by recognizing the recombination site. We can thereby use this system to turn the pathway on or off.

Products of LuxI and LuxR are used to generate signals in our quorum sensing model. They initiate the operation of auto-regulation module. Lactonase will regulate the signal to yield an oscillating pattern.

As our end product, we selected bio-indigo which comes from indole. This widespread pigment is produced by bFMO, bacterial Flavin-containing MonoOxygenase. Successful production of bio-indigo verifies that our module can be embodied well in metabolic pathway and also proposes its potential usage.

Kaist Footer

Retrieved from "http://2012.igem.org/Team:KAIST_Korea/Home_Intro"