Difference between revisions of "Team:Dalhousie/anothertest"

 
(109 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
 
 
<html lang="en">
 
<html lang="en">
  
 
<head>
 
<head>
−
<style>
+
<!--glyphicons-->
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
 
 +
<!--just added all this shit-->
 +
 
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
  // Add smooth scrolling to all links
 +
  $("a").on('click', function(event) {
 +
 
 +
    // Make sure this.hash has a value before overriding default behavior
 +
    if (this.hash !== "") {
 +
      // Prevent default anchor click behavior
 +
      event.preventDefault();
 +
 
 +
      // Store hash
 +
      var hash = this.hash;
 +
 
 +
      // Using jQuery's animate() method to add smooth page scroll
 +
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top
 +
      }, 800, function(){
 +
 
 +
        // Add hash (#) to URL when done scrolling (default click behavior)
 +
        window.location.hash = hash;
 +
      });
 +
    } // End if
 +
  });
 +
});
 +
</script>
 +
 
 +
 
 +
<style>
 +
body, html, .main {
 +
    height: 100%;
 +
}
 +
 
 +
section {
 +
    min-height: 100%;
 +
}
 +
 
 +
 
 +
<!--fullpage settings-->
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
−
#content { width:100%; padding:0px;  margin-top:-50px; margin-left:0px;}</style>
+
#content { width:100%; padding:0px;  margin-top:-42px; margin-left:0px; margin-bottom:50px;}</style>
 +
 
 +
 
 +
 
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
−
    <meta name="description" content="">
 
−
    <meta name="author" content="">
 
  
−
     <title>Grayscale - Start Bootstrap Theme</title>
+
     <title>Dalhousie iGem</title>
  
 
     <!-- Bootstrap Core CSS -->
 
     <!-- Bootstrap Core CSS -->
−
    <link href="https://2017.igem.org/wiki/index.php?title=Team:Dalhousie/bootstrapmincss&action=raw&ctype=text/css" rel="stylesheet">
+
  <link href="https://2017.igem.org/wiki/index.php?title=Team:Dalhousie/bootstrapmincss&action=raw&ctype=text/css" rel="stylesheet">
  
−
    <!-- Custom Fonts -->
+
<!-- Custom Fonts -->
−
    <link href="https://2017.igem.org/wiki/index.php?title=Team:Dalhousie/fontawesome&action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
<link href="https://2017.igem.org/wiki/index.php?title=Team:Dalhousie/fontawesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
     <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
 
     <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
 
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 +
    <link href="https://2017.igem.org/Team:Dalhousie/libraries/css/fonts?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
  
−
    <!-- Theme CSS -->
 
−
    <link href="https://2017.igem.org/wiki/index.php?title=Team:Dalhousie/grayscale&action=raw&ctype=text/css" rel="stylesheet">
 
  
 +
<!-- Theme CSS -->
 +
<link href="https://2017.igem.org/wiki/index.php?title=Team:Dalhousie/grayscale&action=raw&ctype=text/css" rel="stylesheet">
 +
 +
   
 +
<!------------------------no idea what this is-------------------------->
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
Line 33: Line 81:
 
     <![endif]-->
 
     <![endif]-->
  
 +
<!----------------------------------------------navbarshit---------------------------------------------->
 +
 +
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
</head>
 
</head>
  
−
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 
  
−
    <!-- Navigation -->
 
−
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
 
−
        <div class="container">
 
−
            <div class="navbar-header">
 
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
 
−
                    Menu <i class="fa fa-bars"></i>
 
−
                </button>
 
−
                <a class="navbar-brand page-scroll" href="#page-top">
 
−
                    <i class="fa fa-play-circle"></i> <span class="light">Start</span> Bootstrap
 
−
                </a>
 
−
            </div>
 
  
−
            <!-- Collect the nav links, forms, and other content for toggling -->
+
 
−
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+
 
−
                <ul class="nav navbar-nav">
+
    <!------------------------------------------------------------------------------- Navbar -------------------------------------------------------------------------->
−
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
<nav class="navbar navbar-inverse navbar-fixed-bottom">
−
                    <li class="hidden">
+
  <div class="container-fluid">
−
                         <a href="#page-top"></a>
+
   
 +
    <ul class="nav navbar-nav navbar-center">
 +
      <li class="active"><a href="https://2017.igem.org/Team:Dalhousie/anothertest">Home</a></li>
 +
      <li class="dropdown">
 +
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">The Project
 +
        <span class="caret"></span></a>
 +
        <ul class="dropdown-menu">
 +
          <li><a href="#">Design</a></li>
 +
          <li><a href="#">Experiments</a></li>
 +
          <li><a href="#">Notebook</a></li>
 +
          <li><a href="#">Results</a></li>
 +
          <li><a href="#">Safety</a></li>
 +
        </ul>
 +
      </li>
 +
 
 +
      <li><a href="#">Our Team</a></li>
 +
      <li><a href="#">Attributions</a></li>
 +
<li><a href="#">Outreach</a></li>
 +
<li><a href="https://2017.igem.org/Team:Dalhousie/Human_Practices">Human practices</a></li>
 +
    </ul>
 +
<ul class="nav navbar-nav navbar-right">
 +
    <div class="navbar-header">
 +
      <a class="navbar-brand" >Contact us today </a>
 +
    </div>
 +
<li>
 +
                         <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw"></i> <span class="network-name"></span></a>
 
                     </li>
 
                     </li>
−
                    <li>
+
<li>
−
                         <a class="page-scroll" href="#about">About</a>
+
                         <a href="https://twitter.com/dalhousie_igem?lang=en" ><i class="fa fa-twitter fa-fw"></i> <span class="network-name"></span></a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
−
                         <a class="page-scroll" href="#download">Download</a>
+
                         <a href="https://www.facebook.com/Dalhousie.iGEM/" ><i class="fa fa-facebook fa-fw"></i> <span class="network-name"></span></a>
 
                     </li>
 
                     </li>
−
                    <li>
+
    </ul>
−
                        <a class="page-scroll" href="#contact">Contact</a>
+
  </div>
−
                    </li>
+
</nav>
−
                </ul>
+
   
−
            </div>
+
             
−
            <!-- /.navbar-collapse -->
+
 
−
        </div>
+
 
−
        <!-- /.container -->
+
 
−
    </nav>
+
       
  
 
     <!-- Intro Header -->
 
     <!-- Intro Header -->
Line 78: Line 147:
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="col-md-8 col-md-offset-2">
 
                     <div class="col-md-8 col-md-offset-2">
−
                         <h1 class="brand-heading">Grayscale</h1>
+
                         <h1 class="brand-heading">Dalhousie iGEM</h1>
−
                        <p class="intro-text">A free, responsive, one page Bootstrap theme.
+
                     
−
                            <br>Created by Start Bootstrap.</p>
+
 
−
                         <a href="#about" class="btn btn-circle page-scroll">
+
<!---------------------button----------------------------------------------------->
−
                             <i class="fa fa-angle-double-down animated"></i>
+
 
 +
 
 +
 
 +
                         <a href="#about" class="btn btn-link btn-lg  page-scroll">
 +
                             <span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
 
                         </a>
 
                         </a>
 +
 +
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 94: Line 169:
 
         <div class="row">
 
         <div class="row">
 
             <div class="col-lg-8 col-lg-offset-2">
 
             <div class="col-lg-8 col-lg-offset-2">
−
                <h2>About Grayscale</h2>
+
             
−
                <p>Grayscale is a free Bootstrap 3 theme created by Start Bootstrap. It can be yours right now, simply download the template on <a href="http://startbootstrap.com/template-overviews/grayscale/">the preview page</a>. The theme is open source, and you can use it for any purpose, personal or commercial.</p>
+
             
−
                <p>This theme features stock photos by <a href="http://gratisography.com/">Gratisography</a> along with a custom Google Maps skin courtesy of <a href="http://snazzymaps.com/">Snazzy Maps</a>.</p>
+
<h4>Background</h4>
−
                <p>Grayscale includes full HTML, CSS, and custom JavaScript files along with LESS files for easy customization.</p>
+
<p style="text-align:center">  
−
            </div>
+
Canada’s forests represent not only an established source of economic revenue, but also a potential source for biofuel substrate. Ligno-cellulosic by-products from pulp and paper processing are removed using chemicals, heat, and water. Microbial cellulose-degrading enzymes are high-value targets for industrial applications. Focused on innovative applications of synthetic biology, the undergraduate Dalhousie iGEM team has undertaken a multi-year project to harness the degradative capacity of microorganisms to convert cellulose into ethanol for biofuel applications. Advances in DNA sequencing technology and bioinformatics have revolutionized our ability to identify useful genes in complex biological samples. We hypothesize that the porcupine microbiome, which includes microorganisms capable of digesting bark and tree resin, will be a rich source of these useful genes. If our hypothesis is correct, mining the porcupine microbiome has the advantage of finding a suite of enzymes that have evolved to work in concert to efficiently degrade cellulose. </p>
−
        </div>
+
−
    </section>
+
<h4>The Project</h4>
 +
<p style="text-align:center">  
 +
Using a combination of metagenomic library construction and bioinformatic analysis we aim to find known cellulolytic enzymes as well as discover novel enzymes.  
 +
Screening of our metagenomic library will allow us to look for a diverse selection of enzymes, including cellulolytic and lignolytic ones by plating on cellulose-only media. The clones that grow can be sequenced for confirmation and cloned into biobricks.
 +
Our new bioinformatic pipeline now allows us to look for conserved domains rather than known enzymes. This is extremely powerful as it may allow us to discover new enzymes that share catalytic domains with cellulases but are otherwise totally novel.
 +
The goal of this project is to construct a bioreactor where cellulose would be the input, D-glucose the output and E.coli expressing a suite of cellulolytic enzymes would be the workhorse, converting one to the other. Future goals would be to combine this in co-culture with yeast for the last step in bio-ethanol production.</p>
  
−
    <!-- Download Section -->
 
−
    <section id="download" class="content-section text-center">
 
−
        <div class="download-section">
 
−
            <div class="container">
 
−
                <div class="col-lg-8 col-lg-offset-2">
 
−
                    <h2>Download Grayscale</h2>
 
−
                    <p>You can download Grayscale for free on the preview page at Start Bootstrap.</p>
 
−
                    <a href="http://startbootstrap.com/template-overviews/grayscale/" class="btn btn-default btn-lg">Visit Download Page</a>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
    </section>
 
  
−
    <!-- Contact Section -->
+
                  
−
    <section id="contact" class="container content-section text-center">
+
                  
−
        <div class="row">
+
−
            <div class="col-lg-8 col-lg-offset-2">
+
−
                 <h2>Contact Start Bootstrap</h2>
+
−
                <p>Feel free to email us to provide some feedback on our templates, give us suggestions for new templates and themes, or to just say hello!</p>
+
−
                <p><a href="mailto:feedback@startbootstrap.com">feedback@startbootstrap.com</a>
+
−
                </p>
+
−
                <ul class="list-inline banner-social-buttons">
+
−
                    <li>
+
−
                        <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://plus.google.com/+Startbootstrap/posts" class="btn btn-default btn-lg"><i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Google+</span></a>
+
−
                    </li>
+
−
                 </ul>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section>
 
     </section>
  
−
    <!-- Map Section -->
+
 
−
    <div id="map"></div>
+
 
 +
 
 +
 
  
−
    <!-- Footer -->
 
−
    <footer>
 
−
        <div class="container text-center">
 
−
            <p>Copyright &copy; Your Website 2016</p>
 
−
        </div>
 
−
    </footer>
 
  
 
     <!-- jQuery -->
 
     <!-- jQuery -->
Line 157: Line 204:
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
  
−
     <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
+
      
−
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
+
  
 
     <!-- Theme JavaScript -->
 
     <!-- Theme JavaScript -->

Latest revision as of 20:16, 10 August 2017

Dalhousie iGem

Dalhousie iGEM

Background

Canada’s forests represent not only an established source of economic revenue, but also a potential source for biofuel substrate. Ligno-cellulosic by-products from pulp and paper processing are removed using chemicals, heat, and water. Microbial cellulose-degrading enzymes are high-value targets for industrial applications. Focused on innovative applications of synthetic biology, the undergraduate Dalhousie iGEM team has undertaken a multi-year project to harness the degradative capacity of microorganisms to convert cellulose into ethanol for biofuel applications. Advances in DNA sequencing technology and bioinformatics have revolutionized our ability to identify useful genes in complex biological samples. We hypothesize that the porcupine microbiome, which includes microorganisms capable of digesting bark and tree resin, will be a rich source of these useful genes. If our hypothesis is correct, mining the porcupine microbiome has the advantage of finding a suite of enzymes that have evolved to work in concert to efficiently degrade cellulose.

The Project

Using a combination of metagenomic library construction and bioinformatic analysis we aim to find known cellulolytic enzymes as well as discover novel enzymes. Screening of our metagenomic library will allow us to look for a diverse selection of enzymes, including cellulolytic and lignolytic ones by plating on cellulose-only media. The clones that grow can be sequenced for confirmation and cloned into biobricks. Our new bioinformatic pipeline now allows us to look for conserved domains rather than known enzymes. This is extremely powerful as it may allow us to discover new enzymes that share catalytic domains with cellulases but are otherwise totally novel. The goal of this project is to construct a bioreactor where cellulose would be the input, D-glucose the output and E.coli expressing a suite of cellulolytic enzymes would be the workhorse, converting one to the other. Future goals would be to combine this in co-culture with yeast for the last step in bio-ethanol production.