Team:CU-Boulder

From 2014.igem.org

(Difference between revisions)
 
(125 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:CU-Boulder/Wiki}}
{{:Team:CU-Boulder/Wiki}}
 +
{{Template:UCB-NavBar}}
 +
{{Template:UCB-BigPicture}}
 +
{{Template:UCB-BigPictureExtra}}
<html>
<html>
-
<head>
+
    <head>
-
<title>Big Picture by HTML5 UP</title>
+
        <title>Big Picture by HTML5 UP</title>
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-
<meta name="description" content="" />
+
        <meta name="description" content="" />
-
<meta name="keywords" content="" />
+
        <meta name="keywords" content="" />
-
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
+
        <!--[if lt IE 10]><script src="css/ie/html5shiv.js"></script><![endif]-->
-
                <script src="https://googledrive.com/host/0Bwj-p7wzaDZ3OGJfRUg3cW10ekE/jquery.min.js"></script>
+
        <script src="https://googledrive.com/host/0Bwj-p7wzaDZ3OGJfRUg3cW10ekE/jquery.min.js"></script>
-
<script src="http://goo.gl/uWGGV8?gdriveurl"></script>
+
        <script src="http://goo.gl/uWGGV8?gdriveurl"></script>
-
<script src="http://goo.gl/ixOvIG?gdriveurl"></script>
+
        <script src="http://goo.gl/ixOvIG?gdriveurl"></script>
-
<script src="http://goo.gl/HPZRLx?gdriveurl"></script>
+
        <script src="http://goo.gl/HPZRLx?gdriveurl"></script>
-
                <script src="http://goo.gl/TtNgEx?gdriveurl"></script>
+
        <script src="http://goo.gl/TtNgEx?gdriveurl"></script>
 +
        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 +
        <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
-
<link rel="stylesheet" href="http://goo.gl/SfF0tI?gdriveurl" />
+
               
-
<link rel="stylesheet" href="http://goo.gl/o2Xbz1?gdriveurl" />
+
                 <style>
                 <style>
 +
                    body {font-family: Source Sans Pro; cursor: crosshair;}
 +
                    h2 {font-weight: bold; font-size: 2em;}
                     #crispr {
                     #crispr {
                         background: rgba(0, 0, 0, 0.7);
                         background: rgba(0, 0, 0, 0.7);
Line 22: Line 28:
                     #latest-videos {
                     #latest-videos {
                             overflow: hidden;
                             overflow: hidden;
 +
                            padding: 20px 0;
                     }
                     }
Line 28: Line 35:
                             margin-left: auto;
                             margin-left: auto;
                             margin-right: auto;
                             margin-right: auto;
-
                            padding: 0;
 
                             width: 150px;
                             width: 150px;
                             height: 84px;
                             height: 84px;
Line 62: Line 68:
                             #videocontainer iframe {
                             #videocontainer iframe {
-
                                     position: relative;
+
                                     position: fixed;
 +
                                    width: 700px;
 +
                                    height: 360px;
 +
                                    margin-top: 200px;
 +
 
 +
                                    margin-right: auto;
 +
                                    margin-left: -350px;
 +
                                 
                             }
                             }
                 </style>
                 </style>
-
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
+
        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
-
</head>
+
    </head>
-
<body>
+
    <body>
-
 
+
            <!--[if lt IE 9]>
-
<!-- Header -->
+
            <style>
-
<header id="header">
+
                #nav, #actions{
-
 
+
                    display: none;
-
<!-- Logo -->
+
                }
-
<h1 id="logo"><a href="#">iGem CU-Boulder</a></h1>
+
                p, h1, h2, a, span, li {
-
+
                    display: none;
-
<!-- Nav -->
+
                }
-
<nav id="nav">
+
                .actions, .menu {
-
<ul>
+
                    display: none
-
<li><a href="https://2014.igem.org/Team:CU-Boulder#intro">Project</a>
+
                }
-
                                                            <ul><li>
+
            </style>
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Learning">Learning</a></li><li>
+
            <div class="browser_error">
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li>
+
                <h3 style="text-align: center;">We are sorry, but your browser (Internet Explorer 8 or earlier) is not supported. Try updating your browser.</h3>
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Notebook">Notebook</a></li>
+
            </div>
-
                                                            </ul>
+
            <![endif]-->
-
                                                        </li><li>
+
           
-
<a href="https://2014.igem.org/Team:CU-Boulder/Achievements">Achievements</a>
+
        <!-- Intro -->
-
                                                            <ul>
+
-
                                                            <li><a href="https://2014.igem.org/Team:CU-Boulder/Abstract">Abstract</a></li><li>
+
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li>
+
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Biobricks">Biobricks</a></li><li>
+
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Medal">Medal Requirements</a></li>
+
-
                                                            </ul>
+
-
                                                        </li><li>
+
-
<a href="https://2014.igem.org/Team:CU-Boulder/Safety">Safety</a>
+
-
                                                            <ul>
+
-
                                                            <li><a href="https://2014.igem.org/Team:CU-Boulder/Ethics">Ethics</a></li><li>
+
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/ViralSafety">Viral Safety</a></li><li>
+
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Outreach">Outreach</a></li><li>
+
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/LabSafety">In Lab Safety</a></li>
+
-
                                                            </ul>
+
-
</li><li>
+
-
<a href="https://2014.igem.org/Team:CU-Boulder/Team">Team</a></li>
+
-
</ul>
+
-
</nav>
+
-
 
+
-
</header>
+
-
+
-
<!-- Intro -->
+
                                 <div id="videocontainer" style="display: none;">
                                 <div id="videocontainer" style="display: none;">
                                 </div>
                                 </div>
-
<section id="intro" class="main style1 dark fullscreen">
+
            <section id="intro" class="main style1 dark fullscreen">
-
<div class="content container small">
+
                <div class="content container small">
-
<header>
+
                    <header>
-
<h2 id="crispr"><span>CRISPR/Cas9 Technology</span></h2>
+
                        <h2 id="crispr"><span>CRISPR-Cas Mediated Phage Therapy</span></h2>
-
</header>
+
                    </header>
-
                                         <p id="crispr" style="font-size: 18pt;">Genome editing through a phage delivery system</p>
+
                                         <p id="crispr" style="font-size: 18pt; font-weight: bold;">the Future Antibacterial Agent</p>
 +
                                        <p id="crispr" style="font-size: 18pt; font-style: italic;">University of Colorado at Boulder</p>
                                         <div id="latest-videos">
                                         <div id="latest-videos">
                                               <ul>
                                               <ul>
 +
                                                    <!-- The code for playvideo feature comes from mirrorsedge.com-->
                                                     <li class="playvideo">
                                                     <li class="playvideo">
-
                                                           <a href="https://www.youtube.com/watch?v=2pm9u1E8k3s" title="E3 2014: Making the Gameplay">
+
       
-
  <img src="http://www.mirrorsedge.com/img/icon_video1.gif" alt="E3 2014: Making the Gameplay">
+
                                                           <a href="http://www.youtube.com/watch?v=NLD6r3_2_a8" title="CU-Boulder Presentation">  
-
</a>
+
                                           
 +
  <img src="https://static.igem.org/mediawiki/2014/4/4c/Presentation.gif" alt="CU-Boulder Presentation">
 +
 
 +
</a>
 +
   
 +
   
 +
                                                    </li>
                                                     </li>
                                                     </li>
                                               </ul>
                                               </ul>
                                         </div>
                                         </div>
-
<footer>
+
                    <footer>
-
<a href="#one" class="button style2 down">More</a>
+
                        <a href="#one" class="button style2 down">More</a>
-
</footer>
+
                    </footer>
-
</div>
+
                </div>
-
</section>
+
            </section>
-
+
       
-
<!-- One -->
+
        <!-- One -->
-
<section id="one" class="main style2 right dark fullscreen">
+
            <section id="one" class="main style2 right dark fullscreen">
-
<div class="content box style2">
+
                <div class="content box style2">
-
<header>
+
                    <header>
-
<h2>What's All the Ruckus About?</h2>
+
                        <h2>Issue</h2>
-
</header>
+
                    </header>
-
<p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum.
+
                    <p>In the last decade the number of antibiotic resistant bacteria has grown at
-
Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu,
+
-
id varius justo euismod in. Curabitur egestas consectetur magna urna.</p>
+
-
</div>
+
-
<a href="#two" class="button style2 down anchored">Next</a>
+
-
</section>
+
-
+
-
<!-- Two -->
+
-
<section id="two" class="main style2 left dark fullscreen">
+
-
<div class="content box style2">
+
-
<header>
+
-
<h2>CRISPR/Cas9 Saves Lives</h2>
+
-
</header>
+
-
<p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum.
+
-
Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu,
+
-
id varius justo euismod in. Curabitur egestas consectetur magna urna.</p>
+
-
</div>
+
-
<a href="#work" class="button style2 down anchored">Next</a>
+
-
</section>
+
-
+
-
<!-- Work -->
+
-
<section id="work" class="main style3 primary">
+
-
<div class="content container">
+
-
<header>
+
-
<h2>Inromation</h2>
+
-
<p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum.
+
-
Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis
+
-
arcu, id varius justo euismod in. Curabitur egestas consectetur magna vitae urna.</p>
+
-
</header>
+
-
+
-
<!--
+
-
Lightbox Gallery
+
-
+
-
Powered by poptrox. Full docs here: https://github.com/n33/jquery.poptrox
+
-
-->
+
-
<div class="container small gallery">
+
-
<div class="row flush images">
+
-
<div class="6u"><a href="images/fulls/01.jpg" class="image full l"><img src="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" title="The Anonymous Red" alt="" /></a></div>
+
-
<div class="6u"><a href="images/fulls/02.jpg" class="image full r"><img src="https://static.igem.org/mediawiki/2014/c/c7/Brasiano.jpg" title="Airchitecture II" alt="" /></a></div>
+
-
</div>
+
-
<div class="row flush images">
+
-
<div class="6u"><a href="images/fulls/03.jpg" class="image full l"><img src="https://static.igem.org/mediawiki/2014/c/c7/Brasiano.jpg" title="Air Lounge" alt="" /></a></div>
+
-
<div class="6u"><a href="images/fulls/04.jpg" class="image full r"><img src="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" title="Carry on" alt="" /></a></div>
+
-
</div>
+
-
<div class="row flush images">
+
-
<div class="6u"><a href="images/fulls/05.jpg" class="image full l"><img src="https://static.igem.org/mediawiki/2014/b/be/Julissa.jpg" title="The sparkling shell" alt="" /></a></div>
+
-
<div class="6u"><a href="images/fulls/06.jpg" class="image full r"><img src="https://static.igem.org/mediawiki/2014/c/c7/Brasiano.jpg" title="Bent IX" alt="" /></a></div>
+
-
</div>
+
-
</div>
+
-
</div>
+
a shocking rate, making these “superbugs” one of our top global health threats.  
-
</section>
+
-
+
-
<!-- Footer -->
+
-
<footer id="footer">
+
-
+
-
<!--
+
-
    Social Icons
+
-
   
+
-
    Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
+
-
-->
+
-
<ul class="actions">
+
-
<li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li>
+
-
<li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li>
+
-
<li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li>
+
-
<li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li>
+
-
<li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li>
+
-
<li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li>
+
-
</ul>
+
-
<!-- Menu -->
+
This trend indicates that the golden age of antibiotics is ending and makes the
-
<ul class="menu">
+
-
<li>&copy; Untitled</li>
+
-
<li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
+
-
</ul>
+
-
+
-
</footer>
+
-
</body>
+
search for new antibacterial treatments more important than ever. New bacterial
 +
 
 +
treatments need the ability to adapt faster than the harmful bacteria that they
 +
 
 +
target. Additionally, new treatments must preserve essential bacteria of the
 +
 
 +
microbiome and specifically target pathogenic bacteria in a mixed population.</p>
 +
                </div>
 +
                <a href="#two" class="button style2 down anchored">Next</a>
 +
            </section>
 +
       
 +
        <!-- Two -->
 +
            <section id="two" class="main style2 left dark fullscreen">
 +
                <div class="content box style2">
 +
                    <header>
 +
                        <h2>Technology</h2>
 +
                    </header>
 +
                    <p>New technology has recently emerged that allows us to achieve these goals.
 +
 
 +
CRISPR-Cas9 consists of an endonuclease (Cas9) that is guided to a specific
 +
 
 +
sequence within a genome by a CRISPR RNA component. Once targeted to the
 +
 
 +
genome, Cas9 causes a double stranded break, killing the host bacterial cell.
 +
 
 +
Because the killing relies on the sequence of the CRISPR guide RNA, which can
 +
 
 +
be engineered to contain a short specific nucleotide sequence, unique genes
 +
 
 +
within any pathogenic bacteria can be targeted.</p>
 +
                </div>
 +
                <a href="#three" class="button style2 down anchored">Next</a>
 +
            </section>
 +
           
 +
        <!-- Three -->
 +
            <section id="three" class="main style2 right dark fullscreen">
 +
                <div class="content box style2">
 +
                    <header>
 +
                        <h2>Our Project</h2>
 +
                    </header>
 +
                    <p>Utilizing a non-replicating
 +
 
 +
phage as a vector, we can efectively deliver the CRISPR-Cas9 machinery to cells
 +
 
 +
and kill bacteria through CRISPR-Cas9–targeting of the genome. Ongoing
 +
 
 +
experiments are aimed at demonstrating that sequence-specific killing can
 +
 
 +
occur in a mixed population of cells as well as in an in vivo model. We believe
 +
 
 +
that this technology, which we refer to as “Pathogen Assassin” will have broad
 +
 
 +
applications ranging from medicine to industry and beyond.</p>
 +
                </div>
 +
               
 +
            </section> 
 +
    </body>
</html>
</html>
 +
 +
{{UCB-Footer}}

Latest revision as of 22:47, 17 October 2014

Big Picture by HTML5 UP

CRISPR-Cas Mediated Phage Therapy

the Future Antibacterial Agent

University of Colorado at Boulder

Issue

In the last decade the number of antibiotic resistant bacteria has grown at a shocking rate, making these “superbugs” one of our top global health threats. This trend indicates that the golden age of antibiotics is ending and makes the search for new antibacterial treatments more important than ever. New bacterial treatments need the ability to adapt faster than the harmful bacteria that they target. Additionally, new treatments must preserve essential bacteria of the microbiome and specifically target pathogenic bacteria in a mixed population.

Next

Technology

New technology has recently emerged that allows us to achieve these goals. CRISPR-Cas9 consists of an endonuclease (Cas9) that is guided to a specific sequence within a genome by a CRISPR RNA component. Once targeted to the genome, Cas9 causes a double stranded break, killing the host bacterial cell. Because the killing relies on the sequence of the CRISPR guide RNA, which can be engineered to contain a short specific nucleotide sequence, unique genes within any pathogenic bacteria can be targeted.

Next

Our Project

Utilizing a non-replicating phage as a vector, we can efectively deliver the CRISPR-Cas9 machinery to cells and kill bacteria through CRISPR-Cas9–targeting of the genome. Ongoing experiments are aimed at demonstrating that sequence-specific killing can occur in a mixed population of cells as well as in an in vivo model. We believe that this technology, which we refer to as “Pathogen Assassin” will have broad applications ranging from medicine to industry and beyond.