Team:UCSF/Project/Background1
From 2013.igem.org
(Difference between revisions)
(98 intermediate revisions not shown) | |||
Line 156: | Line 156: | ||
/***Body styling***/ | /***Body styling***/ | ||
h1{ | h1{ | ||
- | font-size: 2. | + | font-size: 2.3em; |
+ | line-height: 1em; | ||
} | } | ||
h2{ | h2{ | ||
- | font-size: 1. | + | font-size: 1.8em; |
+ | line-height: 1.5em; | ||
} | } | ||
h3{ | h3{ | ||
- | font-size: 1. | + | font-size: 1.6em; |
+ | margin: 0px 15px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | h4{ | ||
+ | font-size: 1.4em; | ||
+ | color: #333333; | ||
+ | margin: 0px 20px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #bodycontainer p{ | ||
+ | font-size: 1.2em; | ||
+ | } | ||
+ | #pagetitle{ | ||
+ | border-bottom: 2px solid black; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | #bodycontainer h2{ | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | #bodycontainer p{ | ||
+ | margin-left: 20px; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | #bodycontainer{ | ||
+ | margin-left: 220px; | ||
+ | } | ||
+ | #bodycontainer ul{ | ||
+ | margin-left: 5.0em; | ||
+ | } | ||
+ | #bodycontainer li{ | ||
+ | font-family: Georgia, Serif; | ||
} | } | ||
- | |||
#box1{ | #box1{ | ||
- | width: | + | width: 750px; |
+ | height: 3000px; | ||
background: #fffff; | background: #fffff; | ||
float: left; | float: left; | ||
- | margin-left: | + | margin-left: 200px; |
margin-top: 15px; | margin-top: 15px; | ||
} | } | ||
Line 182: | Line 217: | ||
#opensource {width:306px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;} | #opensource {width:306px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;} | ||
#rightcontent {width:800px; float:right; background-color: #F5F5F5; margin-left: 8px; margin-top:10px;} | #rightcontent {width:800px; float:right; background-color: #F5F5F5; margin-left: 8px; margin-top:10px;} | ||
- | #photos {width: | + | #photos {width:750px; float:left; background-color: #FFFFFF; margin-left: 2px; margin-top:10px;} |
#description{width:600px; height:112px;float:left; background-color: #FFFFFF; margin-left: 10px; margin-top:10px;} | #description{width:600px; height:112px;float:left; background-color: #FFFFFF; margin-left: 10px; margin-top:10px;} | ||
#flickr{width:755px; float:right;} | #flickr{width:755px; float:right;} | ||
- | #rightcontenttext {width: | + | #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> | ||
- | <div id=" | + | <div id="description" style = "width: 750px;height:150px"> |
<font face="calibri" size = "3" > | <font face="calibri" size = "3" > | ||
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. </font> | 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. </font> | ||
Line 200: | Line 511: | ||
<div id="photos"> | <div id="photos"> | ||
<center><img style="height:290px;margin-left:20px"; padding:0;" | <center><img style="height:290px;margin-left:20px"; padding:0;" | ||
- | src="https://static.igem.org/mediawiki/2013/1/15/IntroMicrobiome_Pic1.png"> </center></div> | + | src="https://static.igem.org/mediawiki/2013/1/15/IntroMicrobiome_Pic1.png"> </center> |
+ | </div> | ||
- | <div id="description" style = "width: | + | <div id="description" style = "width:750px; height:400px"> |
- | <font face="calibri" size = "3" align = "left"> | + | <font face="calibri" size = "3" align = "left"> |
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 | 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 | ||
- | |||
<ol> | <ol> | ||
- | |||
<li>Introduce a targeting system into a defined mixture of bacteria such that you can select and introduce manipulations without negatively affecting other bacteria. </li> | <li>Introduce a targeting system into a defined mixture of bacteria such that you can select and introduce manipulations without negatively affecting other bacteria. </li> | ||
<li>Creating easy to transfer pathways or circuits that can produce a multitude of outcomes (killing, repressing, upregulating) </li> | <li>Creating easy to transfer pathways or circuits that can produce a multitude of outcomes (killing, repressing, upregulating) </li> | ||
- | |||
</ol> | </ol> | ||
- | |||
<b><FONT COLOR="#008000"><u>1. Introducing CRISPRi to a bacterial community:</u></font></b> | <b><FONT COLOR="#008000"><u>1. Introducing CRISPRi to a bacterial community:</u></font></b> | ||
- | To selectively target and eliminate harmful bacteria, we are utilizing the CRISPRi system, a tool repurposed from a natural adaptive immunity system in bacteria (see diagram below). This tool is comprised of a catalytically dead Cas9 (dCas9) protein that complexes with guide RNAs (gRNA) complementary to the target bacteria’s DNA sequence. This complex binds to DNA complementary to the gRNA and prevents transcription, therefore repressing gene expression. | + | To selectively target and eliminate harmful bacteria, we are utilizing the CRISPRi system, a tool repurposed from a natural adaptive immunity system in bacteria (see diagram below). This tool is comprised of a catalytically dead Cas9 (dCas9) protein that complexes with guide RNAs (gRNA) complementary to the target bacteria’s DNA sequence. This complex binds to DNA complementary to the gRNA and prevents transcription, therefore repressing gene expression. |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</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)