Team:UCSF/Project/Background1
From 2013.igem.org
(Difference between revisions)
(56 intermediate revisions not shown) | |||
Line 161: | Line 161: | ||
h2{ | h2{ | ||
font-size: 1.8em; | font-size: 1.8em; | ||
- | line-height: 1. | + | line-height: 1.5em; |
} | } | ||
h3{ | h3{ | ||
Line 199: | Line 199: | ||
font-family: Georgia, Serif; | font-family: Georgia, Serif; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#box1{ | #box1{ | ||
width: 750px; | width: 750px; | ||
Line 263: | Line 222: | ||
#rightcontenttext {width:700px; float:right; background-color: #FFFFFF; margin-left:10px; padding: 10px; margin-top:8px;} | #rightcontenttext {width:700px; float:right; background-color: #FFFFFF; margin-left:10px; padding: 10px; margin-top:8px;} | ||
</style> | </style> | ||
+ | |||
+ | |||
+ | <!--------------------------------------------------------------------------> | ||
+ | <!----{{Template:12SJTU_js}}----> | ||
+ | <script type="text/javascript" > | ||
+ | function SDMenu(id) { | ||
+ | if (!document.getElementById || !document.getElementsByTagName) | ||
+ | return false; | ||
+ | this.menu = document.getElementById(id); | ||
+ | this.submenus = this.menu.getElementsByTagName("div"); | ||
+ | this.remember = true; | ||
+ | this.speed = 20; | ||
+ | this.markCurrent = true; | ||
+ | this.oneSmOnly = false; | ||
+ | } | ||
+ | SDMenu.prototype.init = function () { | ||
+ | var mainInstance = this; | ||
+ | for (var i = 0; i < this.submenus.length; i++) | ||
+ | this.submenus[i].getElementsByTagName("span")[0].onclick = function () { | ||
+ | mainInstance.toggleMenu(this.parentNode); | ||
+ | }; | ||
+ | if (this.markCurrent) { | ||
+ | var links = this.menu.getElementsByTagName("a"); | ||
+ | for (var i = 0; i < links.length; i++) | ||
+ | if (links[i].href == document.location.href) { | ||
+ | links[i].className = "current"; | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | if (this.remember) { | ||
+ | var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)"); | ||
+ | var match = regex.exec(document.cookie); | ||
+ | if (match) { | ||
+ | var states = match[1].split(""); | ||
+ | for (var i = 0; i < states.length; i++) | ||
+ | this.submenus[i].className = (states[i] == 0 ? "collapsed" : ""); } | ||
+ | } | ||
+ | }; | ||
+ | SDMenu.prototype.toggleMenu = function (submenu) { | ||
+ | if (submenu.className == "collapsed") | ||
+ | this.expandMenu(submenu); | ||
+ | else if (submenu.className == "collapsed_ab") | ||
+ | this.expandMenu(submenu); | ||
+ | else | ||
+ | this.collapseMenu(submenu); | ||
+ | this.collapseOthers(submenu); | ||
+ | }; | ||
+ | SDMenu.prototype.expandMenu = function (submenu) { | ||
+ | var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight; | ||
+ | var links = submenu.getElementsByTagName("a"); | ||
+ | |||
+ | for (var i = 0; i < links.length; i++) | ||
+ | fullHeight += links[i].offsetHeight; | ||
+ | var moveBy = Math.round(this.speed * links.length); | ||
+ | |||
+ | var mainInstance = this; | ||
+ | var intId = setInterval(function () { | ||
+ | var curHeight = submenu.offsetHeight; | ||
+ | var newHeight = curHeight + moveBy; | ||
+ | if (newHeight < fullHeight) | ||
+ | submenu.style.height = newHeight + "px"; | ||
+ | else { | ||
+ | clearInterval(intId); | ||
+ | submenu.style.height = ""; | ||
+ | submenu.className = ""; | ||
+ | mainInstance.memorize(); | ||
+ | } | ||
+ | }, 30); | ||
+ | this.collapseOthers(submenu); | ||
+ | }; | ||
+ | SDMenu.prototype.collapseMenu = function (submenu) { | ||
+ | var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight; | ||
+ | var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length); | ||
+ | var mainInstance = this; | ||
+ | var intId = setInterval(function () { | ||
+ | var curHeight = submenu.offsetHeight; | ||
+ | var newHeight = curHeight - moveBy; | ||
+ | if (newHeight > minHeight) | ||
+ | submenu.style.height = newHeight + "px"; | ||
+ | else { | ||
+ | clearInterval(intId); | ||
+ | submenu.style.height = ""; | ||
+ | submenu.className = "collapsed"; | ||
+ | mainInstance.memorize(); | ||
+ | } | ||
+ | }, 30); | ||
+ | }; | ||
+ | SDMenu.prototype.collapseOthers = function (submenu) { | ||
+ | if (this.oneSmOnly) { | ||
+ | for (var i = 0; i < this.submenus.length; i++) | ||
+ | if (this.submenus[i] != submenu) { | ||
+ | if (this.submenus[i].className != "collapsed") { | ||
+ | this.collapseMenu(this.submenus[i]); | ||
+ | } | ||
+ | else if (this.submenus[i].className != "collapsed_ab") { | ||
+ | this.collapseMenu(this.submenus[i]); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }; | ||
+ | SDMenu.prototype.expandAll = function () { | ||
+ | var oldOneSmOnly = this.oneSmOnly; | ||
+ | this.oneSmOnly = false; | ||
+ | for (var i = 0; i < this.submenus.length; i++) | ||
+ | if (this.submenus[i].className == "collapsed") | ||
+ | this.expandMenu(this.submenus[i]); | ||
+ | else if (this.submenus[i].className == "collapsed_ab") | ||
+ | this.expandMenu(this.submenus[i]); | ||
+ | this.oneSmOnly = oldOneSmOnly; | ||
+ | }; | ||
+ | SDMenu.prototype.collapseAll = function () { | ||
+ | for (var i = 0; i < this.submenus.length; i++) | ||
+ | if (this.submenus[i].className != "collapsed") | ||
+ | this.collapseMenu(this.submenus[i]); | ||
+ | else if (this.submenus[i].className != "collapsed_ab") | ||
+ | this.collapseMenu(this.submenus[i]); | ||
+ | }; | ||
+ | SDMenu.prototype.memorize = function () { | ||
+ | if (this.remember) { | ||
+ | var states = new Array(); | ||
+ | for (var i = 0; i < this.submenus.length; i++) | ||
+ | states.push(this.submenus[i].className == "collapsed" ? 0 : 1); | ||
+ | var d = new Date(); | ||
+ | d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000)); | ||
+ | document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString() + "; path=/"; | ||
+ | } | ||
+ | }; | ||
+ | </script> | ||
+ | <!----End {{Template:12SJTU_js}}----> | ||
+ | |||
+ | <!----{{Template:12SJTU_sdmenu_css}}----> | ||
+ | <style type="text/css"> | ||
+ | div.sdmenu { | ||
+ | font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif; | ||
+ | font-size: 1.2em; | ||
+ | padding-bottom: 5px; | ||
+ | color: #fff; | ||
+ | } | ||
+ | div.sdmenu div { | ||
+ | background-color: #6BAFAB; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | div.sdmenu div.collapsed { | ||
+ | height: 30px;} | ||
+ | div.sdmenu div span { | ||
+ | display: block; | ||
+ | padding: 6px 25px; | ||
+ | width: 150px; | ||
+ | font-weight: bold; | ||
+ | color: white; | ||
+ | background: url(/wiki/images/f/f7/12SJTU_floatnav_expanded.gif) no-repeat 10px center; | ||
+ | cursor: default; | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.sdmenu div:hover{ | ||
+ | background-color: #51C9C9; | ||
+ | } | ||
+ | div.sdmenu div.collapsed span { | ||
+ | background-image: url(/wiki/images/2/20/12SJTU_floatnav_collapsed.gif); | ||
+ | } | ||
+ | div.sdmenu div a { | ||
+ | padding: 5px 10px; | ||
+ | background: #DDE7E2; | ||
+ | display: block; | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | color: #3F7572; | ||
+ | } | ||
+ | div.sdmenu div a.current { | ||
+ | background : #B7CDC2; | ||
+ | } | ||
+ | div.sdmenu div a:hover { | ||
+ | background : #31A29F url(/wiki/images/2/2d/12SJTU_floatnav_linkarrow.gif) no-repeat right center; | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | </style> | ||
+ | <!----End {{Template:12SJTU_sdmenu_css}}----> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .floatbox{ | ||
+ | position:absolute; | ||
+ | width:160px; | ||
+ | height:00px; | ||
+ | background:#FFFFFF | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | // <![CDATA[ | ||
+ | var myMenu; | ||
+ | window.onload = function () { | ||
+ | myMenu = new SDMenu("my_menu"); | ||
+ | myMenu.oneSmOnly = true; | ||
+ | myMenu.remember = false; | ||
+ | myMenu.init(); | ||
+ | myMenu.expandMenu(myMenu.submenus[0]); | ||
+ | }; | ||
+ | // ]]> | ||
+ | </script> | ||
+ | |||
+ | <!----------------------------------------------------------------------------------------------------> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <div class="floatbox" id="12SJTU_floatnav" style="top:200px; left:2px;"> | ||
+ | <table border="0" width="150" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td width="100%"> | ||
+ | |||
+ | <!--End {{Template:12SJTU_floatnav_head}}--> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | // <![CDATA[ | ||
+ | var myMenu; | ||
+ | window.onload = function () { | ||
+ | myMenu = new SDMenu("my_menu"); | ||
+ | myMenu.oneSmOnly = true; | ||
+ | myMenu.remember = false; | ||
+ | myMenu.init(); | ||
+ | myMenu.expandMenu(myMenu.submenus[0]); | ||
+ | }; | ||
+ | // ]]> | ||
+ | </script> | ||
+ | |||
+ | <!--{{Template:12SJTU_nav_project}}--> | ||
+ | <div style="float: left" id="my_menu" class="sdmenu"> | ||
+ | <div class="collapsed"> | ||
+ | <span>Background</span> | ||
+ | <a href="/Team:UCSF/Project/Background1">Background</a> | ||
+ | </div> | ||
+ | <div class="collapsed"> | ||
+ | <span>CRISPRi Circuit</span> | ||
+ | <a href="/Team:UCSF/Project/Circuit/Design">Design</a> | ||
+ | <a href="/Team:UCSF/Project/Circuit/Data">Data</a> | ||
+ | </div> | ||
+ | <div class="collapsed"> | ||
+ | <span>CRISPRi Conjugation</span> | ||
+ | <a href="/Team:UCSF/Project/Conjugation/Design">Design</a> | ||
+ | <a href="/Team:UCSF/Project/Conjugation/Data">Data</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--End {{Template:12SJTU_nav_project}}--> | ||
+ | |||
+ | <!--{{Template:12SJTU_floatnav_foot}}--> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | var id = function (o) { return document.getElementById(o) } | ||
+ | var scroll = function (o) { | ||
+ | var space = id(o).offsetTop; | ||
+ | id(o).style.top = space + 'px'; | ||
+ | void function () { | ||
+ | var goTo = 0; | ||
+ | var roll = setInterval(function () { | ||
+ | var height = document.documentElement.scrollTop + document.body.scrollTop + space; | ||
+ | var top = parseInt(id(o).style.top); | ||
+ | if (parseInt(document.documentElement.scrollTop + document.body.scrollTop) > 98) { | ||
+ | height = height - 70; | ||
+ | if (parseInt(document.documentElement.scrollTop + document.body.scrollTop) > 198) { | ||
+ | height = height - 70; | ||
+ | if (parseInt(document.documentElement.scrollTop + document.body.scrollTop) > 298) { | ||
+ | height = height - 70; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | if (height != top) { | ||
+ | goTo = height - parseInt((height - top) * 0.9); | ||
+ | id(o).style.top = goTo + 'px'; | ||
+ | } | ||
+ | }, 30); | ||
+ | } () | ||
+ | } | ||
+ | scroll('12SJTU_floatnav'); | ||
+ | </script> | ||
+ | |||
<div id="box1" align="justify"> | <div id="box1" align="justify"> | ||
<h2><FONT COLOR="#008000"> Operation CRISPR: Deploying precision guided tools to target unique species in a complex microbiome </FONT COLOR="#008000"></h2> | <h2><FONT COLOR="#008000"> Operation CRISPR: Deploying precision guided tools to target unique species in a complex microbiome </FONT COLOR="#008000"></h2> | ||
Line 290: | Line 525: | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 21:47, 27 October 2013
Operation CRISPR: Deploying precision guided tools to target unique species in a complex microbiome
Rarely in nature do bacterial strains exist in isolation; they form complex microbial communities that interact with various organisms. We ourselves contain a major microbial community in our digestive tract that has shown to directly affect our health and well-being. As shown on the left, to improve and maintain healthly living it would be useful to have the ability to change the microbial community. For example, if a large of amount of a certain sugar was present in your gut ("signal #1") you might want to slow the growth of a certain bacterial populations . In another scenario ("signal #2") it might be useful to increase the growth of other specific bacteria in your gut. But targeting precise bacterial community strains and controlling their growth, activity, and outputs is difficult and requires many new tools.
At the beginning of this summer, we asked ourselves a question: “What could we introduce to a microbiome which would allow targeting and eventual gene expression changes in a specific bacteria?” The difficulty faced with this situation is in
- Introduce a targeting system into a defined mixture of bacteria such that you can select and introduce manipulations without negatively affecting other bacteria.
- Creating easy to transfer pathways or circuits that can produce a multitude of outcomes (killing, repressing, upregulating)