Beaty Biodiversity Museum

<p role="heading" aria-level="2" class="tagLine">The Beaty Biodiversity Museum is Vancouver's natural history museum. <span role="heading" aria-level="2" data-ajax-url="https://api.gbif.org/v1/occurrence/search?datasetKey=07fd0d79-4883-435f-bba1-58fef110cd13&datasetKey=90302970-1bc6-4865-be76-9aef1dd707f9&datasetKey=9c45867f-f77d-42f3-9751-ae16bb7c9bc8&datasetKey=4edd9396-59df-4b01-9e29-dc21a59f9963&datasetKey=628abbe5-dc8d-41e9-a0c7-f05efe282649&datasetKey=ca1bcd7e-7387-42f9-81ba-1470db55e3e8&datasetKey=ba0c046d-52bb-4262-a495-652988c9f3f7&datasetKey=3ad882bb-cd21-4201-8b83-3684bfc6d830&datasetKey=df9c8b86-9d36-4e29-91b3-4274dff053e5&datasetKey=4caf2040-83ad-4fa7-ba13-005bced721eb&datasetKey=86e3e77d-8fc7-432f-8835-efe87f7248b3&datasetKey=6045cef2-ae1b-486f-a321-6466f3130c10&limit=0">701,768</span> objects across 6 collections are currently available online, showcasing biodiversity from around the world.</p> <div class="searchWrapper"> <!-- Tab links --> <div class="tab"> <button class="tablinks active" onclick="openTab(event, 'searchTab_name')"> General Search</button> <button class="tablinks " onclick="openTab(event, 'searchTab_scientificName')">Search by Scientific Name</button> <button class="tablinks " onclick="openTab(event, 'searchTab_catalogNumber')">Search by Catalogue Number</button> </div> <!-- Tab content --> <div id="searchTab_name" class="tabcontent" style="display: block;"> <form action="/specimen/search" method="GET"> <input id="home_specimen_input" name="q" class="input" type="text" placeholder="Try Vancouver" style="width: 100%;"> <button type="submit" class="button is-ghost" aria-label="submit the search query"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path fill="none" d="M0 0h24v24H0z"></path><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path> </svg> </button> </form> </div> <div id="searchTab_scientificName" class="tabcontent"> <form action="/specimen/search" method="GET"> <input id="verbatimScientificName" name="verbatimScientificName" class="input" type="text" placeholder="Must be Genus + species" style="width: 100%;"> <button type="submit" class="button is-ghost" aria-label="submit the search query"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path fill="none" d="M0 0h24v24H0z"></path><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path> </svg> </button> </form> </div> <div id="searchTab_catalogNumber" class="tabcontent"> <form action="/specimen/search" method="GET"> <input id="catalogNumber" name="catalogNumber" class="input" type="text" placeholder="Try M000001 or V000001" style="width: 100%;"> <button type="submit" class="button is-ghost" aria-label="submit the search query" > <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path fill="none" d="M0 0h24v24H0z"></path><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path> </svg> </button> </form> </div> </div> <p class="orSeperator">Or</p> <div> <div class="heroButton"> <a href="/specimen/search">Browse all records</a> </div> <div id="helpButton" class="heroButton"> About filter terms </div> </div> <div id="myModal" class="modal"> <div class="help-content"> <span class="close">×</span> <h4>The following search filters are helpful when browsing records in the table view</h4> <ol> <li> Scientific Name: Using this search filter will enable suggestions to appear as you type. Note that the suggestions are for all of the tree of life, not just the dataset you are searching in. </li> <li> Verbatim Scientific Name: Use a text search specifically on scientific name. No suggestions will appear, and you may use * and ? wildcards. </li> <li> Text search: Search across all fields. Wildcards are <i>not</i> supported. Words are searched independently, so Bob Smith will return all records that have either Bob or Smith. Because this filter works across all fields, results may be broader than expected. </li> </ol> <p>Interested in more search filters? Click <a href="https://beatybiodiversitymuseum.github.io/data-documentation/reference/filter-terms">here</a> for a full list of all filter options and what they do.</p> </div> </div> <script> window.setTimeout(function() { let a = document.getElementById('headline-offset'); if (a !== undefined && a !== null) { a.parentElement.style.marginLeft = '-' + a.offsetWidth + 'px';} }, 300); function openTab(evt, tabName) { // Declare all variables var i, tabcontent, tablinks; // Get all elements with class="tabcontent" and hide them tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } // Get all elements with class="tablinks" and remove the class "active" tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } // Show the current tab, and add an "active" class to the button that opened the tab document.getElementById(tabName).style.display = "block"; evt.currentTarget.className += " active"; } var modal = document.getElementById("myModal"); var btn = document.getElementById("helpButton"); var span = document.getElementsByClassName("close")[0]; btn.onclick = function() { modal.style.display = "block"; } span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script>