Team:CU-Boulder

From 2014.igem.org

(Difference between revisions)
 
(123 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>Issue</h2>
+
                        <h2>Issue</h2>
-
</header>
+
                    </header>
-
<p>In the last decade the number of antibiotic resistant bacteria has grown at
+
                    <p>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.  
a shocking rate, making these “superbugs” one of our top global health threats.  
Line 151: Line 150:
microbiome and specifically target pathogenic bacteria in a mixed population.</p>
microbiome and specifically target pathogenic bacteria in a mixed population.</p>
-
</div>
+
                </div>
-
<a href="#two" class="button style2 down anchored">Next</a>
+
                <a href="#two" class="button style2 down anchored">Next</a>
-
</section>
+
            </section>
-
+
       
-
<!-- Two -->
+
        <!-- Two -->
-
<section id="two" class="main style2 left dark fullscreen">
+
            <section id="two" class="main style2 left dark fullscreen">
-
<div class="content box style2">
+
                <div class="content box style2">
-
<header>
+
                    <header>
-
<h2>Technology</h2>
+
                        <h2>Technology</h2>
-
</header>
+
                    </header>
-
<p>New technology has recently emerged that allows us to achieve these goals.  
+
                    <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  
CRISPR-Cas9 consists of an endonuclease (Cas9) that is guided to a specific  
Line 174: Line 173:
within any pathogenic bacteria can be targeted.</p>
within any pathogenic bacteria can be targeted.</p>
-
</div>
+
                </div>
-
<a href="#work" class="button style2 down anchored">Next</a>
+
                <a href="#three" class="button style2 down anchored">Next</a>
-
</section>
+
            </section>
-
+
           
-
<!-- Three -->
+
        <!-- Three -->
-
<section id="one" class="main style2 right dark fullscreen">
+
            <section id="three" class="main style2 right dark fullscreen">
-
<div class="content box style2">
+
                <div class="content box style2">
-
<header>
+
                    <header>
-
<h2>Our Project</h2>
+
                        <h2>Our Project</h2>
-
</header>
+
                    </header>
-
<p>Utilizing a non-replicating
+
                    <p>Utilizing a non-replicating
phage as a vector, we can efectively deliver the CRISPR-Cas9 machinery to cells  
phage as a vector, we can efectively deliver the CRISPR-Cas9 machinery to cells  
Line 197: Line 196:
applications ranging from medicine to industry and beyond.</p>
applications ranging from medicine to industry and beyond.</p>
-
</div>
+
                </div>
-
+
               
-
</section>
+
            </section>
-
+
    </body>
-
<!-- Footer -->
+
</html>
-
<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 -->
+
{{UCB-Footer}}
-
<ul class="menu">
+
-
<li>&copy; Untitled</li>
+
-
<li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
+
-
</ul>
+
-
+
-
</footer>
+
-
 
+
-
</body>
+
-
</html>
+

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.