Difference between revisions of "Team:Dalhousie/test5"

 
(141 intermediate revisions by the same user not shown)
Line 13: Line 13:
  
 
}
 
}
 +
 +
 
</style>
 
</style>
  
Line 30: Line 32:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-20px; margin-left:0px; background-color: white;}
 
#content { width:100%; padding:0px;  margin-top:-20px; margin-left:0px; background-color: white;}
−
body {background-color:white; }
+
body {background-color:white; height:100%; }
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 10px;  background-color: transparent; z-index:100;}
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;  background-color: transparent; z-index:100;}
 
         .jumbotron {
 
         .jumbotron {
 
             height: 850px;
 
             height: 850px;
Line 37: Line 39:
 
            
 
            
 
             }
 
             }
 +
.navbar-default .navbar-nav>.active>a, .nav > li > a:hover, .nav > li > a:focus {
 +
  background-color: #C1D35D;
 +
  text-decoration: none;
 +
}
 
</style>
 
</style>
  
Line 42: Line 48:
  
 
<body>
 
<body>
 +
  
 
<!-------------------navbar---------------------->
 
<!-------------------navbar---------------------->
Line 57: Line 64:
 
         </a>
 
         </a>
 
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
 
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Description" style=" color: white;" >Description</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Description" >Description</a></li>
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Design"style=" color: white;">Design</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Design">Design</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Improve">Improve</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Improve">Improve</a></li>
 
         </ul>
 
         </ul>
Line 66: Line 73:
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Results
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Results
 
         </a>
 
         </a>
−
         <ul class="dropdown-menu">
+
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/InterLab">Interlab</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/InterLab">Interlab</a></li>
 
   <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li>
 
   <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li>
Line 76: Line 83:
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Team
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Team
 
         </a>
 
         </a>
−
         <ul class="dropdown-menu">
+
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Team">Team</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Team">Team</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li>
Line 87: Line 94:
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices
 
         </a>
 
         </a>
−
         <ul class="dropdown-menu">
+
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
 
         <li><a href="https://2017.igem.org/Team:Dalhousie/Human_Practices">Summary</a></li>
 
         <li><a href="https://2017.igem.org/Team:Dalhousie/Human_Practices">Summary</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Silver_Integrated">Silver HP</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Silver_Integrated">Silver HP</a></li>
Line 102: Line 109:
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Lab
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Lab
 
         </a>
 
         </a>
−
         <ul class="dropdown-menu">
+
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Parts">Parts</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Parts">Parts</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Basic_Parts">Basic Parts</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Basic_Parts">Basic Parts</a></li>
Line 121: Line 128:
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Awards
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Awards
 
         </a>
 
         </a>
−
         <ul class="dropdown-menu">
+
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Applied_Design">Applied Design</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Applied_Design">Applied Design</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Entrepreneurship">Entrepreneurship</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Entrepreneurship">Entrepreneurship</a></li>
Line 169: Line 176:
  
 
<!--------------------------------fade title---------------------------->
 
<!--------------------------------fade title---------------------------->
−
<style>body {
+
<style>
 +
 
 +
body {
 
   margin: 0;
 
   margin: 0;
 
   height: 10px;
 
   height: 10px;
Line 198: Line 207:
  
 
</style>
 
</style>
 +
  
 
<!---------------------------------------------------------------------------------this------------------------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------------this------------------------------------------------------------------------------------------->
Line 213: 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 -->
 
   <section id="conference-timeline">
 
   <section id="conference-timeline">
−
    <div class="timeline-start">Start</div>
+
 
 
     <div class="conference-center-line"></div>
 
     <div class="conference-center-line"></div>
 
     <div class="conference-timeline-content">
 
     <div class="conference-timeline-content">
 
       <!-- 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>When I orbited the Earth in a spaceship, I saw for the first time how beautiful our planet is. Mankind, let us preserve and increase this beauty, and not destroy it! <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>
−
          <span class="timeline-author">John Doe</span>
+
       
 
         </div>
 
         </div>
 +
  <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-container">
 
           <div class="content-right">
 
           <div class="content-right">
−
             <p>When I orbited the Earth in a spaceship, I saw for the first time how beautiful our planet is. <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>
 
           </div>
 
           </div>
−
          <span class="timeline-author">John Doe</span>
+
       
 
         </div>
 
         </div>
−
         <div class="meta-date">
+
         <div class="meta-date" style="background-color: white;">
−
          <span class="date">18</span>
+
  <img src= "https://static.igem.org/mediawiki/2017/6/67/Porcupiner.png" height="60%" width="75%"style="margin-top:15px;" >
−
          <span class="month">APR</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>When I orbited the Earth in a spaceship, I saw for the first time how beautiful our planet is. Mankind, let us preserve and increase this beauty, and not destroy it! <span class="article-number">01</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>
−
          <span class="timeline-author">John Doe</span>
+
   
 
         </div>
 
         </div>
 
         <div class="content-right-container">
 
         <div class="content-right-container">
−
           <div class="content-right">
+
            
−
             <p>When I orbited the Earth in a spaceship, I saw for the first time how beautiful our planet is. <span class="article-number">02</span></p>
+
 +
        </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 class="content-right-container">
 +
        <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>
 
           </div>
 
           </div>
−
          <span class="timeline-author">John Doe</span>
+
       
 
         </div>
 
         </div>
 
         <div class="meta-date">
 
         <div class="meta-date">
−
          <span class="date">18</span>
+
    <img src= "https://static.igem.org/mediawiki/2017/a/ab/Lumber.jpg" height="50%" width="60%"style="margin-top:15px;" >
−
          <span class="month">APR</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>When I orbited the Earth in a spaceship, I saw for the first time how beautiful our planet is. Mankind, let us preserve and increase this beauty, and not destroy it! <span class="article-number">01</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>
−
          <span class="timeline-author">John Doe</span>
+
   
 
         </div>
 
         </div>
 
         <div class="content-right-container">
 
         <div class="content-right-container">
−
           <div class="content-right">
+
            
−
             <p>When I orbited the Earth in a spaceship, I saw for the first time how beautiful our planet is. <span class="article-number">02</span></p>
+
 +
        </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>
 
           </div>
 
           </div>
−
          <span class="timeline-author">John Doe</span>
+
       
 
         </div>
 
         </div>
 
         <div class="meta-date">
 
         <div class="meta-date">
−
          <span class="date">18</span>
+
        <img src= "https://static.igem.org/mediawiki/2017/a/ab/Lumber.jpg" height="50%" width="60%"style="margin-top:15px;" >
−
          <span class="month">APR</span>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <!-- // Article -->
 
       <!-- // Article -->
 
     </div>
 
     </div>
−
    <div class="timeline-end">End</div>
+
 
 
   </section>
 
   </section>
 
   <!-- // Vertical Timeline -->
 
   <!-- // Vertical Timeline -->
Line 308: Line 367:
 
   font-weight: 900;
 
   font-weight: 900;
 
   text-transform: uppercase;
 
   text-transform: uppercase;
−
   background: #00b0bd;
+
   background: rgba(35,47,19,1);
 
   padding: 15px 23px;
 
   padding: 15px 23px;
 
   color: #fff;
 
   color: #fff;
Line 323: Line 382:
 
   left: 50%;
 
   left: 50%;
 
   margin-left: -2px;
 
   margin-left: -2px;
−
   background: #00b0bd;
+
   background: #232F13;
 
   z-index: -1;
 
   z-index: -1;
 
}
 
}
Line 341: Line 400:
 
   max-width: 44%;
 
   max-width: 44%;
 
   width: 100%;
 
   width: 100%;
 +
 
}
 
}
 
.timeline-article .timeline-author {
 
.timeline-article .timeline-author {
Line 347: Line 407:
 
   font-size: 14px;
 
   font-size: 14px;
 
   line-height: 24px;
 
   line-height: 24px;
−
   color: #242424;
+
   color: white;
 
   text-align: right;
 
   text-align: right;
 
}
 
}
Line 354: 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 363: Line 423:
 
   padding: 0;
 
   padding: 0;
 
   font-weight: 400;
 
   font-weight: 400;
−
   color: #242424;
+
   color: white;
 
   font-size: 14px;
 
   font-size: 14px;
 
   line-height: 24px;
 
   line-height: 24px;
Line 374: Line 434:
 
   top: 10px;
 
   top: 10px;
 
   left: -60px;
 
   left: -60px;
−
   color: #00b0bd;
+
   color: white;
 
}
 
}
 
.timeline-article .content-left-container {
 
.timeline-article .content-left-container {
Line 381: 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 398: 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;
 
   border-radius: 100%;
 
   border-radius: 100%;
−
   background: #00b0bd;
+
   background:#232F13;
 
}
 
}
 
.timeline-article .meta-date .date,
 
.timeline-article .meta-date .date,
Line 414: 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 487: Line 555:
  
 
         <div class="panel panel-red" id="panel3">
 
         <div class="panel panel-red" id="panel3">
−
             <div class="inner">
+
              
 
        
 
        
 
<!---------------------------pics---------------------------->
 
<!---------------------------pics---------------------------->
Line 495: Line 563:
 
<img src= "https://static.igem.org/mediawiki/2017/5/57/B.png"  height="20%" width="20%" style=" padding:50px;">
 
<img src= "https://static.igem.org/mediawiki/2017/5/57/B.png"  height="20%" width="20%" style=" padding:50px;">
 
</p>
 
</p>
−
             </div>
+
              
 
         </div>
 
         </div>
  
Line 551: Line 619:
  
 
.blackBackground {
 
.blackBackground {
−
background-color: rgba(193,211,93,0.7);
+
background-color: rgba(35,47,19,0.7);
 
visibility: visible;
 
visibility: visible;
 
width:100%;
 
width:100%;
Line 586: 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{
 
width:100%;
 
width:100%;
 
height: 200px;
 
height: 200px;
−
margin-bottom:-100px;
+
 
−
background: black;
+
background: rgba(35,47,19,0.9);
−
z-index: 120;
+
bottom:-100px;
−
bottom:0px;
+
 
}
 
}
  

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