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%; | ||
− | |||
− | |||
− | |||
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: # | + | background-color: #2980b9; |
− | border: 1px solid # | + | 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 # | + | border: 1px solid #2980b9; |
− | color: # | + | color: #2980b9; |
} | } | ||
Line 116: | Line 170: | ||
.btn:hover, | .btn:hover, | ||
.btn:active{ | .btn:active{ | ||
− | background-color: # | + | background-color: #236d9d; |
} | } | ||
Line 122: | Line 176: | ||
.btn-full:hover, | .btn-full:hover, | ||
.btn-full:active{ | .btn-full:active{ | ||
− | border: 1px solid # | + | border: 1px solid #236d9d; |
} | } | ||
Line 128: | Line 182: | ||
.btn-ghost:hover, | .btn-ghost:hover, | ||
.btn-ghost:active{ | .btn-ghost:active{ | ||
− | border: 1px solid # | + | 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( | + | 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 # | + | 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
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.