Difference between revisions of "Team:Dalhousie/test5"

 
(96 intermediate revisions by the same user not shown)
Line 223: Line 223:
  
 
         <div class="panel" id="panel2">
 
         <div class="panel" id="panel2">
 +
<div style=" border: 1px solid #000; margin: 50px; padding: 30px; background-color: rgba(35,47,19,1);">
 +
 +
Welcome! </br>
 +
The goal of our project is to convert cellulose into glucose, which can be used for biofuel. </br>
 +
Let us show you how! </br>
 +
</div>
 
             <div class="inner">
 
             <div class="inner">
 +
  
 
   <!-- Vertical Timeline -->
 
   <!-- Vertical Timeline -->
Line 232: Line 239:
 
       <!-- Article -->
 
       <!-- Article -->
 
       <div class="timeline-article">
 
       <div class="timeline-article">
         <div class="content-left-container">
+
         <div class="content-left-container" >
           <div class="content-left">
+
           <div class="content-left" >
 
             <p>Softwood waste from the lumber industry contains cellulose, which can be turned into glucose and used to make biofuel.  <span class="article-number">01</span></p>
 
             <p>Softwood waste from the lumber industry contains cellulose, which can be turned into glucose and used to make biofuel.  <span class="article-number">01</span></p>
 
           </div>
 
           </div>
Line 239: Line 246:
 
         </div>
 
         </div>
 
   <div class="content-right-container">
 
   <div class="content-right-container">
 +
         
 +
       
 +
        </div>
 +
        <div class="meta-date">
 +
          <img src= "https://static.igem.org/mediawiki/2017/a/ab/Lumber.jpg" height="50%" width="60%"style="margin-top:15px;" >
 +
        </div>
 +
      </div>
 +
      <!-- // Article -->
 +
     
 +
      <!-- Article -->
 +
      <div class="timeline-article">
 +
        <div class="content-left-container">
 +
        </div>
 +
 +
        <div class="content-right-container">
 
           <div class="content-right">
 
           <div class="content-right">
 
             <p>We hypothesized that the porcupine microbiome must contain an enzyme that can break down cellulose, as bark is food. <span class="article-number">02</span></p>
 
             <p>We hypothesized that the porcupine microbiome must contain an enzyme that can break down cellulose, as bark is food. <span class="article-number">02</span></p>
Line 244: Line 266:
 
          
 
          
 
         </div>
 
         </div>
         <div class="meta-date">
+
         <div class="meta-date" style="background-color: white;">
          <span class="date"></span>
+
  <img src= "https://static.igem.org/mediawiki/2017/6/67/Porcupiner.png" height="60%" width="75%"style="margin-top:15px;" >
          <span class="month"></span>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <!-- // Article -->
 
       <!-- // Article -->
 
        
 
        
 +
 
       <!-- Article -->
 
       <!-- Article -->
 
       <div class="timeline-article">
 
       <div class="timeline-article">
Line 257: Line 279:
 
             <p>We mined the porcupine’s microbiome to identify the enzyme that was able to break down wood.  <span class="article-number">03</span></p>
 
             <p>We mined the porcupine’s microbiome to identify the enzyme that was able to break down wood.  <span class="article-number">03</span></p>
 
           </div>
 
           </div>
 +
   
 +
        </div>
 +
        <div class="content-right-container">
 +
         
 +
 +
        </div>
 +
        <div class="meta-date">
 +
  <img src= "https://static.igem.org/mediawiki/2017/4/48/Testtubee.png" height="60%" width="70%"style="margin-top:15px;" >
 +
        </div>
 +
      </div>
 +
      <!-- // Article -->
 +
<!-- Article -->
 +
      <div class="timeline-article">
 +
        <div class="content-left-container">
 +
         
 
          
 
          
 
         </div>
 
         </div>
 
         <div class="content-right-container">
 
         <div class="content-right-container">
          <div class="content-right">
+
        <div class="content-right">
 
             <p>We created a metagenomic library of the genes able to code this enzyme as well as novel enzymes. <span class="article-number">04</span></p>
 
             <p>We created a metagenomic library of the genes able to code this enzyme as well as novel enzymes. <span class="article-number">04</span></p>
 
           </div>
 
           </div>
Line 266: Line 303:
 
         </div>
 
         </div>
 
         <div class="meta-date">
 
         <div class="meta-date">
          <span class="date"></span>
+
    <img src= "https://static.igem.org/mediawiki/2017/a/ab/Lumber.jpg" height="50%" width="60%"style="margin-top:15px;" >
          <span class="month"></span>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <!-- // Article -->
 
       <!-- // Article -->
     
+
<!-- Article -->
      <!-- Article -->
+
 
       <div class="timeline-article">
 
       <div class="timeline-article">
 
         <div class="content-left-container">
 
         <div class="content-left-container">
          <div class="content-left">
+
        <div class="content-left">
 
             <p>We put these genes into E.coli to see if they could then digest cellulose down. <span class="article-number">05</span></p>
 
             <p>We put these genes into E.coli to see if they could then digest cellulose down. <span class="article-number">05</span></p>
 
           </div>
 
           </div>
Line 281: Line 316:
 
         </div>
 
         </div>
 
         <div class="content-right-container">
 
         <div class="content-right-container">
           <div class="content-right">
+
            
 +
 +
        </div>
 +
        <div class="meta-date">
 +
    <img src= "https://static.igem.org/mediawiki/2017/a/ab/Lumber.jpg" height="50%" width="60%"style="margin-top:15px;" >
 +
        </div>
 +
      </div>
 +
      <!-- // Article -->
 +
<!-- Article -->
 +
      <div class="timeline-article">
 +
        <div class="content-left-container">
 +
         
 +
       
 +
        </div>
 +
        <div class="content-right-container">
 +
        <div class="content-right">
 
             <p>We put the E.coli into a bioreactor with cellulose to see if it gets broken down. In the future this can be combined with yeast to transform in finally into biofuel! <span class="article-number">06</span></p>
 
             <p>We put the E.coli into a bioreactor with cellulose to see if it gets broken down. In the future this can be combined with yeast to transform in finally into biofuel! <span class="article-number">06</span></p>
 
           </div>
 
           </div>
+
       
 
         </div>
 
         </div>
 
         <div class="meta-date">
 
         <div class="meta-date">
          <span class="date"></span>
+
        <img src= "https://static.igem.org/mediawiki/2017/a/ab/Lumber.jpg" height="50%" width="60%"style="margin-top:15px;" >
          <span class="month"></span>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 318: Line 367:
 
   font-weight: 900;
 
   font-weight: 900;
 
   text-transform: uppercase;
 
   text-transform: uppercase;
   background: #232F13;
+
   background: rgba(35,47,19,1);
 
   padding: 15px 23px;
 
   padding: 15px 23px;
 
   color: #fff;
 
   color: #fff;
Line 351: Line 400:
 
   max-width: 44%;
 
   max-width: 44%;
 
   width: 100%;
 
   width: 100%;
 +
 
}
 
}
 
.timeline-article .timeline-author {
 
.timeline-article .timeline-author {
Line 357: Line 407:
 
   font-size: 14px;
 
   font-size: 14px;
 
   line-height: 24px;
 
   line-height: 24px;
   color: #232F13;
+
   color: white;
 
   text-align: right;
 
   text-align: right;
 
}
 
}
Line 364: Line 414:
 
   position: relative;
 
   position: relative;
 
   width: auto;
 
   width: auto;
   border: 1px solid #ddd;
+
   border: 1px solid #000;
   background-color: #fff;
+
   background-color: rgba(35,47,19,1);
   box-shadow: 0 1px 3px rgba(0,0,0,.03);
+
   box-shadow: 0 1px 3px rgba(0,0,0,0.9);
 
   padding: 27px 25px;
 
   padding: 27px 25px;
 
}
 
}
Line 373: Line 423:
 
   padding: 0;
 
   padding: 0;
 
   font-weight: 400;
 
   font-weight: 400;
   color: #232F13;
+
   color: white;
 
   font-size: 14px;
 
   font-size: 14px;
 
   line-height: 24px;
 
   line-height: 24px;
Line 384: Line 434:
 
   top: 10px;
 
   top: 10px;
 
   left: -60px;
 
   left: -60px;
   color: #232F13;
+
   color: white;
 
}
 
}
 
.timeline-article .content-left-container {
 
.timeline-article .content-left-container {
Line 391: Line 441:
 
.timeline-article .content-right-container {
 
.timeline-article .content-right-container {
 
   float: right;
 
   float: right;
 +
 
}
 
}
 
.timeline-article .content-left:before,
 
.timeline-article .content-left:before,
Line 408: Line 459:
 
   left: -8px;
 
   left: -8px;
 
}
 
}
 +
 +
 +
 +
 +
 
.timeline-article .meta-date {
 
.timeline-article .meta-date {
 
   position: absolute;
 
   position: absolute;
   top: 0;
+
   top: 10px;
   left: 50%;
+
   left: 49%;
   width: 62px;
+
   width: 80px;
   height: 62px;
+
   height: 80px;
 
   margin-left: -31px;
 
   margin-left: -31px;
 
   color: #fff;
 
   color: #fff;
Line 424: Line 480:
 
   text-align: center;
 
   text-align: center;
 
   font-weight: 900;
 
   font-weight: 900;
 +
 
}
 
}
 
.timeline-article .meta-date .date {
 
.timeline-article .meta-date .date {
 
   font-size: 30px;
 
   font-size: 30px;
 
   line-height: 40px;
 
   line-height: 40px;
 +
 
}
 
}
 
.timeline-article .meta-date .month {
 
.timeline-article .meta-date .month {
Line 596: Line 654:
 
height: 100%;
 
height: 100%;
 
margin-bottom:0px;
 
margin-bottom:0px;
background: white;
+
background: white;
 +
color: white;
 +
font-size: 40px;
 +
line-height: 40px;
 +
background-image: url("https://static.igem.org/mediawiki/2017/a/a5/Woodbackground.jpeg");
 +
height: 200%;
 
}
 
}
 
#panel3{
 
#panel3{

Latest revision as of 21:49, 11 October 2017

Dalhousie iGEM 2017
Welcome!
The goal of our project is to convert cellulose into glucose, which can be used for biofuel.
Let us show you how!

Softwood waste from the lumber industry contains cellulose, which can be turned into glucose and used to make biofuel. 01

We hypothesized that the porcupine microbiome must contain an enzyme that can break down cellulose, as bark is food. 02

We mined the porcupine’s microbiome to identify the enzyme that was able to break down wood. 03

We created a metagenomic library of the genes able to code this enzyme as well as novel enzymes. 04

We put these genes into E.coli to see if they could then digest cellulose down. 05

We put the E.coli into a bioreactor with cellulose to see if it gets broken down. In the future this can be combined with yeast to transform in finally into biofuel! 06