Difference between revisions of "Team:Uppsala/Demonstrate"

 
(29 intermediate revisions by 7 users not shown)
Line 5: Line 5:
 
{{Uppsala/javascript/scroll-button}}
 
{{Uppsala/javascript/scroll-button}}
 
{{Uppsala/javascript/redirect_js}}
 
{{Uppsala/javascript/redirect_js}}
 +
{{Uppsala/buttons}}
  
 
<html>
 
<html>
Line 12: Line 13:
  
  
         
+
 
 +
 
 +
.buttons {
 +
    position: relative;
 +
}
 +
 
 +
 
 +
.container-button {
 +
 
 +
    position: absolute;
 +
    bottom: -25px;
 +
 
 +
}
 +
 
 +
 
 +
.content-card {
 +
    padding-top: 100px;
 +
}
 +
 
 +
 
 +
 
 +
.content-card.content-card-2 {
 +
    padding-top: 50px;
 +
 
 +
}
 +
 
 +
 
 +
h2 {
 +
    text-align: center;
 +
        padding-bottom: 30px;
 +
}
 +
 
 +
.inner-card-text  p {
 +
        padding-left: 40px !important;
 +
}
 +
 
 
             .parallax {
 
             .parallax {
 
                 /* The image used */
 
                 /* The image used */
Line 156: Line 192:
 
     <div class="body">
 
     <div class="body">
 
         <div class="parallax"></div>
 
         <div class="parallax"></div>
        <div class="igem-icon"><a href="https://2018.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2018/b/b0/T--Uppsala--graylogo.png"></a></div>
+
          <div class="igem-icon"><a href="https://2018.igem.org/Team:Uppsala"><img src="https://static.igem.org/mediawiki/2018/c/cf/T--Uppsala--WormBusterLogo_Black.png"></a></div>
 
+
        <div class ="scroll-down-button">
+
            <section id="section02" class="demo">
+
                <h1></h1>
+
                <a href="#scrolldown"><span></span></a>
+
            </section>
+
        </div>
+
 
         <div class= "content blur-box" style="font-size:16px;">
 
         <div class= "content blur-box" style="font-size:16px;">
 +
 
 +
 +
 +
 +
 +
 +
 +
<!-- CONTENT OF WHATS ON THE PAGE -->
 +
 +
       
 +
 +
 +
 +
 
             <div class ="content-text" id="scrolldown" >
 
             <div class ="content-text" id="scrolldown" >
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 
                 <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">
 
      
 
      
   <p>In the worm buster project we have divided our work into separate subgroups to handle the massive burden of the project. To read more about how we designed our experiments and the results we got click on the buttons below. They will take you to each page for the different parts of the wet-lab project.<br><br>
+
   <p>In the worm buster project we have divided our work into separate subgroups to handle the massive burden of the project. To read more about how we designed our experiments and the results we got, click on the buttons below. They will take you to each page for the different parts of the wet-lab project.</p>
               
+
               
+
Our results were succesful, we managed to design a DNA sequence for our alternative reporter, we found interesting sequences using phage display that could be used to create a biosensor and we developed mutiple new applications for existing techniques. In turn this has made it more realistic to create future worm buster tools.</p>
+
 
      
 
      
                         
+
                </div>                   
 
                        
 
                        
 
             <!-------BUTTONS ------->
 
             <!-------BUTTONS ------->
 
 
 
 
 
 
<div class="card-holder">
 
<div class="card-holder">
                <div class="buttons">
+
                    <div class="content-card content-card-2">
 +
                        <div class="inner-card left-card">
 +
                            <h2>Transcriptomics</h2>
 +
                            <br>
 +
                            <div class="inner-card-text">
 +
                                <!-- start of paragraph-->
 +
                                <p>We managed to perform our entire pipeline and sequence the <i>E.coli</i> transcriptome five times. Our result show that transcriptomics with MinION's Nanopore Technology works if a better technique to reduce the amount of RNA in the sample is discovered.</p>
 +
</div>
 +
<div class="buttons">
 
                           <div class="container-button">
 
                           <div class="container-button">
   
 
 
 
                               <a href="https://2018.igem.org/Team:Uppsala/Transcriptomics" class="btn">Transcriptomics </a>  
 
                               <a href="https://2018.igem.org/Team:Uppsala/Transcriptomics" class="btn">Transcriptomics </a>  
 +
                        </div>
 +
                        </div>
 +
 +
                        </div>
 +
                        <div class="inner-card right-card">
 +
                            <h2>Reporter System</h2>
 +
                            <br>
 +
                            <div class="inner-card-text">
 +
                                <!-- start of paragraph -->
 +
                                <p>We proved that GFP is visible in horse feces and could be used as a reporter. We also integrated a previous BioBrick of the UnaG chromoprotein for possible use as reporter in our diagnostic tool.</p>
 +
                                <!-- End of paragraphs -->
 +
                            </div>
 +
                          <div class="buttons">
 +
                          <div class="container-button">
 
                               <a href="https://2018.igem.org/Team:Uppsala/Reporter_System" class="btn">Reporter System</a>  
 
                               <a href="https://2018.igem.org/Team:Uppsala/Reporter_System" class="btn">Reporter System</a>  
 +
                        </div>
 +
                        </div>
  
 
+
                        </div>
                                </div>
+
                    </div>
                      </div></div>
+
                </div>
                                         
+
                                         
      <br><br><br><br>
+
+
 
<div class="card-holder">
 
<div class="card-holder">
                    <div class="content-card-heading"></div>
 
 
                     <div class="content-card content-card-2">
 
                     <div class="content-card content-card-2">
 
                         <div class="inner-card left-card">
 
                         <div class="inner-card left-card">
Line 209: Line 274:
 
                                 <p>Computational analysis of our phage display peptides showed two especially promising peptides:</p>
 
                                 <p>Computational analysis of our phage display peptides showed two especially promising peptides:</p>
  
<ul>
+
<br>
<li>EF01122224: TPIFLPTPAQEH
+
<p><strong>EF01122224: TPIFLPTPAQEH </strong></p>
<li>EF01122218: FSPTQANTIHRW
+
<p><strong>EF01122218: FSPTQANTIHRW </strong></p>
</ul>
+
 
 
                                  
 
                                  
 
                             </div>
 
                             </div>
Line 227: Line 292:
 
                             <div class="inner-card-text">  
 
                             <div class="inner-card-text">  
 
                                 <!-- start of paragraph -->
 
                                 <!-- start of paragraph -->
                                 <p>We successfully sterilized and cocultured <i>cyathostominae</i> with <i>E.coli</i> as well as creating a microfluidic chip for easier separation of large and small strongyles</p>  
+
                                 <p>We successfully sterilized and co-cultured <i>cyathostominae</i> with <i>E.coli</i> as well as creating a microfluidic chip for easier separation of large and small strongyles</p>  
 
                                 <!-- End of paragraphs -->
 
                                 <!-- End of paragraphs -->
 
                             </div>
 
                             </div>
                           <div class="buttons">
+
                           <div class="buttons" >
 
                           <div class="container-button">
 
                           <div class="container-button">
 
                               <a href="https://2018.igem.org/Team:Uppsala/Worm_Culturing" class="btn">Worm Culturing </a>  
 
                               <a href="https://2018.igem.org/Team:Uppsala/Worm_Culturing" class="btn">Worm Culturing </a>  
Line 239: Line 304:
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
</div>
 
 
                   <br><br><br><br>
 
                   <br><br><br><br>
 
                 <!------END BUTTONS----->
 
                 <!------END BUTTONS----->

Latest revision as of 01:48, 18 October 2018