Difference between revisions of "Team:Uppsala/Transcriptomics/Barcoding-Library Preparation"

Line 12: Line 12:
 
         </style>
 
         </style>
  
 
+
    </head>
 
+
<body>
 
+
 
+
<style/>
+
 
+
 
+
            :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 294: Line 152:
  
  
 
 
 
 
 
 
 
 
    </head>
 
  
 
     <div class="body">
 
     <div class="body">
Line 318: Line 167:
 
                 <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 -->
               
+
<h1>Barcoding and Library Preparation</h1>
+
<div class="card-holder">
 +
    <div class="content-card-heading">
 +
        <h1>Barcoding and Library Preparation</h1>
 +
    </div>
 +
                 
 +
 
  
 
                
 
                
Line 336: Line 190:
  
 
<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”>Step</th>
 
<th style= “width: auto”>Step</th>
 
<th style=“width: auto” >Amount [ng]</th>
 
<th style=“width: auto” >Amount [ng]</th>
Line 391: Line 246:
 
350
 
350
 
</td>
 
</td>
</tr></thead>
 
 
</tr></tbody></table>
 
</tr></tbody></table>
  
Line 414: Line 268:
  
 
<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”>Step</th>
 
<th style= “width: auto”>Step</th>
 
<th style=“width: auto” >Yield [ng]</th>
 
<th style=“width: auto” >Yield [ng]</th>
Line 442: Line 297:
 
450
 
450
 
</td>
 
</td>
</tr></thead>
 
 
</tr></tbody></table>
 
</tr></tbody></table>
  
Line 450: Line 304:
 
<p><b>Table 1:</b> Yields at the various steps.</p>
 
<p><b>Table 1:</b> Yields at the various steps.</p>
 
<br>
 
<br>
 +
 +
</div>
 +
               
 +
               
 +
               
 +
 +
<div class="card-holder">
 +
    <div class="content-card-heading">
 +
       
 +
    </div>
 +
                 
 +
               
 +
               
 +
               
  
 
  <img src="https://static.igem.org/mediawiki/2018/2/2a/T--Uppsala--library-throughput.png" class="center" height="70%" width="70%">
 
  <img src="https://static.igem.org/mediawiki/2018/2/2a/T--Uppsala--library-throughput.png" class="center" height="70%" width="70%">
Line 476: Line 344:
 
Additional troubleshooting would need to be performed to adjust the protocols provided by Oxford Nanopore to our application, which was unfortunately not possible in the course of this project due to budgetary and time restrictions. </p>
 
Additional troubleshooting would need to be performed to adjust the protocols provided by Oxford Nanopore to our application, which was unfortunately not possible in the course of this project due to budgetary and time restrictions. </p>
  
 +
<h1>References</h1>
 +
 +
<p><b>[1]</b> Write reference here</p><br>
 +
<p><b>[2]</b> Write reference here</p><br>
  
 +
                </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>
Line 482: Line 355:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
    </body>
 
</html>
 
</html>

Revision as of 18:44, 15 October 2018