"
Team:UT Dallas/Projects
From 2012.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| + | __NOTOC__ | ||
<html> | <html> | ||
| - | < | + | <!-- Internet Explorer PNG fix - START /--> |
| - | < | + | <!--[if lt IE 7]> |
| - | < | + | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js">IE7_PNG_SUFFIX=".png";</script> |
| - | </ | + | <![endif]--> |
| + | <!-- Internet Explorer PNG fix - END /--> | ||
| + | |||
| + | <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> | ||
| + | <link href="https://2012.igem.org/Team:UT_Dallas/test/page.css?action=raw&ctype=text/css&pusthu=hyyiw" rel="stylesheet"> | ||
| + | </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');}); | ||
| + | </script> | ||
| + | </html> | ||
| + | <div id='top_box'> | ||
| + | {{:Team:UT_Dallas/Template:menu}}<html> | ||
| + | </div> | ||
| + | <div id='middle_box' style="padding:0px;height: 198px;"> | ||
| + | <!-- style="background: url('https://static.igem.org/mediawiki/2012/e/e0/Hac_bg.png') repeat-y scroll 0 0 transparent;">--> | ||
| + | <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> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
</html> | </html> | ||
Latest revision as of 21:40, 29 September 2012
-
Toggle switch
-
oscillator
-
AND gate
-
Infographics
