Team:UCSF/Project/Background1

From 2013.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 161: Line 161:
h2{
h2{
font-size: 1.8em;
font-size: 1.8em;
-
line-height: 1.2em;
+
line-height: 1.5em;
}
}
h3{
h3{
Line 199: Line 199:
font-family: Georgia, Serif;
font-family: Georgia, Serif;
}
}
-
#sidebar{
 
-
position: absolute;
 
-
width: 200px;
 
-
z-index: 0;
 
-
}
 
-
/*
 
-
#sidebarimg{
 
-
width: 214px;
 
-
height: 144px;
 
-
background: #ffffff;
 
-
margin: 5px 0px;
 
-
border: 3px solid #ffffff;
 
-
}
 
-
*/
 
-
 
-
#sidebar #list{
 
-
background: #ffffff;
 
-
}
 
-
#sidebar h2{
 
-
color: #008000;
 
-
padding: 20px 15px 0px 15px;
 
-
font-size: 2.0em;
 
-
}
 
-
#sidebar ul{
 
-
list-style: none;
 
-
margin: 0px 15px;
 
-
}
 
-
#sidebar #list > ul{
 
-
padding-bottom: 20px;
 
-
}
 
-
#sidebar a{
 
-
color: #008000;
 
-
font-family: Calibri, Sans-Serif;
 
-
font-size: 1.6em;
 
-
display: block;
 
-
line-height: 1.4em;
 
-
}
 
-
#sidebar a:hover{
 
-
text-decoration: none;
 
-
color: #009E99;
 
-
}
 
#box1{
#box1{
width: 750px;
width: 750px;
-
         height: 750px;
+
         height: 3000px;
background: #fffff;
background: #fffff;
float: left;
float: left;
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>
-
<div id="photos">
+
 
-
<center><img style="height:290px;margin-left:20px"; padding:0;"
+
<div id="description" style = "width: 750px;height:150px">
-
src="https://static.igem.org/mediawiki/2013/1/15/IntroMicrobiome_Pic1.png"> </center></div>
+
-
<div id="description" style = "width: 750px; height:315px">
+
<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>
</div>
</div>
 +
 +
<div id="photos">
 +
<center><img style="height:290px;margin-left:20px"; padding:0;"
 +
src="https://static.igem.org/mediawiki/2013/1/15/IntroMicrobiome_Pic1.png"> </center>
</div>
</div>
 +
<div id="description" style = "width:750px; height:400px">
 +
<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
 +
<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>Creating easy to transfer pathways or circuits that can produce a multitude of outcomes (killing, repressing, upregulating) </li>
 +
</ol>
 +
<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.
-
<div id="sidebar">
+
</div>
-
<div id="list">
+
-
<h2>Project</h2>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:UCSF/Project/Background">Background</a></li>
+
-
<li><a href="">CRISPRi Conjugation</a></li>
+
-
                <ul>
+
-
<li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Design">Design</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Data">Data</a></li>
+
-
</ul></li>
+
-
<li><a href="">CRISPRi Circuit</a></li>
+
-
                <ul>
+
-
<li><a href="https://2013.igem.org/Team:UCSF/Project/Circuit/Design">Design</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UCSF/Project/Circuit/Data">Data</a></li>
+
-
</ul></li>
+
-
</ul>
+
</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
  1. Introduce a targeting system into a defined mixture of bacteria such that you can select and introduce manipulations without negatively affecting other bacteria.
  2. Creating easy to transfer pathways or circuits that can produce a multitude of outcomes (killing, repressing, upregulating)
1. Introducing CRISPRi to a bacterial community: 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.

Retrieved from "http://2013.igem.org/Team:UCSF/Project/Background1"