Team:UT Dallas/Projects

From 2012.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 8: Line 8:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
 +
<script type="text/javascript" src="https://2012.igem.org/Team:UT_Dallas/haccordion.js?action=raw&ctype=text/javascript"></script>
<script type='text/javascript' src='https://2012.igem.org/Team:UT_Dallas/script.js?action=raw&ctype=text/javascript'></script>
<script type='text/javascript' src='https://2012.igem.org/Team:UT_Dallas/script.js?action=raw&ctype=text/javascript'></script>
-
<link href="https://2012.igem.org/Team:UT_Dallas/test/page.css?action=raw&ctype=text/css&purtryjryjytu=eryw" rel="stylesheet">
+
<link href="https://2012.igem.org/Team:UT_Dallas/test/page.css?action=raw&ctype=text/css&pusthu=hyyiw" rel="stylesheet">
-
<script language="javascript">
+
</script>
 +
 
 +
<style type="text/css">
 +
 
 +
.haccordion{
 +
padding: 0;
 +
}
 +
 
 +
.haccordion ul{
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
overflow: hidden; /*leave as is*/
 +
}
 +
 
 +
 
 +
.haccordion li{
 +
margin: 0;
 +
padding: 0;
 +
display: block; /*leave as is*/
 +
width: 100%; /*For users with JS disabled: Width of each content*/
 +
height: 200px; /*For users with JS disabled: Height of each content*/
 +
overflow: hidden; /*leave as is*/
 +
float: left; /*leave as is*/
 +
}
 +
 
 +
.haccordion li .hpanel{
 +
width: 100%; /*For users with JS disabled: Width of each content*/
 +
height: 200px;  /*For users with JS disabled: Height of each content*/
 +
}
 +
 
 +
#hc2{
 +
float:right;
 +
position:absolute;z-index:999;
 +
}
 +
#hc2 li{
 +
margin:0 0 0 0; /*Spacing between each LI container*/
 +
border: 0px;
 +
}
 +
 
 +
#hc2 li .hpanel{
 +
padding-left: 55px;
 +
padding-right: 2px;
 +
padding-top: 2px;
 +
padding-bottom: 2px;
 +
cursor: hand;
 +
cursor: pointer;
 +
}
 +
 
 +
</style>
 +
 
 +
<script type="text/javascript">
 +
haccordion.setup({
 +
accordionid: 'hc2', //main accordion div id
 +
paneldimensions: {peekw:'40px', fullw:'821px', h:'198px'},
 +
selectedli: [-1, true], //[selectedli_index, persiststate_bool]
 +
collapsecurrent: true //<- No comma following very last setting!
 +
})
$(document).ready(function(){  colorize_menu('project');});
$(document).ready(function(){  colorize_menu('project');});
</script>
</script>
Line 17: Line 75:
{{:Team:UT_Dallas/Template:menu}}<html>
{{:Team:UT_Dallas/Template:menu}}<html>
</div>
</div>
-
<div id='middle_box'>
+
<div id='middle_box' style="padding:0px;height: 198px;">
-
<div id='st_1'><h2 class='title'>Projects</h2>
+
<!-- style="background: url('https://static.igem.org/mediawiki/2012/e/e0/Hac_bg.png') repeat-y scroll 0 0 transparent;">-->
-
I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me and you can start adding your own content and make changes to the font. Feel free to drag and drop me anywhere you like on your page. I’m a great place for you to tell a story and let your users know a little more about your services. Tip: You could title this section “Our Services” or 'Our Team' and introduce who you are or what you do
+
<div id="hc2" class="haccordion" style="float:left;position:relative">
 +
<ul>
 +
 
 +
<li style="background:url('https://static.igem.org/mediawiki/2012/d/dc/Toggle_switch.png') no-repeat scroll 0 0 #EEEEEE;border-right-width:0">
 +
<div class="hpanel">
 +
Toggle switch
 +
</div>
 +
</li>
 +
 
 +
<li style="background:url('https://static.igem.org/mediawiki/2012/b/b7/Oscillator.png') no-repeat scroll 0 0 #EEEEEE;border-right-width:0">
 +
<div class="hpanel">
 +
oscillator
 +
</div>
 +
</li>
 +
 
 +
<li style="background:url('https://static.igem.org/mediawiki/2012/d/de/And_gate.png') no-repeat scroll 0 0 #EEEEEE;border-right-width:0">
 +
<div class="hpanel">
 +
AND gate
 +
</div>
 +
</li>
 +
 
 +
<li style="background:url('https://static.igem.org/mediawiki/2012/4/44/Infographics.png') no-repeat scroll 0 0 #EEEEEE;border-right:1px solid #007c5a">
 +
<div class="hpanel">
 +
Infographics
 +
</div>
 +
</li>
 +
 
 +
</ul>
 +
</div>
 +
 
 +
<div style="float: right;left: 170px;padding: 10px;position: absolute;top: 132px;width: 825px;" id='overview'>
 +
<h2 class='title'>Overview</h2>
 +
Our project is centered around creating a working toggle switch that flips between two different states when presented with certain chemicals. We started with a simple switch that utilizes two inhibitor proteins, LacI and TetR, which bind to sites on the pLac and pTet promoters, respectively. When bound to these promoters transcription is not able to proceed; any genes downstream of the promoter are effectively off. However, certain chemicals (IPTG in the case of LacI) will prevent these inhibitor proteins from binding to their respective promoters, allowing transcription of genes to continue constituively. Our design places a fluorescent and inhibitor gene downstream of one of these promoters, as shown in the diagram below. If these parts work as intended, then side 1, when running, should turn off side 2, and vice versa. By adding the chemicals IPTG or ATc, we can turn off the inhibitor proteins of one side, allowing the other side to become dominant.
</div>
</div>
</div>
</div>
</html>
</html>

Latest revision as of 21:40, 29 September 2012

  • Toggle switch
  • oscillator
  • AND gate
  • Infographics

Overview

Our project is centered around creating a working toggle switch that flips between two different states when presented with certain chemicals. We started with a simple switch that utilizes two inhibitor proteins, LacI and TetR, which bind to sites on the pLac and pTet promoters, respectively. When bound to these promoters transcription is not able to proceed; any genes downstream of the promoter are effectively off. However, certain chemicals (IPTG in the case of LacI) will prevent these inhibitor proteins from binding to their respective promoters, allowing transcription of genes to continue constituively. Our design places a fluorescent and inhibitor gene downstream of one of these promoters, as shown in the diagram below. If these parts work as intended, then side 1, when running, should turn off side 2, and vice versa. By adding the chemicals IPTG or ATc, we can turn off the inhibitor proteins of one side, allowing the other side to become dominant.
Retrieved from "http://2012.igem.org/Team:UT_Dallas/Projects"