(Replaced content with "{{Dalhousie_Halifax_NS}} <html> </html>") |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{DalhousieNavBar}} |
<html> | <html> | ||
+ | <head> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Team:Dalhousie_Halifax_NS/css/MicrobiomeMap?action=raw&ctype=text/css"/> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Team:Dalhousie_Halifax_NS/libraries/jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <style> | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | border: 0; | ||
+ | padding:0; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="jumbotron"> | ||
+ | <h1 id="title">Shubenacadie Microbiome Map</h1> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <hr></hr> | ||
+ | <h3>The Map</h3> | ||
+ | <hr></hr> | ||
+ | </div> | ||
+ | <p>Our team was only able to obtain our samples due to our partnership with Shubenacadie wildlife park. Because of this, we have decided to how our appreciation by creating an interactive map detailing the animals’ microbiomes by geographical location at the park. To a general audience, the microbiome can be a very abstract concept since bacteria are rarely viewed as part of an internal ecosystem. This map is intended to make bacteria more tangible by letting people compare animals, their diets and their microbiomes. To use the map, hover over an animal habitat for a cursory look at their microbiome. For a more in-depth look and a brief description of the animal’s diet, click on the habitat for the complete biome.<p> | ||
+ | <div class="container" id="mapdiv" Onmousemove="mainFunction()" onClick="extraInfo()"><script type="text/javascript" src="https://2016.igem.org/Template:Team:Dalhousie_Halifax_NS/microbiomemap?action=raw&ctype=text/javascript"></script><img id="map" src="https://static.igem.org/mediawiki/2016/4/40/T--Dalhousie_Halifax_NS--Shubenacadiemap.png" width="780" height="949.3" style="z-index:-1;"/><span id="BactList" style="position:absolute; z-index:1;"></span></div> | ||
+ | <div id="theModal" class="modal"> | ||
+ | <div class="modal-content"> | ||
+ | <span class="close"></span> | ||
+ | <img id="modalImage" width="1000px"></img> | ||
+ | </div> | ||
+ | </div> | ||
+ | <body onclick="extraInfo()" onmousemove="mainFunction()"> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | </div> | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{Team:Dalhousie_Halifax_NS/footer}} |
Revision as of 11:57, 15 October 2016
Shubenacadie Microbiome Map
The Map
Our team was only able to obtain our samples due to our partnership with Shubenacadie wildlife park. Because of this, we have decided to how our appreciation by creating an interactive map detailing the animals’ microbiomes by geographical location at the park. To a general audience, the microbiome can be a very abstract concept since bacteria are rarely viewed as part of an internal ecosystem. This map is intended to make bacteria more tangible by letting people compare animals, their diets and their microbiomes. To use the map, hover over an animal habitat for a cursory look at their microbiome. For a more in-depth look and a brief description of the animal’s diet, click on the habitat for the complete biome.