Difference between revisions of "Team:Northwestern/project"

Line 1: Line 1:
<!DOCTYPE html>
+
{{Northwestern_Page_Head}}
 
<html>
 
<html>
<title>W3.CSS Template</title>
+
<title>Northwestern Template</title>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 +
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">  
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
 
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
 
body, html {
 
    height: 100%;
 
    color: #777;
 
    line-height: 1.8;
 
}
 
  
/* Create a Parallax Effect */
+
<body style="font-family:Lora">
.bgimg-1, .bgimg-2, .bgimg-3 {
+
    background-attachment: fixed;
+
    background-position: center;
+
    background-repeat: no-repeat;
+
    background-size: cover;
+
}
+
  
/* First image (Logo. Full height) */
+
<!-- First Parallax Image with Logo Text -->
.bgimg-1 {
+
<div class="bgimg-1 w3-display-container w3-opacity-min" id="home">
    background-image: url('/w3images/parallax1.jpg');
+
 
    min-height: 100%;
+
  <div class="w3-display-middle" style="white-space:nowrap;">
}
+
<span class="w3-center w3-padding-large  w3-xlarge w3-wide w3-animate-opacity">
 +
<img clhttps://2017.igem.org/Template:Northwestern_Page_Headass="w3-hide-small w3-hide-medium" src="https://static.igem.org/mediawiki/2017/1/12/T-Northwesternlogo.jpeg"> <span class="w3-hide-small"> </span> </span>
  
/* Second image (Portfolio) */
+
  </div>
.bgimg-2 {
+
    background-image: url("/w3images/parallax2.jpg");
+
    min-height: 400px;
+
}
+
  
/* Third image (Contact) */
+
</div>
.bgimg-3 {
+
    background-image: url("/w3images/parallax3.jpg");
+
    min-height: 400px;
+
}
+
  
.w3-wide {letter-spacing: 10px;}
+
<!-- Container (Project) -->
.w3-hover-opacity {cursor: pointer;}
+
  <span style="font-family:Lora" class="w3-center
 +
<div class="w3-container w3-margin">
 +
<div class="w3-content w3-container w3-padding-64 w3-white" id="project"  >
 +
  <h2 class="w3-center"> Our Project </h2>
  
/* Turn off parallax scrolling for tablets and phones */
+
<h3> What's the Problem? </h3>
@media only screen and (max-device-width: 1024px) {
+
<p class="body-cont w4-center" style="font-family:Lora; font-size:18px">
    .bgimg-1, .bgimg-2, .bgimg-3 {
+
Antibiotics are among the most frequently administered drugs in human medicine. However, incorrect dosing and failure to complete the prescribed course have contributed to microbes becoming resistant.
        background-attachment: scroll;
+
</p>
    }
+
<h3> Our Proposed Solution:</h3>
}
+
<p class="body-cont w4-center"  style="font-family:Lora; font-size:18px">Cas9, when bound to guide RNA, results in a versatile gene editing tool that gives rise to a wide range of potential applications. Through non-homologous end joining of the double stranded break, bases are added and subtracted knocking out the gene of interest. Scientists hope to use this system to battle infectious diseases and treat multi-drug resistant microorganisms.<a href="http://onlinelibrary.wiley.com/doi/10.1111/cmi.12693/full"><sup>(1)</sup></a> Despite the promise behind CRISPR-Cas9, the shift from its use as a research tool to a therapeutic device poses many challenges such as undesirable host immune responses and cleavage in unwanted locations due to low system specificity.  Our team is researching the use of Outer Membrane Vesicles (OMVs) as a Cas9 delivery system. We hypothesize that the successful packaging and delivery of Cas9, when combined with a specific guide RNA that defines the genomic target, could be used in a therapeutic setting to combat antibiotic resistance.</p>
</style>
+
<div class="column full_size" >
<body>
+
<h3>Cas9 Delivery</h3>
 +
<p class="body-cont w4-center" style="font-family:Lora; font-size:18px">
 +
Typical methods for delivery of Cas9 into cell cultures include electroporation, nucleofection, and lipofectamine-mediated transfection.<a href="http://online.liebertpub.com/doi/abs/10.1089/hum.2015.069"><sup>(2)</sup></a> However, these methods work exclusively for <i>in vitro</i> delivery of Cas9, and not <i>in vivo</i>.  Thus, an alternative delivery system to transport this protein to target cells is needed.
 +
<br />
 +
<br />
 +
Two common in vivo methods for Cas9 delivery are viral vectors and hydrodynamic injection. The latter of these two approaches resulted in both liver and cardiovascular damage to mice, and therefore does not seem viable for humans. Alternatively, bacteriophages have been effectively used for the delivery and expression of genes, but fall short in their size limitation and their potential to harm the host’s immune system.<a href="http://online.liebertpub.com/doi/abs/10.1089/hum.2015.069"> <sup>(2) </sup></a>
 +
Thus, we believe that a non-viral approach is optimal and have selected <b>OMVs</b> as the simplest, most viable option for delivery of Cas9 as well as the guide RNA.
  
<!-- Navbar (sit on top) -->
+
</p>
<div class="w3-top">
+
  <div class="w3-bar" id="myNavbar">
+
    <a class="w3-bar-item w3-button w3-hover-black w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu">
+
      <i class="fa fa-bars"></i>
+
    </a>
+
    <a href="#home" class="w3-bar-item w3-button">HOME</a>
+
    <a href="#about" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-user"></i> ABOUT</a>
+
    <a href="#portfolio" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-th"></i> PORTFOLIO</a>
+
    <a href="#contact" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-envelope"></i> CONTACT</a>
+
    <a href="#" class="w3-bar-item w3-button w3-hide-small w3-right w3-hover-red">
+
      <i class="fa fa-search"></i>
+
    </a>
+
  </div>
+
  
  <!-- Navbar on small screens -->
+
<h3>What are OMVs?</h3>
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
+
    <a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a>
+
    <a href="#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">PORTFOLIO</a>
+
    <a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a>
+
    <a href="#" class="w3-bar-item w3-button">SEARCH</a>
+
  </div>
+
</div>
+
  
<!-- First Parallax Image with Logo Text -->
+
<p class="body-cont w4-center" style="font-family:Lora; font-size:18px">
<div class="bgimg-1 w3-display-container w3-opacity-min" id="home">
+
Outer Membrane Vesicles, or OMVs, are spheroid structures whose lipid barrier resembles that of the outer membrane of Gram-negative bacteria and internal composition shows a high degree of similarity with the bacterial periplasm. OMVs pinch off from the outer cell membrane and move independently from the host cell, allowing them to serve numerous functions such as the removal of toxic compounds and regulation of bacterial colonies by facilitating cell-cell communication.<a href="https://www.ncbi.nlm.nih.gov/pubmed/26373371"><sup>(3)</sup></a>Because OMVs are innately produced by bacteria, they are excellent candidates for non-viral lipid-based delivery systems.
  <div class="w3-display-middle" style="white-space:nowrap;">
+
</p>
    <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">MY <span class="w3-hide-small">WEBSITE</span> LOGO</span>
+
<figure>
  </div>
+
<img class="w3-hide-small" src="https://static.igem.org/mediawiki/2017/1/1d/T--Northwestern--OMV.jpg" >
</div>
+
<img class="w3-hide-large w3-hide-medium" src="https://static.igem.org/mediawiki/2017/1/1d/T--Northwestern--OMV.jpg" style="width:100%;height:400px;">
 +
<figcaption><a href="http://onlinelibrary.wiley.com/doi/10.1111/1462-2920.12048/full">Fig1: OMVs forming and pinching off from the outer membrane.<sup>(4)</sup></a></figcaption>
 +
</figure>
  
<!-- Container (About Section) -->
+
<h3>Our Project</h3>
<div class="w3-content w3-container w3-padding-64" id="about">
+
<p class="body-cont w4-center" style="font-family:Lora; font-size:18px">This summer, our team will tackle three key features of this project: the incorporation of Cas9 into OMVs, the packaging of guide RNAs into separate OMVs and finally the fusion of these vesicles with target cells and distribution of their contents.</p>
   <h3 class="w3-center">ABOUT ME</h3>
+
<h3><i>Delivery of Cas9 to target cell</i></h3>
   <p class="w3-center"><em>I love photography</em></p>
+
<p class="body-cont w4-center" style="font-family:Lora; font-size:18px">
  <p>We have created a fictional "personal" website/blog, and our fictional character is a hobby photographer. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
Our team will make use of an <i>E.coli</i> strain that is genetically engineered to hypervesiculate (JC8031). These bacteria will be transformed with a plasmid that allows the metabolic production of the Cas9 protein attached to amino acid sequences which have been found to be good candidates for periplasmic localization. To test for the presence of Cas9 in different cell compartments we will make use of fractionation - lysing only the outer membrane of the cell. Following the confirmation of Cas9 production, we will proceed by analyzing the contents of OMVs purified by the transformed strain.
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
+
</p>
    qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
<figure>
  <div class="w3-row">
+
  <img class="w3-hide-small w3-hide-medium" src="https://static.igem.org/mediawiki/2017/e/e5/T--Northwestern--BreakingOff.jpeg">
    <div class="w3-col m6 w3-center w3-padding-large">
+
   <img class="w3-hide-large" src="https://static.igem.org/mediawiki/2017/e/e5/T--Northwestern--BreakingOff.jpeg" style="width:100%;height:400px;">
      <p><b><i class="fa fa-user w3-margin-right"></i>My Name</b></p><br>
+
   <figcaption><a href="https://www.nature.com/articles/ncomms10515">Fig2: OMV forming from periplasmic content.<sup>(5)</sup></a></figcaption>
      <img src="/w3images/avatar_hat.jpg" class="w3-round w3-image w3-opacity w3-hover-opacity-off" alt="Photo of Me" width="500" height="333">
+
</figure>
    </div>
+
<p class="body-cont w4-center" style="font-family:Lora; font-size:18px">The team will then separate the OMVs from the original cells using ultracentrifugation. Then, we will take a sample, lyse the cells, and test for Cas9 using a western blot. Once the presence of Cas9 in the OMVs has been confirmed, the OMVs will be introduced to a strain of <i>E. coli</i> (DH5-Alpha) with a gene for antibiotic resistance-- the same gene that the Cas9-CRISPR complex will have been programmed to cut. When introduced, the OMVs will fuse with the target cell and the Cas9 will be introduced to the periplasm of the antibiotic resistant bacteria.
 +
</p>
 +
<h3><i>Delivery of gRNA to target cell</i></h3>
 +
<p class="body-cont w4-center" style="font-family:Lora; font-size:18px" ><p class="body-cont w4-center" style="font-family:Lora; font-size:18px">To introduce the gRNA to OMVs, the team looked at a few different methods: Electroporation, chemical induction, and cholesterol-binding. Electroporation has proven to be a viable method for introducing synthetic RNA into periplasm in other contexts, but cell death is a possibility.<a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4612299/"><sup>(6)</sup></a> However, due to very few protocols on chemically inducing gRNA uptake and introducing gRNA through cholesterol-binding, we still chose electroporation as our method to get gRNA into the periplasm of the cell. Using the same hypervesicular strain of <i>E. coli</i> to maximize our chances of gRNA ending up in OMVs, we will electroporate the cells in a gRNA rich medium to introduce the gRNA into the periplasm of the cell. Then, when OMVs form, we expect to see gRNA in the vesicles as well (which can be tested by adding a fluorescent dye to the guide RNA). These OMVs will then fuse with the same target cell as the Cas9 OMVs.
 +
</p></p>
 +
<h3><i>Fusion of OMVs to target cell</i></h3>
 +
<p class="body-cont w4-center" style="font-family:Lora; font-size:18px"><p class="body-cont w4-center" style="font-family:Lora; font-size:18px">Our team wants to determine exactly how OMVs fuse to cells and what types of cells accept OMVs. To do this, we will put CFSE (a hydrophobic dye) inside the vesicles. With this dye and a microscope, we will be able to observe the OMV as it fuses to the cell and confirm that the contents of the OMV end up in the target cell's periplasm. Additionally, we can test the OMV's ability to fuse with different types of bacteria such as Gram-positive and Gram-negative. By observing how OMVs interact with different types of cells, we will gain a better understanding of the concepts behind our experiment.</p></p>
  
 +
 +
<h4>References</h4>
 +
<p class="body-cont w4-center"><a href="http://onlinelibrary.wiley.com/doi/10.1111/cmi.12693/full"><sup>(1)</sup></a> Doerflinger, M., Forsyth, W., Ebert, G., Pellegrini, M., & Herold, M. (2016). CRISPR/Cas9-The ultimate weapon to battle infectious diseases? Cellular Microbiology, 19(2). doi:10.1111/cmi.12693
 +
</p>
 +
<p class="body-cont w4-center"><a href="http://online.liebertpub.com/doi/abs/10.1089/hum.2015.069"><sup>(2)</sup></a> Schwechheimer, C., & Kuehn, M. J. (2015). Outer-membrane vesicles from Gram-negative bacteria: biogenesis and functions. Nature Reviews Microbiology,13(10), 605-619. doi:10.1038/nrmicro3525
 +
</p>
 +
<p class="body-cont w4-center"><a href="https://www.ncbi.nlm.nih.gov/pubmed/26373371"><sup>(3)</sup></a> Berleman, J., & Auer, M. (2012). The role of bacterial outer membrane vesicles for intra- and interspecies delivery. Environmental Microbiology, 15(2), 347-354. doi:10.1111/1462-2920.1204
 +
</p>
 +
<p class="body-cont w4-center"><a href="http://onlinelibrary.wiley.com/doi/10.1111/1462-2920.12048/full"><sup>(4)</sup></a> Li Ling, He Zhi-Yao, Wei Xia-Wei, Gao Guang-Ping, and Wei Yu-Quan. Human Gene Therapy. June 2015, 26(7): 452-462. https://doi.org/10.1089/hum.2015.069
 +
</p>
 +
<p class="body-cont w4-center"><a href="https://www.nature.com/articles/ncomms10515"><sup>(5)</sup></a> Roier, S., Zingl, F. G., Cakar, F., Durakovic, S., Kohl, P., Eichmann, T. O., . . . Schild, S. (2016). A novel mechanism for the biogenesis of outer membrane vesicles in Gram-negative bacteria. Nature Communications, 7, 10515. doi:10.1038/ncomms10515 </p>
 +
<p class="body-cont w4-center"><a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4612299/"><sup>(6)</sup></a> Sjöström, A. E., Sandblad, L., Uhlin, B. E., & Wai, S. N. (2015). Membrane vesicle-mediated release of bacterial RNA. Scientific Reports, 5, 15329. doi:10.1038/srep15329</p>
 +
</div>
 +
</span>
 
     <!-- Hide this text on small devices -->
 
     <!-- Hide this text on small devices -->
    <div class="w3-col m6 w3-hide-small w3-padding-large">
 
      <p>Welcome to my website. I am lorem ipsum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
 
        dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor
 
        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 
    </div>
 
  </div>
 
  <p class="w3-large w3-center w3-padding-16">Im really good at:</p>
 
  <p class="w3-wide"><i class="fa fa-camera"></i>Photography</p>
 
  <div class="w3-light-grey">
 
    <div class="w3-container w3-padding-small w3-dark-grey w3-center" style="width:90%">90%</div>
 
  </div>
 
  <p class="w3-wide"><i class="fa fa-laptop"></i>Web Design</p>
 
  <div class="w3-light-grey">
 
    <div class="w3-container w3-padding-small w3-dark-grey w3-center" style="width:85%">85%</div>
 
  </div>
 
  <p class="w3-wide"><i class="fa fa-photo"></i>Photoshop</p>
 
  <div class="w3-light-grey">
 
    <div class="w3-container w3-padding-small w3-dark-grey w3-center" style="width:75%">75%</div>
 
  </div>
 
 
</div>
 
</div>
 
+
 
 
<div class="w3-row w3-center w3-dark-grey w3-padding-16">
 
<div class="w3-row w3-center w3-dark-grey w3-padding-16">
 
   <div class="w3-quarter w3-section">
 
   <div class="w3-quarter w3-section">
     <span class="w3-xlarge">14+</span><br>
+
     <span class="w3-xlarge">8</span><br>
     Partners
+
     Teammates
 
   </div>
 
   </div>
 
   <div class="w3-quarter w3-section">
 
   <div class="w3-quarter w3-section">
     <span class="w3-xlarge">55+</span><br>
+
     <span class="w3-xlarge">XXX</span><br>
     Projects Done
+
     Sponsors
 
   </div>
 
   </div>
 
   <div class="w3-quarter w3-section">
 
   <div class="w3-quarter w3-section">
     <span class="w3-xlarge">89+</span><br>
+
     <span class="w3-xlarge">XXX</span><br>
     Happy Clients
+
     Hours in Lab
 
   </div>
 
   </div>
 
   <div class="w3-quarter w3-section">
 
   <div class="w3-quarter w3-section">
     <span class="w3-xlarge">150+</span><br>
+
     <span class="w3-xlarge">XXX</span><br>
     Meetings
+
     Cells transformed
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<!-- Second Parallax Image with Portfolio Text -->
+
<!-- Second Parallax Image with Team Text -->
 
<div class="bgimg-2 w3-display-container w3-opacity-min">
 
<div class="bgimg-2 w3-display-container w3-opacity-min">
 
   <div class="w3-display-middle">
 
   <div class="w3-display-middle">
     <span class="w3-xxlarge w3-text-white w3-wide">PORTFOLIO</span>
+
     <span class="w3-xxlarge w3-text-white w3-wide">OUR TEAM</span>
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<!-- Container (Portfolio Section) -->
+
<!-- Container (Team Section) -->
<div class="w3-content w3-container w3-padding-64" id="portfolio">
+
<div class="w3-content w3-container w3-padding-64" id="team">
   <h3 class="w3-center">MY WORK</h3>
+
   <h3 class="w3-center"> Our Team </h3>
   <p class="w3-center"><em>Here are some of my latest lorem work ipsum tipsum.<br> Click on the images to make them bigger</em></p><br>
+
   <p style= "font-size: 24px"; class="w3-center"><em> Get to know the brains behind the brawn.<br> Click on the images to make them bigger and learn more about 2017 NU iGEM team !</em></p><br>
  
 
   <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
 
   <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
 
   <div class="w3-row-padding w3-center">
 
   <div class="w3-row-padding w3-center">
 
     <div class="w3-col m3">
 
     <div class="w3-col m3">
       <img src="/w3images/p1.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="The mist over the mountains">
+
       <img src="https://static.igem.org/mediawiki/2017/8/8a/T-Northwestern_headshot_chuck.jpeg" style="width:75%" onclick="onClick(this)" class="w3-hover-opacity" alt= "Charley, Major: Mechanical Engineering, Year: Junior || If you need any proof that irony is a fickle mistress, I am a local Evanston townie who grew up making fun of nerdy NU students. As a Wildcat, I spend my days as a mechanical engineering student who loves math and building things. Some of my many eclectic interests include product design, hydroponics, manufacturing, renewable energy, and why people are interested in the Kardashians. When I’m not doing STEM related activities, you can find me at the beach, a Will Ferrel Movie, or doing a cheesy 90’s workout video.">
 
     </div>
 
     </div>
  
 
     <div class="w3-col m3">
 
     <div class="w3-col m3">
       <img src="/w3images/p2.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Coffee beans">
+
       <img src="https://static.igem.org/mediawiki/2017/f/f1/T-Northwesternkaterina.jpg" style="width:100%" style= "height:150%" onclick="onClick(this)" class="w3-hover-opacity" alt="Katerina, Major: Biomedical Engineering, Year: Senior || I am a fourth-year Biomedical Engineering student hoping to pursue medical school following graduation. Having grown up in Athens, Greece scientific terminology does not intimidate me, although I still struggle to pronounce the most obscure names of bacteria. I am currently involved in imaging research for cancer diagnostics, but recently became fascinated by the field of synthetic biology and by how we can engineer bacteria to do the unimaginable. When not in lab, I’m probably reading mystery novels, solving Rubik’s cube puzzles or trying to improve my tennis serve.
 +
">
 
     </div>
 
     </div>
  
 
     <div class="w3-col m3">
 
     <div class="w3-col m3">
       <img src="/w3images/p3.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Bear closeup">
+
       <img src="https://static.igem.org/mediawiki/2017/0/02/T--Northwestern--JackFlip.jpeg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Jack, Major: Chemical Engineering, Year: Junior ||I am a third year undergraduate majoring in Chemical Engineering and pursuing a minor in chemistry and biotechnology. I have had little research experience thus far, but I am excited about expanding my skills as part of Northwestern’s 2017 iGEM team. I plan to start research in a lab during fall quarter 2017, and plan to eventually pursue my PhD in chemical engineering with an emphasis on synthetic biology. My interests include rock climbing, photography, and baking various desserts that will knock your socks off.">
 
     </div>
 
     </div>
  
 
     <div class="w3-col m3">
 
     <div class="w3-col m3">
       <img src="/w3images/p4.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Quiet ocean">
+
       <img src="https://static.igem.org/mediawiki/2017/0/04/T-Northwestern_Headshot_Ayesha.jpeg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="
 +
Ayesha
 +
Major: Biomedical Engineering
 +
Year: Junior ||
 +
 
 +
I’m a junior studying Biomedical Engineering. I have had very little wet lab experience coming into iGEM, but I am always up for the challenge and excited to get my feet wet (see what I did there?). Genetic engineering fascinates me and I’m ready to take part in furthering the field. I’m from Chicago, born and bred, something I almost never fail to mention.When I find free time, I like to take pictures, watch Christopher Nolan movies, listen to rap and exploring the city.
 +
">
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 171: Line 151:
 
   <div class="w3-row-padding w3-center w3-section">
 
   <div class="w3-row-padding w3-center w3-section">
 
     <div class="w3-col m3">
 
     <div class="w3-col m3">
       <img src="/w3images/p5.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="The mist">
+
       <img src="https://static.igem.org/mediawiki/2017/7/75/T-lulu.jpeg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="
 +
Lulu:
 +
Major: Chemical Engineering
 +
Year: Senior ||
 +
 
 +
I’m a senior studying chemical engineering and pursuing a minor in biotechnology. My interest in research began after entering a biomedical research lab for the first time at the age of six (possibly illegally), on a trip with my mom to pick up my dad after work. After around 6 summers of derailing graduate students’ research on occasion, I’ve found my place in iGEM. I’m excited to see what research is ‘Really About’ and experience the inner workings of the entire research design process.
 +
 
 +
When I am able to escape tech, I can be found stuffing myself with ramen, taking creeper shots of dogs, and drinking copious amounts of milk tea.
 +
">
 
     </div>
 
     </div>
  
 
     <div class="w3-col m3">
 
     <div class="w3-col m3">
       <img src="/w3images/p6.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="My beloved typewriter">
+
       <img src="https://static.igem.org/mediawiki/2017/2/2d/T-Northwestern_karen_.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="
 +
Karen:
 +
Major: Chemical Engineering
 +
Year: Sophomore ||
 +
 
 +
I’m a second-year chemical engineering student that will hopefully end up with a master’s in biotechnology. My first and last exposure to biology was in freshman year AP biology, but that was all I needed to dedicate my life to synthetic biology. I believe the key to healthcare is through genes, and I’ll be darned if I don’t find it. When I’m not struggling to understand things in the lab, I’m producing music for my brother’s friends, watching documentaries, or skyping my 4 pets/kids.
 +
 
 +
">
 
     </div>
 
     </div>
  
 
     <div class="w3-col m3">
 
     <div class="w3-col m3">
       <img src="/w3images/p7.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Empty ghost train">
+
       <img src="https://static.igem.org/mediawiki/2017/e/ea/T-Northwestern_will.jpeg" style="width:75%" onclick="onClick(this)" class="w3-hover-opacity" alt="Will:
 +
Major: Electrical Engineering
 +
Year: Sophomore ||
 +
 
 +
I am a second-year electrical engineering student interested in everything STEM related. Although I work in an astrophysics lab on campus, I’m excited to pursue my interest in synthetic biology and its applications through iGEM 2017. When I’m not working, I spend my time building rockets, beating my friends in FIFA, and rewatching the American Pie movies.
 +
 
 +
">
 
     </div>
 
     </div>
  
 
     <div class="w3-col m3">
 
     <div class="w3-col m3">
       <img src="/w3images/p8.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Sailing">
+
       <img src="https://static.igem.org/mediawiki/2017/7/75/T-Northwestern_tyler.jpeg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Tyler:
 +
Major: Chemical Engineering
 +
Year: Junior ||
 +
 
 +
I am a junior majoring in Chemical Engineering and Music Composition, and most of my research experience before iGEM was actually concentrated in ethnomusicology.  Even though I grew up in both Sweden and Germany, I went to Northwestern because of my interest in their Dual Degree program.  I have always been fascinated with research at the intersection of chemistry and biology, and I hope to one day obtain my PhD in a related field.
 +
">
 
     </div>
 
     </div>
    <button class="w3-button w3-padding-large w3-light-grey" style="margin-top:64px">LOAD MORE</button>
 
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<!-- Modal for full size images on click-->
 
<div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'">
 
  <span class="w3-button w3-large w3-black w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span>
 
  <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
 
    <img id="img01" class="w3-image">
 
    <p id="caption" class="w3-opacity w3-large"></p>
 
  </div>
 
</div>
 
 
<!-- Third Parallax Image with Portfolio Text -->
 
 
<div class="bgimg-3 w3-display-container w3-opacity-min">
 
<div class="bgimg-3 w3-display-container w3-opacity-min">
 
   <div class="w3-display-middle">
 
   <div class="w3-display-middle">
    <span class="w3-xxlarge w3-text-white w3-wide">CONTACT</span>
+
    <span class="w3-xxlarge w3-text-white w3-wide">Lab</span>
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<!-- Container (Contact Section) -->
+
<!-- Container (Lab Section) -->
<div class="w3-content w3-container w3-padding-64" id="contact">
+
<div class="w3-content w3-container w3-padding-64" id="lab">
   <h3 class="w3-center">WHERE I WORK</h3>
+
   <h3 class="w3-center"> In the Lab </h3>
   <p class="w3-center"><em>I'd love your feedback!</em></p>
+
   <p class="w3-center"><em> What exactly did we do this Summer?<br> Read our lab notebook!</em></p><br>
  
   <div class="w3-row w3-padding-32 w3-section">
+
    
    <div class="w3-col m4 w3-container">
+
  <iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="" width="100%" height="100%"></iframe>
      <!-- Add Google Maps -->
+
      <div id="googleMap" class="w3-round-large w3-greyscale" style="width:100%;height:400px;"></div>
+
    </div>
+
    <div class="w3-col m8 w3-panel">
+
      <div class="w3-large w3-margin-bottom">
+
        <i class="fa fa-map-marker fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Chicago, US<br>
+
        <i class="fa fa-phone fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Phone: +00 151515<br>
+
        <i class="fa fa-envelope fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Email: mail@mail.com<br>
+
      </div>
+
      <p>Swing by for a cup of <i class="fa fa-coffee"></i>, or leave me a note:</p>
+
      <form action="/action_page.php" target="_blank">
+
        <div class="w3-row-padding" style="margin:0 -16px 8px -16px">
+
          <div class="w3-half">
+
            <input class="w3-input w3-border" type="text" placeholder="Name" required name="Name">
+
          </div>
+
          <div class="w3-half">
+
            <input class="w3-input w3-border" type="text" placeholder="Email" required name="Email">
+
          </div>
+
        </div>
+
        <input class="w3-input w3-border" type="text" placeholder="Message" required name="Message">
+
        <button class="w3-button w3-black w3-right w3-section" type="submit">
+
          <i class="fa fa-paper-plane"></i> SEND MESSAGE
+
        </button>
+
      </form>
+
    </div>
+
  </div>
+
</div>
+
  
<!-- Footer -->
+
      
<footer class="w3-center w3-black w3-padding-64 w3-opacity w3-hover-opacity-off">
+
 
  <a href="#home" class="w3-button w3-light-grey"><i class="fa fa-arrow-up w3-margin-right"></i>To the top</a>
+
  <div class="w3-xlarge w3-section">
+
     <i class="fa fa-facebook-official w3-hover-opacity"></i>
+
    <i class="fa fa-instagram w3-hover-opacity"></i>
+
    <i class="fa fa-snapchat w3-hover-opacity"></i>
+
    <i class="fa fa-pinterest-p w3-hover-opacity"></i>
+
    <i class="fa fa-twitter w3-hover-opacity"></i>
+
    <i class="fa fa-linkedin w3-hover-opacity"></i>
+
  </div>
+
  <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p>
+
</footer>
+
+
<!-- Add Google Maps -->
+
<script>
+
function myMap()
+
{
+
  myCenter=new google.maps.LatLng(41.878114, -87.629798);
+
  var mapOptions= {
+
    center:myCenter,
+
    zoom:12, scrollwheel: false, draggable: false,
+
    mapTypeId:google.maps.MapTypeId.ROADMAP
+
  };
+
  var map=new google.maps.Map(document.getElementById("googleMap"),mapOptions);
+
  
  var marker = new google.maps.Marker({
+
      
     position: myCenter,
+
  });
+
  marker.setMap(map);
+
}
+
  
// Modal Image Gallery
+
    
function onClick(element) {
+
   document.getElementById("img01").src = element.src;
+
  document.getElementById("modal01").style.display = "block";
+
  var captionText = document.getElementById("caption");
+
  captionText.innerHTML = element.alt;
+
}
+
  
// Change style of navbar on scroll
+
 
window.onscroll = function() {myFunction()};
+
function myFunction() {
+
    var navbar = document.getElementById("myNavbar");
+
    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
+
        navbar.className = "w3-bar" + " w3-card-2" + " w3-animate-top" + " w3-white";
+
    } else {
+
        navbar.className = navbar.className.replace(" w3-card-2 w3-animate-top w3-white", "");
+
    }
+
}
+
  
// Used to toggle the menu on small screens when clicking on the menu button
+
      
function toggleFunction() {
+
     var x = document.getElementById("navDemo");
+
    if (x.className.indexOf("w3-show") == -1) {
+
        x.className += " w3-show";
+
    } else {
+
        x.className = x.className.replace(" w3-show", "");
+
    }
+
}
+
</script>
+
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"></script>
+
<!--
+
To use this code on your website, get a free API key from Google.
+
Read more at: https://www.w3schools.com/graphics/google_maps_basic.asp
+
-->
+
  
 +
</div>
 +
 +
 +
<!-- Modal for full size images on click-->
 +
<div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'">
 +
  <span class="w3-button w3-large w3-black w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span>
 +
  <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
 +
    <img id="img01" class="w3-image">
 +
    <p id="caption" class="w3-opacity w3-large"></p>
 +
  </div>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Northwestern_Page_Foot}}

Revision as of 17:41, 13 July 2017

Northwestern Template Northwestern Template

Our Project

What's the Problem?

Antibiotics are among the most frequently administered drugs in human medicine. However, incorrect dosing and failure to complete the prescribed course have contributed to microbes becoming resistant.

Our Proposed Solution:

Cas9, when bound to guide RNA, results in a versatile gene editing tool that gives rise to a wide range of potential applications. Through non-homologous end joining of the double stranded break, bases are added and subtracted knocking out the gene of interest. Scientists hope to use this system to battle infectious diseases and treat multi-drug resistant microorganisms.(1) Despite the promise behind CRISPR-Cas9, the shift from its use as a research tool to a therapeutic device poses many challenges such as undesirable host immune responses and cleavage in unwanted locations due to low system specificity. Our team is researching the use of Outer Membrane Vesicles (OMVs) as a Cas9 delivery system. We hypothesize that the successful packaging and delivery of Cas9, when combined with a specific guide RNA that defines the genomic target, could be used in a therapeutic setting to combat antibiotic resistance.

Cas9 Delivery

Typical methods for delivery of Cas9 into cell cultures include electroporation, nucleofection, and lipofectamine-mediated transfection.(2) However, these methods work exclusively for in vitro delivery of Cas9, and not in vivo. Thus, an alternative delivery system to transport this protein to target cells is needed.

Two common in vivo methods for Cas9 delivery are viral vectors and hydrodynamic injection. The latter of these two approaches resulted in both liver and cardiovascular damage to mice, and therefore does not seem viable for humans. Alternatively, bacteriophages have been effectively used for the delivery and expression of genes, but fall short in their size limitation and their potential to harm the host’s immune system. (2) Thus, we believe that a non-viral approach is optimal and have selected OMVs as the simplest, most viable option for delivery of Cas9 as well as the guide RNA.

What are OMVs?

Outer Membrane Vesicles, or OMVs, are spheroid structures whose lipid barrier resembles that of the outer membrane of Gram-negative bacteria and internal composition shows a high degree of similarity with the bacterial periplasm. OMVs pinch off from the outer cell membrane and move independently from the host cell, allowing them to serve numerous functions such as the removal of toxic compounds and regulation of bacterial colonies by facilitating cell-cell communication.(3)Because OMVs are innately produced by bacteria, they are excellent candidates for non-viral lipid-based delivery systems.

Fig1: OMVs forming and pinching off from the outer membrane.(4)

Our Project

This summer, our team will tackle three key features of this project: the incorporation of Cas9 into OMVs, the packaging of guide RNAs into separate OMVs and finally the fusion of these vesicles with target cells and distribution of their contents.

Delivery of Cas9 to target cell

Our team will make use of an E.coli strain that is genetically engineered to hypervesiculate (JC8031). These bacteria will be transformed with a plasmid that allows the metabolic production of the Cas9 protein attached to amino acid sequences which have been found to be good candidates for periplasmic localization. To test for the presence of Cas9 in different cell compartments we will make use of fractionation - lysing only the outer membrane of the cell. Following the confirmation of Cas9 production, we will proceed by analyzing the contents of OMVs purified by the transformed strain.

Fig2: OMV forming from periplasmic content.(5)

The team will then separate the OMVs from the original cells using ultracentrifugation. Then, we will take a sample, lyse the cells, and test for Cas9 using a western blot. Once the presence of Cas9 in the OMVs has been confirmed, the OMVs will be introduced to a strain of E. coli (DH5-Alpha) with a gene for antibiotic resistance-- the same gene that the Cas9-CRISPR complex will have been programmed to cut. When introduced, the OMVs will fuse with the target cell and the Cas9 will be introduced to the periplasm of the antibiotic resistant bacteria.

Delivery of gRNA to target cell

To introduce the gRNA to OMVs, the team looked at a few different methods: Electroporation, chemical induction, and cholesterol-binding. Electroporation has proven to be a viable method for introducing synthetic RNA into periplasm in other contexts, but cell death is a possibility.(6) However, due to very few protocols on chemically inducing gRNA uptake and introducing gRNA through cholesterol-binding, we still chose electroporation as our method to get gRNA into the periplasm of the cell. Using the same hypervesicular strain of E. coli to maximize our chances of gRNA ending up in OMVs, we will electroporate the cells in a gRNA rich medium to introduce the gRNA into the periplasm of the cell. Then, when OMVs form, we expect to see gRNA in the vesicles as well (which can be tested by adding a fluorescent dye to the guide RNA). These OMVs will then fuse with the same target cell as the Cas9 OMVs.

Fusion of OMVs to target cell

Our team wants to determine exactly how OMVs fuse to cells and what types of cells accept OMVs. To do this, we will put CFSE (a hydrophobic dye) inside the vesicles. With this dye and a microscope, we will be able to observe the OMV as it fuses to the cell and confirm that the contents of the OMV end up in the target cell's periplasm. Additionally, we can test the OMV's ability to fuse with different types of bacteria such as Gram-positive and Gram-negative. By observing how OMVs interact with different types of cells, we will gain a better understanding of the concepts behind our experiment.

References

(1) Doerflinger, M., Forsyth, W., Ebert, G., Pellegrini, M., & Herold, M. (2016). CRISPR/Cas9-The ultimate weapon to battle infectious diseases? Cellular Microbiology, 19(2). doi:10.1111/cmi.12693

(2) Schwechheimer, C., & Kuehn, M. J. (2015). Outer-membrane vesicles from Gram-negative bacteria: biogenesis and functions. Nature Reviews Microbiology,13(10), 605-619. doi:10.1038/nrmicro3525

(3) Berleman, J., & Auer, M. (2012). The role of bacterial outer membrane vesicles for intra- and interspecies delivery. Environmental Microbiology, 15(2), 347-354. doi:10.1111/1462-2920.1204

(4) Li Ling, He Zhi-Yao, Wei Xia-Wei, Gao Guang-Ping, and Wei Yu-Quan. Human Gene Therapy. June 2015, 26(7): 452-462. https://doi.org/10.1089/hum.2015.069

(5) Roier, S., Zingl, F. G., Cakar, F., Durakovic, S., Kohl, P., Eichmann, T. O., . . . Schild, S. (2016). A novel mechanism for the biogenesis of outer membrane vesicles in Gram-negative bacteria. Nature Communications, 7, 10515. doi:10.1038/ncomms10515

(6) Sjöström, A. E., Sandblad, L., Uhlin, B. E., & Wai, S. N. (2015). Membrane vesicle-mediated release of bacterial RNA. Scientific Reports, 5, 15329. doi:10.1038/srep15329

8
Teammates
XXX
Sponsors
XXX
Hours in Lab
XXX
Cells transformed
OUR TEAM

Our Team

Get to know the brains behind the brawn.
Click on the images to make them bigger and learn more about 2017 NU iGEM team !


Charley, Major: Mechanical Engineering, Year: Junior || If you need any proof that irony is a fickle mistress, I am a local Evanston townie who grew up making fun of nerdy NU students. As a Wildcat, I spend my days as a mechanical engineering student who loves math and building things. Some of my many eclectic interests include product design, hydroponics, manufacturing, renewable energy, and why people are interested in the Kardashians. When I’m not doing STEM related activities, you can find me at the beach, a Will Ferrel Movie, or doing a cheesy 90’s workout video.
Katerina, Major: Biomedical Engineering, Year: Senior || I am a fourth-year Biomedical Engineering student hoping to pursue medical school following graduation. Having grown up in Athens, Greece scientific terminology does not intimidate me, although I still struggle to pronounce the most obscure names of bacteria. I am currently involved in imaging research for cancer diagnostics, but recently became fascinated by the field of synthetic biology and by how we can engineer bacteria to do the unimaginable. When not in lab, I’m probably reading mystery novels, solving Rubik’s cube puzzles or trying to improve my tennis serve.
Jack, Major: Chemical Engineering, Year: Junior ||I am a third year undergraduate majoring in Chemical Engineering and pursuing a minor in chemistry and biotechnology. I have had little research experience thus far, but I am excited about expanding my skills as part of Northwestern’s 2017 iGEM team. I plan to start research in a lab during fall quarter 2017, and plan to eventually pursue my PhD in chemical engineering with an emphasis on synthetic biology. My interests include rock climbing, photography, and baking various desserts that will knock your socks off.

Ayesha
Major: Biomedical Engineering
Year: Junior ||

I’m a junior studying Biomedical Engineering. I have had very little wet lab experience coming into iGEM, but I am always up for the challenge and excited to get my feet wet (see what I did there?). Genetic engineering fascinates me and I’m ready to take part in furthering the field. I’m from Chicago, born and bred, something I almost never fail to mention.When I find free time, I like to take pictures, watch Christopher Nolan movies, listen to rap and exploring the city.

Lulu:
Major: Chemical Engineering
Year: Senior ||

I’m a senior studying chemical engineering and pursuing a minor in biotechnology. My interest in research began after entering a biomedical research lab for the first time at the age of six (possibly illegally), on a trip with my mom to pick up my dad after work. After around 6 summers of derailing graduate students’ research on occasion, I’ve found my place in iGEM. I’m excited to see what research is ‘Really About’ and experience the inner workings of the entire research design process. 

When I am able to escape tech, I can be found stuffing myself with ramen, taking creeper shots of dogs, and drinking copious amounts of milk tea.

Karen:
Major: Chemical Engineering
Year: Sophomore ||

I’m a second-year chemical engineering student that will hopefully end up with a master’s in biotechnology. My first and last exposure to biology was in freshman year AP biology, but that was all I needed to dedicate my life to synthetic biology. I believe the key to healthcare is through genes, and I’ll be darned if I don’t find it. When I’m not struggling to understand things in the lab, I’m producing music for my brother’s friends, watching documentaries, or skyping my 4 pets/kids.
Will:
Major: Electrical Engineering
Year: Sophomore ||

I am a second-year electrical engineering student interested in everything STEM related. Although I work in an astrophysics lab on campus, I’m excited to pursue my interest in synthetic biology and its applications through iGEM 2017. When I’m not working, I spend my time building rockets, beating my friends in FIFA, and rewatching the American Pie movies.
Tyler:
Major: Chemical Engineering
Year: Junior ||

I am a junior majoring in Chemical Engineering and Music Composition, and most of my research experience before iGEM was actually concentrated in ethnomusicology.  Even though I grew up in both Sweden and Germany, I went to Northwestern because of my interest in their Dual Degree program.  I have always been fascinated with research at the intersection of chemistry and biology, and I hope to one day obtain my PhD in a related field.
Lab

In the Lab

What exactly did we do this Summer?
Read our lab notebook!