Team:CU-Boulder

From 2014.igem.org

(Difference between revisions)
 
(108 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{:Team:CU-Boulder/Wiki}}
-
<html lang="en">
+
{{Template:UCB-NavBar}}
-
<head>
+
{{Template:UCB-BigPicture}}
-
  <title>Point.co</title>
+
{{Template:UCB-BigPictureExtra}}
-
  <meta charset="utf-8">
+
<html>
-
  <link rel="stylesheet" href="css/reset.css"
+
    <head>
-
type="text/css" media="screen">
+
        <title>Big Picture by HTML5 UP</title>
-
  <link rel="stylesheet" href="css/style.css"
+
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-
type="text/css" media="screen">
+
        <meta name="description" content="" />
-
  <link rel="stylesheet" href="css/layout.css"
+
        <meta name="keywords" content="" />
-
type="text/css" media="screen">
+
        <!--[if lt IE 10]><script src="css/ie/html5shiv.js"></script><![endif]-->
-
  <script type="text/javascript" src="js/jquery-1.6.min.js"></script>
+
        <script src="https://googledrive.com/host/0Bwj-p7wzaDZ3OGJfRUg3cW10ekE/jquery.min.js"></script>
-
  <script src="js/cufon-yui.js" type="text/javascript"></script>
+
        <script src="http://goo.gl/uWGGV8?gdriveurl"></script>
-
  <script src="js/cufon-replace.js" type="text/javascript"></script>
+
        <script src="http://goo.gl/ixOvIG?gdriveurl"></script>
-
  <script src="js/Open_Sans_400.font.js"
+
        <script src="http://goo.gl/HPZRLx?gdriveurl"></script>
-
type="text/javascript"></script>
+
        <script src="http://goo.gl/TtNgEx?gdriveurl"></script>
-
  <script src="js/Open_Sans_Light_300.font.js"
+
        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
-
type="text/javascript"></script>
+
        <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
-
  <script src="js/Open_Sans_Semibold_600.font.js"
+
-
type="text/javascript"></script>
+
-
  <script type="text/javascript" src="js/tms-0.3.js"></script>
+
-
  <script type="text/javascript" src="js/tms_presets.js"></script>
+
-
  <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
+
-
  <script src="js/FF-cash.js" type="text/javascript"></script><!--[if lt IE 9]>
+
-
<script type="text/javascript" src="js/html5.js"></script>
+
               
 +
                <style>
 +
                    body {font-family: Source Sans Pro; cursor: crosshair;}
 +
                    h2 {font-weight: bold; font-size: 2em;}
 +
                    #crispr {
 +
                        background: rgba(0, 0, 0, 0.7);
 +
                    }
-
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
+
                    #latest-videos {
 +
                            overflow: hidden;
 +
                            padding: 20px 0;
 +
                    }
-
<![endif]-->
+
 
-
</head>
+
                    #latest-videos li {
-
<body id="page1">
+
                            margin-left: auto;
-
<!-- header -->
+
                            margin-right: auto;
-
<div class="bg">
+
                            width: 150px;
-
<div class="main"> <header> </header>
+
                            height: 84px;
-
<div class="row-1">
+
                            background-color: #fff;
-
<h1> <a class="logo" href="index.html">Point.co</a>
+
                    }
-
<strong class="slog">The most creative ideas</strong>
+
 
-
</h1>
+
                    #latest-videos a img {
-
<form id="search-form" action="#" method="post"
+
                            opacity: 1.0;
-
enctype="multipart/form-data">
+
 
-
  <fieldset>
+
                            -webkit-transition: opacity 0.1s ease-in-out;
-
  <div class="search-form"> <input name="search"
+
                            -moz-transition: opacity 0.1s ease-in-out;
-
value="Type Keyword Here"
+
                            -ms-transition: opacity 0.1s ease-in-out;
-
onblur="if(this.value=='') this.value='Type Keyword Here'"
+
                            -o-transition: opacity 0.1s ease-in-out;
-
onfocus="if(this.value =='Type Keyword Here' ) this.value=''"
+
                            transition: opacity 0.1s ease-in-out;
-
type="text"> <a href="#">Search</a> </div>
+
                    }
-
  </fieldset>
+
 
-
</form>
+
                    #latest-videos a:hover img {
-
</div>
+
                            opacity: 0.5;
-
<div class="row-2"> <nav> </nav>
+
                    }
-
<ul class="menu">
+
 
-
  <li><a class="active" href="index.html">Home
+
                    #videocontainer {
-
Page</a></li>
+
                            background: rgba(0, 0, 0, 0.85);
-
  <li><a href="news.html">Our News</a></li>
+
                            position: absolute;
-
  <li><a href="services.html">Our Services</a></li>
+
                            top: 0px;
-
  <li><a href="products.html">Our Products</a></li>
+
                            height: 100%;
-
  <li class="last-item"><a href="contacts.html">Contact
+
                            width: 100%;
-
Us</a></li>
+
                            display: none;
-
</ul>
+
                            margin-left: auto;
-
</div>
+
                            margin-right: auto;
-
<div class="row-3">
+
                            text-align: center;
-
<div class="slider-wrapper">
+
                            z-index: 1000;
-
<div class="slider">
+
                    }
-
<ul class="items">
+
                            #videocontainer iframe {
-
  <li><img src="images/slider-img1.jpg" alt="">
+
 
-
    <strong class="banner"> <strong class="b1">our
+
                                    position: fixed;
-
solidity</strong> <strong class="b2">is equity</strong>
+
                                    width: 700px;
-
     <strong class="b3">Innovation and flexibility, quick
+
                                    height: 360px;
-
and<br>
+
                                    margin-top: 200px;
-
high results - oriented work</strong> </strong> </li>
+
 
-
  <li><img src="images/slider-img2.jpg" alt="">
+
                                    margin-right: auto;
-
    <strong class="banner"> <strong class="b1">our
+
                                    margin-left: -350px;
-
aim is</strong> <strong class="b2">Dedicated</strong>
+
                                 
-
    <strong class="b3">To conducting business affairs using<br>
+
                            }
-
the highest standards</strong> </strong> </li>
+
 
-
  <li><img src="images/slider-img3.jpg" alt="">
+
                </style>
-
    <strong class="banner"> <strong class="b1">encourage</strong>
+
        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
-
    <strong class="b2">Business</strong> <strong
+
    </head>
-
class="b3">Success and growth with our<br>
+
     <body>
-
professionals of this sphere</strong> </strong> </li>
+
            <!--[if lt IE 9]>
-
</ul>
+
            <style>
-
<a class="prev" href="#">prev</a> <a
+
                #nav, #actions{
-
class="next" href="#">prev</a> </div>
+
                    display: none;
-
</div>
+
                }
-
</div>
+
                p, h1, h2, a, span, li {
-
<!-- content --> <section id="content"> </section>
+
                    display: none;
-
<div class="padding">
+
                }
-
<div class="box-bg margin-bot">
+
                .actions, .menu {
-
<div class="wrapper">
+
                    display: none
-
<div class="col-1">
+
                }
-
<div class="box first">
+
            </style>
-
<div class="pad">
+
            <div class="browser_error">
-
<div class="wrapper indent-bot"> <strong
+
                <h3 style="text-align: center;">We are sorry, but your browser (Internet Explorer 8 or earlier) is not supported. Try updating your browser.</h3>
-
class="numb img-indent2">01</strong>
+
            </div>
-
<div class="extra-wrap">
+
            <![endif]-->
-
<h3 class="color-1"><strong>Careful</strong>Analysis</h3>
+
           
-
</div>
+
        <!-- Intro -->
-
</div>
+
                                <div id="videocontainer" style="display: none;">
-
<div class="wrapper"> <a class="button img-indent-r"
+
                                </div>
-
href="#">&gt;&gt;</a>
+
            <section id="intro" class="main style1 dark fullscreen">
-
<div class="extra-wrap"> Point.co is one of free website
+
                <div class="content container small">
-
templates created by TemplateMonster.com. </div>
+
                    <header>
-
</div>
+
                        <h2 id="crispr"><span>CRISPR-Cas Mediated Phage Therapy</span></h2>
-
</div>
+
                    </header>
-
</div>
+
                                        <p id="crispr" style="font-size: 18pt; font-weight: bold;">the Future Antibacterial Agent</p>
-
</div>
+
                                        <p id="crispr" style="font-size: 18pt; font-style: italic;">University of Colorado at Boulder</p>
-
<div class="col-1">
+
                                        <div id="latest-videos">
-
<div class="box second">
+
                                              <ul>
-
<div class="pad">
+
                                                    <!-- The code for playvideo feature comes from mirrorsedge.com-->
-
<div class="wrapper indent-bot"> <strong
+
                                                    <li class="playvideo">
-
class="numb img-indent2">02</strong>
+
       
-
<div class="extra-wrap">
+
                                                          <a href="http://www.youtube.com/watch?v=NLD6r3_2_a8" title="CU-Boulder Presentation">  
-
<h3 class="color-2"><strong>Quick</strong>Research</h3>
+
                                           
-
</div>
+
  <img src="https://static.igem.org/mediawiki/2014/4/4c/Presentation.gif" alt="CU-Boulder Presentation">
-
</div>
+
 
-
<div class="wrapper"> <a class="button img-indent-r"
+
</a>
-
href="#"></a>
+
   
-
<div class="extra-wrap"> This Template goes with two
+
   
-
packages – with PSD files and without them. </div>
+
                                                    </li>
-
</div>
+
                                                    </li>
-
</div>
+
                                              </ul>
-
</div>
+
                                        </div>
-
</div>
+
                    <footer>
-
<div class="col-2">
+
                        <a href="#one" class="button style2 down">More</a>
-
<div class="box third">
+
                    </footer>
-
<div class="pad">
+
                </div>
-
<div class="wrapper indent-bot"> <strong
+
            </section>
-
class="numb img-indent2">03</strong>
+
       
-
<div class="extra-wrap">
+
        <!-- One -->
-
<h3 class="color-3"><strong>New</strong>Strategies</h3>
+
            <section id="one" class="main style2 right dark fullscreen">
-
</div>
+
                <div class="content box style2">
-
</div>
+
                    <header>
-
<div class="wrapper"> <a class="button img-indent-r"
+
                        <h2>Issue</h2>
-
href="#">&gt;&gt;</a>
+
                    </header>
-
<div class="extra-wrap"> It has several pages: <a
+
                    <p>In the last decade the number of antibiotic resistant bacteria has grown at
-
class="link" href="index.html">Home</a>, <a
+
 
-
class="link" href="news.html">News</a>, <a
+
a shocking rate, making these “superbugs” one of our top global health threats.
-
class="link" href="services.html">Services</a>,
+
 
-
<a class="link" href="products.html">Products</a>,
+
This trend indicates that the golden age of antibiotics is ending and makes the
-
<a class="link" href="contacts.html">Contacts</a>.
+
 
-
</div>
+
search for new antibacterial treatments more important than ever. New bacterial
-
</div>
+
 
-
</div>
+
treatments need the ability to adapt faster than the harmful bacteria that they
-
</div>
+
 
-
</div>
+
target. Additionally, new treatments must preserve essential bacteria of the
-
</div>
+
 
-
</div>
+
microbiome and specifically target pathogenic bacteria in a mixed population.</p>
-
<div class="wrapper">
+
                </div>
-
<div class="col-3">
+
                <a href="#two" class="button style2 down anchored">Next</a>
-
<div class="indent">
+
            </section>
-
<h2>Our Mission</h2>
+
       
-
<p class="color-4 p1">Donec vitae massa sit amet lectus
+
        <!-- Two -->
-
condimentum aliquam vestibulum tempor nunc vel mi laoreet nec
+
            <section id="two" class="main style2 left dark fullscreen">
-
condimentum mauris convallis. Praesent lobortis, lectus a viverra
+
                <div class="content box style2">
-
faucibus, urna turpis sodales purus, magnaorem ipsum dolor ser
+
                    <header>
-
adipiscing elit sed diam nonummy nibh euismod sit amet ornare urna
+
                        <h2>Technology</h2>
-
augue ut mauris.</p>
+
                    </header>
-
<div class="wrapper"> <figure class="img-indent3"><img
+
                    <p>New technology has recently emerged that allows us to achieve these goals.  
-
src="images/page1-img1.png" alt=""></figure>
+
 
-
<div class="extra-wrap">
+
CRISPR-Cas9 consists of an endonuclease (Cas9) that is guided to a specific
-
<div class="indent2"> Cras placerat, risus ac porta
+
 
-
auctor, dui neque varius libero, sed rutrum diam mauris sed lorem. Ut
+
sequence within a genome by a CRISPR RNA component. Once targeted to the
-
at risus eu dui pretium sodales proin fermentum condimentum eros quis
+
 
-
tincidunt fraesent eleifend tempor nisi, in adipiscing felis molestie
+
genome, Cas9 causes a double stranded break, killing the host bacterial cell.
-
vitae. Sed et massa justo. Pellentesque turpis lorem, ornare sit amet
+
 
-
vulputate at, consectetur </div>
+
Because the killing relies on the sequence of the CRISPR guide RNA, which can
-
</div>
+
 
-
</div>
+
be engineered to contain a short specific nucleotide sequence, unique genes
-
<a class="button-2" href="#">Read More</a> </div>
+
 
-
</div>
+
within any pathogenic bacteria can be targeted.</p>
-
<div class="col-2">
+
                </div>
-
<div class="block-news">
+
                <a href="#three" class="button style2 down anchored">Next</a>
-
<h3 class="color-4 p2">Recent News</h3>
+
            </section>
-
<div class="wrapper p2"> <time class="tdate-1 fleft"
+
           
-
datetime="2011-05-29"><strong>29</strong>may</time>
+
        <!-- Three -->
-
<div class="extra-wrap">
+
            <section id="three" class="main style2 right dark fullscreen">
-
<h5>Utatse eudui pretium</h5>
+
                <div class="content box style2">
-
sodales proin fermen<br>
+
                    <header>
-
tum condimentum eros quis tincidunt fraesent eleifend tempor nisi, in
+
                        <h2>Our Project</h2>
-
adipiscing... <a href="#">more</a> </div>
+
                    </header>
-
</div>
+
                    <p>Utilizing a non-replicating
-
<div class="wrapper"> <time class="tdate-1 fleft"
+
 
-
datetime="2011-05-24"><strong>24</strong>may</time>
+
phage as a vector, we can efectively deliver the CRISPR-Cas9 machinery to cells
-
<div class="extra-wrap">
+
 
-
<h5>Felis molestie vitae</h5>
+
and kill bacteria through CRISPR-Cas9–targeting of the genome. Ongoing
-
Sed massa justo pellen<br>
+
 
-
tesque turpis lorem, ornare sit amet vulpate at, consectetur vitae
+
experiments are aimed at demonstrating that sequence-specific killing can
-
nunc... <a href="#">more</a> </div>
+
 
-
</div>
+
occur in a mixed population of cells as well as in an in vivo model. We believe
-
</div>
+
 
-
</div>
+
that this technology, which we refer to as “Pathogen Assassin” will have broad
-
</div>
+
 
-
</div>
+
applications ranging from medicine to industry and beyond.</p>
-
<!-- footer --> <footer> </footer>
+
                </div>
-
<div class="row-top">
+
               
-
<div class="row-padding">
+
            </section>
-
<div class="wrapper">
+
    </body>
-
<div class="col-1">
+
-
<h4>Address:</h4>
+
-
<dl class="address">
+
-
  <dt><span>Country:</span>USA</dt>
+
-
  <dd><span>City:</span>San Diego</dd>
+
-
  <dd><span>Address:</span>Beach st. 54</dd>
+
-
  <dd><span>Email:</span><a href="#">lcenter@mail.com</a></dd>
+
-
</dl>
+
-
</div>
+
-
<div class="col-2">
+
-
<h4>Follow Us:</h4>
+
-
<ul class="list-services">
+
-
  <li class="item-1"><a href="#">Facebook</a></li>
+
-
  <li class="item-2"><a href="#">Twitter</a></li>
+
-
  <li class="item-3"><a href="#">LinkedIn</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-3">
+
-
<h4>Why Us:</h4>
+
-
<ul class="list-1">
+
-
  <li><a href="#">Lorem ipsum dolor</a></li>
+
-
  <li><a href="#">Aonsect adipisic</a></li>
+
-
  <li><a href="#">Eiusmjkod tempor</a></li>
+
-
  <li><a href="#">Incididunt ut labore</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-4">
+
-
<div class="indent3"> <strong class="footer-logo">Point.<strong>co</strong></strong>
+
-
<strong class="phone"><strong>Toll Free:</strong>
+
-
1-800-567-8934</strong> </div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div class="row-bot">
+
-
<div class="aligncenter">
+
-
<p class="p0">Copyright © <a href="#">Domain
+
-
Name</a> All Rights Reserved</p>
+
-
Design by <a target="_blank"
+
-
href="http://www.templatemonster.com/">TemplateMonster.com</a><br>
+
-
<!-- {%FOOTER_LINK} --> </div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<script type="text/javascript">Cufon.now();</script>
+
-
<script type="text/javascript">
+
-
$(function () {
+
-
    $('.slider')._TMS({
+
-
        prevBu: '.prev',
+
-
        nextBu: '.next',
+
-
        playBu: '.play',
+
-
        duration: 800,
+
-
        easing: 'easeOutQuad',
+
-
        preset: 'simpleFade',
+
-
        pagination: false,
+
-
        slideshow: 3000,
+
-
        numStatus: false,
+
-
        pauseOnHover: true,
+
-
        banners: true,
+
-
        waitBannerAnimation: false,
+
-
        bannerShow: function (banner) {
+
-
            banner.hide().fadeIn(500)
+
-
        },
+
-
        bannerHide: function (banner) {
+
-
            banner.show().fadeOut(500)
+
-
        }
+
-
    });
+
-
})
+
-
</script>
+
-
<div align="center">This template downloaded form <a
+
-
href="http://all-free-download.com/free-website-templates/">free
+
-
website templates</a></div>
+
-
</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.


Retrieved from "http://2014.igem.org/Team:CU-Boulder"