Difference between revisions of "Team:Dalhousie/anothertest"

Line 1: Line 1:
  
 +
<!DOCTYPE html>
 
<html lang="en">
 
<html lang="en">
  
 
<head>
 
<head>
−
 
+
<style> #home_logo, #sideMenu { display:none; }
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!--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%;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
#home_logo, #sideMenu { display:none; }
+
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-42px; margin-left:0px;}</style>
 
#content { width:100%; padding:0px;  margin-top:-42px; margin-left:0px;}</style>
−
<link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/fonts?action=raw&ctype=text/css" />
 
−
 
−
 
−
 
 
     <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">
Line 66: Line 13:
 
     <meta name="author" content="">
 
     <meta name="author" content="">
  
−
     <title>Dalhousie iGem</title>
+
     <title>Grayscale - Start Bootstrap Theme</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="vendor/bootstrap/css/bootstrap.min.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="vendor/font-awesome/css/font-awesome.min.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">
  
 
     <!-- Theme CSS -->
 
     <!-- Theme CSS -->
−
     <link href="https://2017.igem.org/wiki/index.php?title=Team:Dalhousie/grayscale&action=raw&ctype=text/css" rel="stylesheet">
+
     <link href="css/grayscale.min.css" rel="stylesheet">
  
 
     <!-- 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 -->
Line 97: Line 44:
 
                     Menu <i class="fa fa-bars"></i>
 
                     Menu <i class="fa fa-bars"></i>
 
                 </button>
 
                 </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>
 
             </div>
  
Line 107: Line 56:
 
                         <a href="#page-top"></a>
 
                         <a href="#page-top"></a>
 
                     </li>
 
                     </li>
−
 
−
 
−
 
−
 
−
 
 
                     <li>
 
                     <li>
−
                         <a class="page-scroll" href="#about">About Us</a>
+
                         <a class="page-scroll" href="#about">About</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="#download">Download</a>
 
                     </li>
 
                     </li>
−
                   
 
 
                     <li>
 
                     <li>
 
                         <a class="page-scroll" href="#contact">Contact</a>
 
                         <a class="page-scroll" href="#contact">Contact</a>
Line 132: Line 78:
 
                 <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">Dalhousie iGem</h1>
+
                         <h1 class="brand-heading">Grayscale</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">
 
                         <a href="#about" class="btn btn-circle page-scroll">
 
                             <i class="fa fa-angle-double-down animated"></i>
 
                             <i class="fa fa-angle-double-down animated"></i>
Line 142: Line 89:
 
         </div>
 
         </div>
 
     </header>
 
     </header>
−
 
−
 
  
 
     <!-- About Section -->
 
     <!-- About Section -->
Line 149: Line 94:
 
         <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 us</h2>
+
                 <h2>About Grayscale</h2>
−
                 <p style="text-align:center">Canada’s forests represent not only an established source of economic revenue, but also a potential source for biofuel substrate. Waste cellulose 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. Working with the Shubenacadie Wildlife Park, we identified cellulose-degrading bacteria in the porcupine microbiome using 16S rRNA sequencing and analysis of DNA extracted from fecal samples. Further analysis using PICRUSt – a bioinformatics platform that estimates functional gene profile(s) in sequenced sample(s) – identified two genes from the bacterium Ruminiclostridium thermocellum involved in cellulose degradation: endoglucanase and β-glucosidase; Endoglucanase (BioBrick Reference BBa_K2160000) was cloned at Dalhousie and expressed in Escherichia coli. PICRUSt was also used to compare candidate cellulose-degrading enzymes from herbivores, omnivores and carnivores. PICRUSt data was supported by metagenomic sequencing of fecal samples and functional analysis. The microbiomes of 20 additional mammals at the Park were characterized, and the compiled data was used to create an interactive Shubenacadie Park Microbiome Map to facilitate public education.
+
                 <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>
+
                <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>
−
               
+
                <p>Grayscale includes full HTML, CSS, and custom JavaScript files along with LESS files for easy customization.</p>
−
               
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section>
 
     </section>
  
−
 
+
    <!-- Download Section -->
−
 
+
     <section id="download" class="content-section text-center">
−
  <!-- Contact Section -->
+
−
     <section id="contact" class="content-section text-center">
+
 
         <div class="download-section">
 
         <div class="download-section">
 
             <div class="container">
 
             <div class="container">
 
                 <div class="col-lg-8 col-lg-offset-2">
 
                 <div class="col-lg-8 col-lg-offset-2">
−
                     <h2>Contact us</h2>
+
                     <h2>Download Grayscale</h2>
−
                    <p style="text-align:center">Feel free to contact us to collab, or to just say hello!</p>
+
                    <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">
 
                 <ul class="list-inline banner-social-buttons">
−
                      
+
                     <li>
−
<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>
−
                         <a href="mailto:igemdalhousie@gmail.com" class="btn btn-default btn-lg"><i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Email+</span></a>
+
 
                     </li>
 
                     </li>
−
<li>
+
                    <li>
−
                         <a href="https://twitter.com/dalhousie_igem?lang=en" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
+
                         <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>
 
                     <li>
 
                     <li>
−
                         <a href="https://www.facebook.com/Dalhousie.iGEM/" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Facebook</span></a>
+
                         <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>
+
−
                   
+
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
−
                </div>
+
            </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 -->
−
     <script src="https://2017.igem.org/wiki/index.php?title=Team:Dalhousie/jquery&action=raw&ctype=script/js"></script>
+
     <script src="vendor/jquery/jquery.js"></script>
  
 
     <!-- Bootstrap Core JavaScript -->
 
     <!-- Bootstrap Core JavaScript -->
−
     <script src="https://2017.igem.org/wiki/index.php?title=Team:Dalhousie/bootstrapminjs&action=raw&ctype=script/js"></script>
+
     <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  
 
     <!-- Plugin JavaScript -->
 
     <!-- Plugin JavaScript -->
Line 203: Line 161:
  
 
     <!-- Theme JavaScript -->
 
     <!-- Theme JavaScript -->
−
     <script src="https://2017.igem.org/wiki/index.php?title=Team:Dalhousie/grayscaleminjs&action=raw&ctype=script/js"></script>
+
     <script src="js/grayscale.min.js"></script>
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 12:49, 30 June 2017

<!DOCTYPE html> Grayscale - Start Bootstrap Theme

Grayscale

A free, responsive, one page Bootstrap theme.
Created by Start Bootstrap.

About Grayscale

Grayscale is a free Bootstrap 3 theme created by Start Bootstrap. It can be yours right now, simply download the template on the preview page. The theme is open source, and you can use it for any purpose, personal or commercial.

This theme features stock photos by Gratisography along with a custom Google Maps skin courtesy of Snazzy Maps.

Grayscale includes full HTML, CSS, and custom JavaScript files along with LESS files for easy customization.

Download Grayscale

You can download Grayscale for free on the preview page at Start Bootstrap.

Visit Download Page

Contact Start Bootstrap

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!

feedback@startbootstrap.com

Copyright © Your Website 2016