Difference between revisions of "Team:Uppsala/Worm Culturing/Experiment"

Line 10: Line 10:
 
         <style type="text/css">
 
         <style type="text/css">
  
 
+
#PooMeasuringImage {
 +
    width: 50%; height: 50%; 
 +
}
  
  
Line 130: Line 132:
 
         </style>
 
         </style>
  
 
+
</head>
 
+
 
+
 
+
<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/d/d6/T--Uppsala--Large.jpg");
+
 
+
                /* 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 411: Line 268:
  
  
 
    </head>
 
  
 
     <div class="body">
 
     <div class="body">
Line 444: Line 299:
 
<p>From the fecal samples provided by Vidilab we needed to extract the worms in order to perform experiments on them later. For each extraction, approximately 20 g of faeces are used.<br>
 
<p>From the fecal samples provided by Vidilab we needed to extract the worms in order to perform experiments on them later. For each extraction, approximately 20 g of faeces are used.<br>
  
  <br><img src="https://static.igem.org/mediawiki/2018/7/76/T--Uppsala--PooMeasuring.png" height="70%" width="70%">
+
  <br><img src="https://static.igem.org/mediawiki/2018/7/76/T--Uppsala--PooMeasuring.png" id="PooMeasuringImage">
 
<p><b>Figure 1:</b> measurement of faeces for incubation<br>
 
<p><b>Figure 1:</b> measurement of faeces for incubation<br>
  

Revision as of 15:06, 15 October 2018