Difference between revisions of "Team:MIT"

Line 30: Line 30:
 
             </div>
 
             </div>
 
          
 
          
 +
        <section class="introduction">
 +
            <div class="row">
 +
                <h2>What is Alternative splicing?</h2>
 +
            </div>
 +
            <div class="row">
 +
                <p>Alternative splicing is a process that takes mRNA transcripts and modifies it in various ways to create a final mature mRNA molecule for translation. Some sequences known as introns are removed; other sequences known as exons remain to be translated. With such a process, a single gene can result in many types of proteins transcripts<br>
 +
                    <br>
 +
                Our iGEM projects seeks to control alternative splicing of RNA,  specifically exon skipping and inclusion, using a protein called Cas13a. This is a protein that attaches to RNA via a complementary guide RNA, then cuts the RNA strand. For our purposes, we're using a modified version of this protein, known as dCas13a, that can attach, but doesn't cut. By targeting certain portions of a fluorescent protein construct,  we can determine whether or not we achieved the intended isoforms based on the presence or absence of the fluorescent protein in addition to sequencing.
 +
                </p>
 +
            </div>
 +
       
 +
        </section>
 +
   
 +
   
 +
 
 +
 
         </header>
 
         </header>
 
          
 
          
Line 38: Line 54:
  
 
<style>
 
<style>
 +
/* ==================================================
 +
  BASIC SETUP
 +
 +
 +
 +
*/
 +
 
/* ==================================================
 
/* ==================================================
 
   BASIC SETUP
 
   BASIC SETUP
Line 52: Line 75:
 
      
 
      
 
}
 
}
 
 
 
  
 
html {
 
html {
Line 73: Line 93:
  
  
 +
 +
 +
h1,
 +
h2,
 +
h3{
 +
   
 +
    font-weight: 300;
 +
    text-transform:uppercase;
 +
   
 +
   
 +
   
 +
}
  
  
 
h1{
 
h1{
 +
    margin-top: 0;
 +
    margin-bottom: 20px;
 
     margin: 0;
 
     margin: 0;
 
     color: #fff;
 
     color: #fff;
 
     font-size: 240%;  
 
     font-size: 240%;  
    font-weight: 300;
 
    text-transform:uppercase;
 
    letter-spacing: 1px;
 
 
     word-spacing: 4px;
 
     word-spacing: 4px;
      
+
     letter-spacing: 1px;
 +
}
 +
 
 +
h2{
 +
    font-size: 180%;
 +
    word-spacing: 2px;
 +
    text-align: center;
 +
    margin-bottom: 30px;
 +
    letter-spacing: 1px;
 +
}
 +
 
 +
h3{
 +
    font-size: 110%;
 +
    margin-bottom: 15px;
 +
}
 +
 
 +
h2:after{
 +
    display: block;
 +
    height: 2px;
 +
    background-color: #2980b9;
 +
    content: " ";
 +
    width: 100px;
 +
    margin: 0 auto;
 +
    margin-top: 30px;
 
}
 
}
  
Line 101: Line 155:
 
.btn-full:link,
 
.btn-full:link,
 
.btn-full:visited{
 
.btn-full:visited{
     background-color: #e67e22;
+
     background-color: #2980b9;
     border: 1px solid #e67e22;
+
     border: 1px solid #2980b9;
 
     color: #fff;
 
     color: #fff;
 
     margin-right: 15px;
 
     margin-right: 15px;
Line 109: Line 163:
 
.btn-ghost:link,
 
.btn-ghost:link,
 
.btn-ghost:visited{
 
.btn-ghost:visited{
     border: 1px solid #e67e22;
+
     border: 1px solid #2980b9;
     color: #e67e22;
+
     color: #2980b9;
 
}
 
}
  
Line 116: Line 170:
 
.btn:hover,
 
.btn:hover,
 
.btn:active{
 
.btn:active{
     background-color: #cf6d17;
+
     background-color: #236d9d;
 
}
 
}
  
Line 122: Line 176:
 
.btn-full:hover,
 
.btn-full:hover,
 
.btn-full:active{
 
.btn-full:active{
     border: 1px solid #cf6d17;
+
     border: 1px solid #236d9d;
  
 
}
 
}
Line 128: Line 182:
 
.btn-ghost:hover,
 
.btn-ghost:hover,
 
.btn-ghost:active{
 
.btn-ghost:active{
     border: 1px solid #e67e22;
+
     border: 1px solid #2980b9;
 
     color: #fff;
 
     color: #fff;
 
}
 
}
Line 137: Line 191:
  
 
header {
 
header {
     background-image: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(https://static.igem.org/mediawiki/2017/f/fe/Puzzle.jpg);
+
     background-image: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(img/puzzle.jpg);
 
     background-size: cover;
 
     background-size: cover;
 
     background-position: center;
 
     background-position: center;
 
     height: 100vh;
 
     height: 100vh;
 +
    background-attachment: fixed;
 
}
 
}
  
Line 190: Line 245:
 
.main-nav li a:hover,
 
.main-nav li a:hover,
 
.main-nav li a:active{
 
.main-nav li a:active{
     border-bottom: 2px solid #e67d22
+
     border-bottom: 2px solid #2980b9;
 
}
 
}
  
  
 +
/*      Section Introduction    */
 +
/*      Section Introduction    */
 +
/*      Section Introduction    */
 +
.introduction{
 +
    margin-top: 90px;
 +
    margin-bottom: 150px;
 +
}
  
 +
.introduction p{
 +
    font-size: 120%;
 +
    line-height: 150%;
 +
    margin-top: 15px;
 +
    font-family: 'Courgette', cursive;
 +
}
 +
 +
 +
 +
/*      Section Quotes  */
 +
/*      Section Quotes  */
 +
/*      Section Quotes  */
 +
.section-quotes{
 +
    background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)),url(img/capsule.jpg);
 +
    margin-top: 70px;
 +
    margin-bottom: 80px;
 +
    color: #fff;
 +
    background-attachment: fixed;
 +
}
 +
 +
.section-quotes h2{
 +
    margin-top: 70px;
 +
}
 +
 +
cite{
 +
    font-size: 90%;
 +
    margin-top: 25px;
 +
    display: block;
 +
    margin-bottom: 70px;
 +
}
 +
 +
cite img{
 +
    height: 45px;
 +
    border-radius: 200%;
 +
    margin-right: 10px;
 +
    vertical-align: middle;
 +
   
 +
}
 +
 +
blockquote{
 +
    padding: 2%;
 +
    font-style: italic;
 +
    line-height: 145%;
 +
    position: relative;
 +
    margin-top: 40px;
 +
}
 +
 +
blockquote:before{
 +
    content: "\201c";
 +
    font-size: 400%;
 +
    display: block;
 +
    position: absolute;
 +
    top: -5px;
 +
    left: -3px;
 +
}
  
  

Revision as of 20:37, 31 July 2017

MIT iGEM 2017

Goodbye randomness.
Hello controlled splicing.

Background Show me how

What is Alternative splicing?

Alternative splicing is a process that takes mRNA transcripts and modifies it in various ways to create a final mature mRNA molecule for translation. Some sequences known as introns are removed; other sequences known as exons remain to be translated. With such a process, a single gene can result in many types of proteins transcripts

Our iGEM projects seeks to control alternative splicing of RNA, specifically exon skipping and inclusion, using a protein called Cas13a. This is a protein that attaches to RNA via a complementary guide RNA, then cuts the RNA strand. For our purposes, we're using a modified version of this protein, known as dCas13a, that can attach, but doesn't cut. By targeting certain portions of a fluorescent protein construct, we can determine whether or not we achieved the intended isoforms based on the presence or absence of the fluorescent protein in addition to sequencing.