Difference between revisions of "Team:Uppsala/Transcriptomics/rRNA Depletion"

Line 13: Line 13:
  
  
 +
  </head>
  
  
  
<style/>
+
<body>
 
+
 
+
            :root{
+
                --primary: #8b1a32;
+
                --secondary:#969696;
+
                --tertiary: #f15025;
+
                --whiteish: #fcf7ff;
+
                --light-blue:#cde6f5;
+
                --alt-secondary: #554640;
+
 
+
            }
+
 
+
 
+
            html{
+
                width: 100%;
+
                height: 100%;
+
            }
+
            *{
+
                margin: 0;
+
                padding: 0;
+
                box-sizing: border-box;
+
            }
+
           
+
            .parallax {
+
                /* The image used */
+
                background-image: url("https://static.igem.org/mediawiki/2018/9/99/T--Uppsala--Transcriptomics-HEADER_2.jpeg");
+
 
+
                /* Set a specific height */
+
                min-height: 99vh;
+
 
+
                /* Create the parallax scrolling effect */
+
                background-attachment: fixed;
+
                background-position: center;
+
                background-repeat: no-repeat;
+
                background-size: cover;
+
                /*background: linear-gradient(to bottom, transparent 90%);*/
+
            }
+
           
+
            .blur-box {
+
            background-color: var(--whiteish);
+
            box-shadow: 0 0 10px 10px var(--whiteish);
+
            }
+
 
+
            .sub-header{
+
 
+
                /* Set a specific height */
+
                height:20vw;
+
                min-height: 150px;
+
               
+
 
+
                /* Create the parallax scrolling effect */
+
                /*background-attachment: fixed;*/
+
                background-position: center;
+
                background-repeat: no-repeat;
+
                background-size: cover;
+
               
+
             
+
            }
+
           
+
            .sub-header h1{
+
                font-size: 60;
+
                text-align: center;
+
                position:absolute;
+
                left:0;
+
                right:0;
+
                margin-top:6.5% ;
+
                margin-left:auto;
+
                margin-right: auto;
+
                color:white;
+
                bottom: px;
+
            }
+
+
/* TODO: CHANGE */
+
            #blue{
+
                background-image: url(redbanner.jpg);
+
            }
+
 
+
            h1, h2{
+
 
+
                color: #661325;
+
            }
+
            h1{
+
                margin-top:2em;
+
                margin-bottom: 0.5em;
+
            }
+
            #first-title{
+
                top:100px;
+
                margin-top: 0;
+
            }
+
           
+
            .content{
+
                position:relative;
+
             
+
                background-color: var(--whiteish);
+
            }
+
 
+
            .content-text{
+
                margin-top:2em;
+
                min-width: 400px;
+
                width:70%;
+
                position: relative;
+
                margin: auto;
+
                /*background-color: #8c7cff;*/
+
 
+
            }
+
 
+
 
+
            .scroll-pointer{
+
                top:85%;
+
                position:absolute;
+
                /*margin-left:auto;
+
                margin-right:auto;*/
+
                width: 100%;
+
                padding: 0;
+
            }
+
 
+
            .scroll-pointer img{
+
                color: var(--primary) ;
+
 
+
            }
+
 
+
            .center-icon{
+
                width:100px;
+
                position: relative;
+
                display: block;
+
                margin-right: auto;
+
                margin-left: auto;
+
                opacity: 0.8;
+
            }
+
.center {
+
    display: block;
+
    margin-left: auto;
+
    margin-right: auto;
+
    width: 50%;
+
}
+
 
+
 
+
 
+
</style>
+
 
+
 
+
 
+
  
  
Line 302: Line 161:
  
  
    </head>
+
  
 
     <div class="body">
 
     <div class="body">
Line 318: Line 177:
 
                 <div style="height:5em;"></div>
 
                 <div style="height:5em;"></div>
 
                 <!-- FROM THIS POINT DOWNWARDS YOU START ADDING YOUR STUFF -->
 
                 <!-- FROM THIS POINT DOWNWARDS YOU START ADDING YOUR STUFF -->
               
+
   
 +
<div class="card-holder">
 +
    <div class="content-card-heading">
 +
        <h1>rRNA Depletion</h1>
 +
    </div>
 +
             
 +
 
  
<h1>rRNA Depletion</h1>
 
  
 
<p>rRNA stands for ribosomal RNA and constitutes a large part of the cells ribosomes. In fact, about 90% of the total RNA content of the cell is rRNA, with the rest being microRNA, tRNA and mRNA. While the rRNA has been very useful for RNA quality control in the previous step of the pipeline, it actually holds no genetic information of value for us and can be removed to make the RNA sample clearer and lighter in preparation for the coming steps.</p>
 
<p>rRNA stands for ribosomal RNA and constitutes a large part of the cells ribosomes. In fact, about 90% of the total RNA content of the cell is rRNA, with the rest being microRNA, tRNA and mRNA. While the rRNA has been very useful for RNA quality control in the previous step of the pipeline, it actually holds no genetic information of value for us and can be removed to make the RNA sample clearer and lighter in preparation for the coming steps.</p>
Line 340: Line 204:
  
 
<table class=” pgrouptable tablesorter our-table” style=“width: 100%;” cellspacing="15"; cellpadding=“0”>
 
<table class=” pgrouptable tablesorter our-table” style=“width: 100%;” cellspacing="15"; cellpadding=“0”>
 +
    <thead><tr>
 
<th style= “width: auto”>Sample</th>
 
<th style= “width: auto”>Sample</th>
 
<th style=“width: auto” >Nucleic Acid Conc. <br>[ng/uL]</th>
 
<th style=“width: auto” >Nucleic Acid Conc. <br>[ng/uL]</th>
Line 368: Line 233:
 
<td>c16-2</td>
 
<td>c16-2</td>
 
<td >50,2</td>
 
<td >50,2</td>
<td>1255</td></tr></thead>
+
<td>1255</td></tr></tbody></table>
</tr></tbody></table>
+
  
  
Line 390: Line 254:
 
<b>Glycoblue:</b> Another complementary method to visualize the RNA pellet is to dye it. GlycoBlue is a blue dye that binds specific to glycogen, contributing of making the pellet even more visible. Thereby it will be easier for the user to pipette with less chance of touching the pellet.</p>
 
<b>Glycoblue:</b> Another complementary method to visualize the RNA pellet is to dye it. GlycoBlue is a blue dye that binds specific to glycogen, contributing of making the pellet even more visible. Thereby it will be easier for the user to pipette with less chance of touching the pellet.</p>
  
 
+
</div>
 +
            </div>
 
                 <!-- HERE ENDS THE PORTION WHERE YOU PUT IN YOUR CONTENT-->
 
                 <!-- HERE ENDS THE PORTION WHERE YOU PUT IN YOUR CONTENT-->
 
                 <div style="height:5em;"></div>
 
                 <div style="height:5em;"></div>
 
             </div>
 
             </div>
        </div>
+
     </body>
     </div>
+
 
</html>
 
</html>

Revision as of 18:03, 15 October 2018