Team:CU-Boulder

From 2014.igem.org

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

Revision as of 04:00, 10 September 2014

Big Picture by HTML5 UP

CRISPR-Cas Mediated Phage Therapy

the Future Antibacterial Agent

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"