Difference between revisions of "Team:Hawaii"

 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Hawaii/All}}
 
 
{{Hawaii/Navbar}}
 
{{Hawaii/Navbar}}
 +
 
<html>
 
<html>
−
   <div id="description">
+
   <div id="container">
−
      <section id="section1">
+
    <div id="big-title">
−
        <h1>Description</h1>
+
      <h1 id="big-title-main">TO THE CENTROMERE</h1>
−
<h2> What Are VLPs?</h2>
+
      <h1 id="big-title-alt">TO THE CENTROMERE</h1>
−
        <p>VLPs are non-infectious virus-like particles that resemble the shell or capsid of a virus, but do not contain any viral genetic material. VLPs are a hot topic in research because of their many applications. VLPs also provide scientists with a safe way to research important but dangerous viruses. Our team is working with a VLP made from Gag polyproteins. The Gag polyprotein we are working with codes for a capsid, nucleocapsid, protease, reverse transcriptase, and integrase. All these pieces allow us to create VLPs.</p>
+
      <h2 id="sub-title">WITH VIRUS-LIKE PARTICLES</h2>
−
<br>
+
−
<h2>Retrotransposons!</h2>
+
−
<p>Our VLP is derived from a centromeric retrotransposon found in Zea mays. Retrotransposons are segments of RNA that are known for their ability to “jump” to new places in an organism’s genome. Our centromeric retrotransposon is part of the Ty3-Gypsy superfamily. Our team has decided to work with centromeric retrotransposons for their unique ability to target and insert DNA in and near centromeres.</p>
+
−
<br>
+
−
<h2>Our Project</h2>
+
−
<p>Our aim is to create a standardized VLP that would act as the perfect “box” to package genetic material or even small proteins. Because this particular Gag polyprotein is not well understood, we are striving to make contributions that will help other teams and researchers understand the nature of this polyprotein and the VLPs they create. </p>
+
−
<p>The first part of our project consists of conducting experiments to determine the conditions in which our protease actively cleaves the Gag polyprotein, and whether our Gag polyprotein self-assembles into VLPs in E. coli. Past studies suggest that Gag polyproteins from the Ty3-Gypsy family self-assemble into VLPs using E. coli as the chassis (1). By using electron microscopy, we can determine whether our VLP self-assembles in E. coli, or if in vitro methods are needed to create VLPs.</p>
+
−
<p>The second aim of our project is to create a system to verify whether VLPs have been formed without complete dependence on electron microscopy. Using a split-protein system with fluorescent proteins or ß-galactosidase would allow us to verify VLP formation. Attaching two halves of GFP to our Gag polyprotein so that these halves only connect when the VLP is fully formed would allow us to qualitatively verify that we have achieved VLP formation, without the use of electron microscopy. This is an important step in creating a VLP that is easy to use.</p>
+
−
<p>Our final challenge is creating a VLP that can efficiently package nucleic acids and proteins. Past studies show it is possible to package proteins within VLPs using a clever RNA aptamer, or a short RNA sequence that binds to the targeted molecule (2). Working to elucidate the RNA sequence our nucleocapsid binds to will allow us to create our own aptamer in which we can then have a standardized way to package targeted molecules.
+
−
</p>
+
−
<p>Our hope for this project is that we create an easy-to-use, standardized VLP that can efficiently package nucleic acids and proteins. A standardized VLP could allow us and future iGEM teams to package a variety of molecules without having to alter the VLP itself.</p>
+
−
<br>
+
−
<h2>Real World Applications</h2>
+
−
<p>Since our VLP is derived from a centromeric retrotransposon, it has the ability to target the centromeres of our organism. Many plant transformation and gene transfer methods have been highly studied and continue to be improved. Gene transfer in many plants at efficient enough rates continues to be a difficult issue to tackle (3). Using our VLP to deliver genetic material to the centromere of the targeted plant could result in high retention of our inserted DNA through many generations, since DNA in and near centromeres are highly conserved in many organisms.</p>
+
−
<br>
+
−
<h2>References</h2>
+
−
<p>1. Larsen LSZ, Kuznetsov Y, McPherson A, Hatfield GW, Sandmeyer S. TY3 GAG3 protein forms ordered particles in Escherichia coli. Virology. 2008;370(2):223-227. doi:10.1016/j.virol.2007.09.017</p>
+
−
<p>2. Fiedler JD, Brown SD, Lau JL, Finn MG. RNA-Directed Packaging of Enzymes within Virus-like Particles **. Angew Chemie Int Ed. 2010;49:9648-9651. doi:10.1002/anie.201005243
+
−
</p>
+
−
<p>3. Potrykus I. Gene Transfer to Plants: Assessment of Published Approaches and Results. Assessment. 1991:205-225. doi:10.1146/annurev.pp.42.060191.001225</p>
+
−
<br>
+
−
      </section>
+
 
     </div>
 
     </div>
 +
 +
    <div id="button-container">
 +
      <button id="b1"><a href="https://2018.igem.org/Team:Hawaii/Description">EXPLORE</a></button>
 +
    </div>
 +
 +
    <div id="spacer"></div>
 +
  </div>
  
 
<style>
 
<style>
−
#description {
+
 
 +
@keyframes fall {
 +
  from {
 +
    transform: rotate(0deg);
 +
    transform-origin: 50% 40%;
 +
  }
 +
  40% {
 +
    opacity: 1;
 +
  }
 +
  to {
 +
    top: 700px;
 +
    left: calc(50vw);
 +
    opacity: 0;
 +
    transform: rotate(360deg);
 +
    transform-origin: 10% 10%;
 +
    display: none;
 +
  }
 +
}
 +
 
 +
#big-title {
 +
  width: calc(100vw);
 +
  top: 250px;
 +
  text-align: center;
 +
  position: absolute;
 +
  font-size: 60px;
 +
  font-family: 'Oswald', sans-serif;
 +
  color: rgb(30,30,30);
 +
  display: flex;
 +
  flex-direction: column;
 +
  justify-content: center;
 +
  letter-spacing: 10px;
 +
  z-index: 2;
 +
}
 +
#sub-title {
 +
  font-family: 'Oswald', sans-serif;
 +
  margin: 0px;
 +
  padding: 0px;
 +
  font-size: 40px;
 +
}
 +
#big-title-alt {
 +
  display: none;
 +
  justify-content: center;
 +
  width: 100%;
 +
  font-size: 60px;
 +
  position: absolute;
 +
  top: 100px;
 +
}
 +
@media only screen and (max-width: 800px) {
 +
  #big-title-main {
 +
    display: none;
 +
  }
 +
  #big-title-alt {
 +
    display: flex;
 +
  }
 +
  #sub-title {
 +
    display: none;
 +
  }
 +
}
 +
@media only screen and (max-width: 1200px) {
 +
  #big-title {
 +
    font-size: 50px;
 +
    top: 200px;
 +
  }
 +
}
 +
.c1 {
 +
  width: 0;
 +
  height: 0;
 +
}
 +
.c2a {
 +
  width: 0;
 +
  height: 0;
 +
  transform: rotate(360deg);
 +
}
 +
.c2b {
 +
  width: 0;
 +
  height: 0;
 +
  transform: scaleY(-1);
 +
}
 +
.c3 {
 +
  width: 0;
 +
  height: 0;
 +
}
 +
.c4a {
 +
}
 +
.c4b {
 +
  width: 0;
 +
  height: 0;
 +
  transform: scaleX(-1);
 +
}
 +
.c4c {
 +
  width: 0;
 +
  height: 0;
 +
}
 +
.extra {
 +
  width: 0;
 +
  height: 0;
 +
}
 +
.vlp {
 +
  height: 300px;
 +
  width: 240px;
 +
  position: absolute;
 +
  top: -50px;
 +
  animation-name: fall;
 +
  animation-duration: 6s;
 +
  animation-iteration-count: 1;
 +
  z-index: 1;
 +
}
 +
#button-container {
 
   width: 100%;
 
   width: 100%;
−
  height: auto;
 
 
   display: flex;
 
   display: flex;
 
   justify-content: center;
 
   justify-content: center;
 +
  position: absolute;
 +
  top: 600px;
 +
  z-index: 100;
 
}
 
}
−
#section1 {
+
#b1, #b1 a{
−
   width: 70%;
+
  font-family: 'Oswald', sans-serif;
−
   min-height: 900px;
+
  font-style: italic;
 +
  letter-spacing: 3px;
 +
  font-size: 30px;
 +
  background-color: rgb(30,30,30);
 +
  color: white;
 +
  padding: 10px;
 +
  text-align: center;
 +
  border:none;
 +
}
 +
#b1:hover {
 +
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
 +
}
 +
#b1:focus {
 +
  outline:0;
 +
}
 +
#b1 a:hover {
 +
  text-decoration: none;
 +
}
 +
#spacer {
 +
   width: 100%;
 +
   height: 700px;
 
}
 
}
  
 
</style>
 
</style>
 +
<script>
 +
window.onload = function() {
 +
  var loadAnim = true;
 +
  var eCol = "rgb(40,40,40)";
 +
  var maxSize = 30;
 +
 +
  function lowRand() {
 +
    return Math.floor(Math.random()*120);
 +
  }
 +
  function highRand() {
 +
    return Math.floor(Math.random() * 80) + 255;
 +
  }
 +
  function wRand() {
 +
    return Math.floor(Math.random() * 1200);
 +
  }
 +
  function vlpRand() {
 +
    return Math.floor(Math.random()*maxSize) ;
 +
  }
 +
 +
  function generateCol(r,g,b) {
 +
    var c1, c2a, c2b, c3, c4a, c4b, c4c;
 +
    var arr = [c1, c2a, c2b, c3, c4a, c4b, c4c];
 +
    for (let i = 0; i < arr.length; i++) {
 +
      r += (255-r)*0.25;
 +
      g += (255-g)*0.25;
 +
      b += (255-b)*0.25;
 +
      arr[i] = "rgb(" + Math.round(r) + "," + Math.round(g) + "," + Math.round(b) + ")";
 +
      // console.log(arr[i]);
 +
    }
 +
    return arr;
 +
  }
 +
  generateCol(180,40,20);
 +
 +
  function createVLP() {
 +
    var cont = document.createElement('div');
 +
 +
    cont.classList.add('vlp');
 +
    cont.style.left = wRand() + "px";
 +
 +
    var div1 = document.createElement('div');
 +
    var c4c = document.createElement('div');
 +
    var c4b = document.createElement('div');
 +
    var c2b = document.createElement('div');
 +
    var extra = document.createElement('div');
 +
 +
    c4c.classList.add('c4c');
 +
    c4b.classList.add('c4b');
 +
    c2b.classList.add('c2b');
 +
    extra.classList.add('extra');
 +
 +
    c4c.appendChild(c4b);
 +
    c4c.appendChild(c2b);
 +
    c4c.appendChild(extra);
 +
    div1.appendChild(c4c);
 +
 +
    var div2 = document.createElement('div');
 +
    var c4a = document.createElement('div');
 +
    var c3 = document.createElement('div');
 +
    var c2a = document.createElement('div');
 +
 +
    c4a.classList.add('c4a');
 +
    c3.classList.add('c3');
 +
    c2a.classList.add('c2a');
 +
 +
    c4a.appendChild(c3);
 +
    c4a.appendChild(c2a);
 +
    div2.appendChild(c4a);
 +
 +
    var div3 = document.createElement('div');
 +
    var c1 = document.createElement('div');
 +
 +
    c1.classList.add('c1');
 +
 +
    div3.appendChild(c1);
 +
 +
    cont.appendChild(div1);
 +
    cont.appendChild(div2);
 +
    cont.appendChild(div3);
 +
 +
    var sides = [c1, c2a, c2b, c3, c4a, c4b, c4c];
 +
 +
    function createSides(startSize, colorArr, elArr) {
 +
      var s2 = startSize - 5;
 +
      var w = startSize * 2;
 +
      elArr[0].style.borderLeft = startSize + "px solid transparent";
 +
      elArr[0].style.borderRight = startSize + "px solid transparent";
 +
      elArr[0].style.borderTop = s2 + "px solid " + colorArr[0];
 +
 +
      elArr[1].style.borderRight = startSize + "px solid " + colorArr[1];
 +
      elArr[1].style.borderBottom = s2 + "px solid transparent";
 +
 +
      elArr[2].style.borderRight = startSize + "px solid " + colorArr[2];
 +
      elArr[2].style.borderBottom = s2 + "px solid transparent";
 +
 +
      elArr[3].style.borderRight = startSize + "px solid transparent";
 +
      elArr[3].style.borderBottom = s2 + "px solid " + colorArr[3];
 +
 +
      elArr[4].style.backgroundColor = colorArr[4];
 +
      elArr[4].style.width = w + "px";
 +
      elArr[4].style.height = s2 + "px";
 +
 +
      elArr[5].style.borderRight = startSize + "px solid " + colorArr[5];
 +
      elArr[5].style.borderTop = s2 + "px solid transparent";
 +
 +
      elArr[6].style.borderLeft = startSize + "px solid transparent";
 +
      elArr[6].style.borderBottom = s2 + "px solid " + colorArr[6];
 +
 +
    }
 +
    createSides(vlpRand(), generateCol(255,highRand(),lowRand()), sides);
 +
    if (document.getElementsByClassName('vlp').length > 15) {
 +
      $('.vlp').first().remove();
 +
    }
 +
 +
    document.body.appendChild(cont);
 +
  }
 +
 +
  setInterval(VLPtimer, 400);
 +
 +
  function VLPtimer() {
 +
    if (window.scrollY < 700) {
 +
      var rand = Math.round(Math.random()*(600));
 +
      setTimeout(function(){
 +
        createVLP();
 +
      }, rand);
 +
    } else {
 +
      window.clearTimeout();
 +
    }
 +
  };
 +
 +
}
 +
</script>
 
</html>
 
</html>
 
{{Hawaii/Footer}}
 
{{Hawaii/Footer}}

Latest revision as of 22:00, 2 October 2018

TO THE CENTROMERE

TO THE CENTROMERE

WITH VIRUS-LIKE PARTICLES