Indian River Lagoon Species Inventory Home

<!DOCTYPE html> <html lang="en"> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css"> <link href="/css/external/animate.min.css?ver=4.1.1" rel="stylesheet" type="text/css" /> <link href="/css/external/quasar.prod.css?ver=2.14.1" rel="stylesheet" type="text/css" /> <script src="/js/external/vue.global.prod.js?ver=2023-11-30" type="text/javascript"></script> <script src="/js/external/vue-demi.js?ver=2023-11-30" type="text/javascript"></script> <script src="/js/external/pinia.js?ver=2.1.7" type="text/javascript"></script> <script src="/js/external/all.min.js" type="text/javascript"></script> <script type="text/javascript"> const DEFAULT_COLLECTION_CATEGORY_ID = ''; const DEFAULT_LANG = 'en'; const DEFAULT_TITLE = 'Indian River Lagoon Species Inventory'; const CLIENT_ROOT = ''; const SOLR_MODE = false; const MAX_UPLOAD_FILESIZE = 256; const ADMIN_EMAIL = 'IRLWebmaster@si.edu'; const EMAIL_CONFIGURED = true; const VALID_USER = false; const IS_ADMIN = false; const KEY_MOD_IS_ACTIVE = false; const SYMB_UID = 0; const USER_DISPLAY_NAME = ''; const PROCESSING_STATUS_OPTIONS = JSON.parse('["Unprocessed","Stage 1","Stage 2","Stage 3","Pending Review","Expert Required","Reviewed","Closed"]'); const RIGHTS_TERMS = JSON.parse('{"http:\/\/creativecommons.org\/publicdomain\/zero\/1.0\/":{"title":"CC0 1.0 (Public-domain)","url":"https:\/\/creativecommons.org\/publicdomain\/zero\/1.0\/legalcode","def":"Users can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission."},"http:\/\/creativecommons.org\/licenses\/by\/3.0\/":{"title":"CC BY (Attribution)","url":"http:\/\/creativecommons.org\/licenses\/by\/3.0\/legalcode","def":"Users can copy, redistribute the material in any medium or format, remix, transform, and build upon the material for any purpose, even commercially. The licensor cannot revoke these freedoms as long as you follow the license terms."},"http:\/\/creativecommons.org\/licenses\/by-nc\/3.0\/":{"title":"CC BY-NC (Attribution-Non-Commercial)","url":"http:\/\/creativecommons.org\/licenses\/by-nc\/3.0\/legalcode","def":"Users can copy, redistribute the material in any medium or format, remix, transform, and build upon the material. The licensor cannot revoke these freedoms as long as you follow the license terms."},"http:\/\/creativecommons.org\/licenses\/by\/4.0\/":{"title":"CC BY (Attribution)","url":"http:\/\/creativecommons.org\/licenses\/by\/4.0\/legalcode","def":"Users can copy, redistribute the material in any medium or format, remix, transform, and build upon the material for any purpose, even commercially. The licensor cannot revoke these freedoms as long as you follow the license terms."},"http:\/\/creativecommons.org\/licenses\/by-nc\/4.0\/":{"title":"CC BY-NC (Attribution-Non-Commercial)","url":"http:\/\/creativecommons.org\/licenses\/by-nc\/4.0\/legalcode","def":"Users can copy, redistribute the material in any medium or format, remix, transform, and build upon the material. The licensor cannot revoke these freedoms as long as you follow the license terms."},"http:\/\/creativecommons.org\/licenses\/by-nc-nd\/4.0\/":{"title":"CC BY-NC-ND 4.0 (Attribution-NonCommercial-NoDerivatives 4.0 International)","url":"http:\/\/creativecommons.org\/licenses\/by-nc-nd\/4.0\/legalcode","def":"Users can copy and redistribute the material in any medium or format. The licensor cannot revoke these freedoms as long as you follow the license terms."}}'); const IMAGE_TAG_OPTIONS = JSON.parse('["Diagnostic","Handwriting","HasIDLabel","HasLabel","HasOrganism","HasProblem","ImageOfAdult","ImageOfImmature","ShowsHabitat","TypedText"]'); const TAXONOMIC_RANKS = JSON.parse('[10,30,60,100,140,180,220,230,240]'); const SPATIAL_INITIAL_BASE_LAYER = 'googleterrain'; const SPATIAL_INITIAL_CENTER = [-80.39564, 28.00362]; const SPATIAL_INITIAL_ZOOM = 9; const SPATIAL_POINT_CLUSTER = true; const SPATIAL_POINT_CLUSTER_DISTANCE = 50; const SPATIAL_POINT_DISPLAY_HEAT_MAP = false; const SPATIAL_POINT_FILL_COLOR = '#E69E67'; const SPATIAL_POINT_HEAT_MAP_BLUR = 15; const SPATIAL_POINT_HEAT_MAP_RADIUS = 5; const SPATIAL_POINT_BORDER_COLOR = '#000000'; const SPATIAL_POINT_BORDER_WIDTH = 1; const SPATIAL_POINT_POINT_RADIUS = 7; const SPATIAL_POINT_SELECTIONS_BORDER_COLOR = '#10D8E6'; const SPATIAL_POINT_SELECTIONS_BORDER_WIDTH = 2; const SPATIAL_SHAPES_FILL_COLOR = '#FFFFFF'; const SPATIAL_SHAPES_BORDER_COLOR = '#3399CC'; const SPATIAL_SHAPES_BORDER_WIDTH = 2; const SPATIAL_SHAPES_POINT_RADIUS = 5; const SPATIAL_SHAPES_OPACITY = '0.4'; const SPATIAL_SHAPES_SELECTIONS_BORDER_COLOR = '#0099FF'; const SPATIAL_SHAPES_SELECTIONS_FILL_COLOR = '#FFFFFF'; const SPATIAL_SHAPES_SELECTIONS_BORDER_WIDTH = 5; const SPATIAL_SHAPES_SELECTIONS_OPACITY = '0.5'; const SPATIAL_DRAGDROP_FILL_COLOR = '#AAAAAA'; const SPATIAL_DRAGDROP_BORDER_COLOR = '#000000'; const SPATIAL_DRAGDROP_BORDER_WIDTH = 2; const SPATIAL_DRAGDROP_POINT_RADIUS = 5; const SPATIAL_DRAGDROP_OPACITY = '0.3'; const SPATIAL_DRAGDROP_RASTER_COLOR_SCALE = 'earth'; const http = new XMLHttpRequest(); let abortController; const fieldDefinitionsUrl = CLIENT_ROOT + '/config/field-definitions.json?ver=202405211111'; const checklistApiUrl = CLIENT_ROOT + '/api/checklists/checklistController.php'; const checklistVoucherApiUrl = CLIENT_ROOT + '/api/checklists/checklistVoucherController.php'; const collectionApiUrl = CLIENT_ROOT + '/api/collections/collectionController.php'; const collectionCategoryApiUrl = CLIENT_ROOT + '/api/collections/collectionCategoryController.php'; const collectionDataUploadParametersApiUrl = CLIENT_ROOT + '/api/collections/collectionDataUploadParametersController.php'; const collectionMediaUploadParametersApiUrl = CLIENT_ROOT + '/api/collections/collectionMediaUploadParametersController.php'; const configurationsApiUrl = CLIENT_ROOT + '/api/configurations/configurationsController.php'; const dataDownloadServiceApiUrl = CLIENT_ROOT + '/api/services/dataDownloadServiceController.php'; const dataUploadServiceApiUrl = CLIENT_ROOT + '/api/services/dataUploadServiceController.php'; const geographyApiUrl = CLIENT_ROOT + '/api/geography/geographyController.php'; const glossaryApiUrl = CLIENT_ROOT + '/api/glossary/glossaryController.php'; const imageApiUrl = CLIENT_ROOT + '/api/images/imageController.php'; const languageApiUrl = CLIENT_ROOT + '/api/languages/languageController.php'; const mediaApiUrl = CLIENT_ROOT + '/api/media/mediaController.php'; const occurrenceApiUrl = CLIENT_ROOT + '/api/occurrences/occurrenceController.php'; const occurrenceCollectingEventApiUrl = CLIENT_ROOT + '/api/occurrences/occurrenceCollectingEventController.php'; const occurrenceDeterminationApiUrl = CLIENT_ROOT + '/api/occurrences/occurrenceDeterminationController.php'; const occurrenceGeneticLinkApiUrl = CLIENT_ROOT + '/api/occurrences/occurrenceGeneticLinkController.php'; const occurrenceLocationApiUrl = CLIENT_ROOT + '/api/occurrences/occurrenceLocationController.php'; const occurrenceMeasurementOrFactApiUrl = CLIENT_ROOT + '/api/occurrences/occurrenceMeasurementOrFactController.php'; const occurrenceTaxonomyApiUrl = CLIENT_ROOT + '/api/collections/occTaxonomyController.php'; const permissionApiUrl = CLIENT_ROOT + '/api/profile/permissionController.php'; const profileApiUrl = CLIENT_ROOT + '/api/profile/profileController.php'; const projectApiUrl = CLIENT_ROOT + '/api/checklists/projectController.php'; const proxyServiceApiUrl = CLIENT_ROOT + '/api/services/proxyServiceController.php'; const searchServiceApiUrl = CLIENT_ROOT + '/api/services/searchServiceController.php'; const solrConnectorUrl = CLIENT_ROOT + '/api/search/SOLRConnector.php'; const taxaApiUrl = CLIENT_ROOT + '/api/taxa/taxaController.php'; const taxaProfileApiUrl = CLIENT_ROOT + '/api/taxa/taxaProfileController.php'; const taxonDescriptionApiUrl = CLIENT_ROOT + '/api/taxa/taxonDescriptionController.php'; const taxonHierarchyApiUrl = CLIENT_ROOT + '/api/taxa/taxonHierarchyController.php'; const taxonKingdomApiUrl = CLIENT_ROOT + '/api/taxa/taxonKingdomController.php'; const taxonomyServiceApiUrl = CLIENT_ROOT + '/api/services/taxonomyServiceController.php'; const taxonRankApiUrl = CLIENT_ROOT + '/api/taxa/taxonRankController.php'; const taxonVernacularApiUrl = CLIENT_ROOT + '/api/taxa/taxonVernacularController.php'; </script> <script src="/stores/base.js?ver=202405211111" type="text/javascript"></script> <script src="/stores/image.js?ver=202405211111" type="text/javascript"></script> <script src="/stores/media.js?ver=202405211111" type="text/javascript"></script> <script src="/stores/occurrence-location.js?ver=202405211111" type="text/javascript"></script> <script src="/stores/occurrence-collecting-event.js?ver=202405211111" type="text/javascript"></script> <script src="/stores/occurrence-determination.js?ver=202405211111" type="text/javascript"></script> <script src="/stores/occurrence-genetic-link.js?ver=202405211111" type="text/javascript"></script> <script src="/stores/occurrence.js?ver=202405211111" type="text/javascript"></script> <script src="/stores/search.js?ver=202405211111" type="text/javascript"></script> <script src="/stores/spatial.js?ver=202405211111" type="text/javascript"></script> <script src="/hooks/core.js?ver=202405211111" type="text/javascript"></script> <script src="/js/shared.js?ver=202405211111" type="text/javascript"></script> <script src="/components/taxonomy/taxaQuickSearch.js?ver=202405211111" type="text/javascript"></script> <head> <title>Indian River Lagoon Species Inventory Home</title> <link href="css/base.css?ver=20241005" type="text/css" rel="stylesheet" /> <link href="css/main.css?ver=20241005" type="text/css" rel="stylesheet" /> <link href="css/external/jquery-ui.css" type="text/css" rel="Stylesheet" /> <script src="js/external/all.min.js" type="text/javascript"></script> <script src="js/external/jquery.js" type="text/javascript"></script> <script src="js/external/jquery-ui.js" type="text/javascript"></script> <script type="text/javascript"> var imgArray = [ "url(content/imglib/static/09ThomanR1.jpg)", "url(content/imglib/static/20Donahue1.jpg)", "url(content/imglib/static/21ShirahD1.jpg)", "url(content/imglib/static/21VanMeterS2.jpg)", "url(content/imglib/static/04BergerJ3.jpg)", "url(content/imglib/static/11SmithA1.jpg)", "url(content/imglib/static/17AdamsN1.jpg)", "url(content/imglib/static/18FischerD1.JPG)", "url(content/imglib/static/19CunninghamD1.jpg)", "url(content/imglib/static/19GilbertD1.jpg)", "url(content/imglib/static/19PalmerC2.jpg)", "url(content/imglib/static/21SmithA1.jpg)", "url(content/imglib/static/06KemptonR1.jpg)", "url(content/imglib/static/13ClarkeG1.jpg)", "url(content/imglib/static/13CorapiP1.jpg)", "url(content/imglib/static/17Spratt2.jpg)", "url(content/imglib/static/18CoteM1.JPG)", "url(content/imglib/static/18PhippsL2.jpg)", "url(content/imglib/static/18SimonsT1.jpg)", "url(content/imglib/static/20MandevilleJ2.jpg)"]; var photographerArray = [ "R. Thoman", "M. Donahue", "D. Shirah", "S. Van Meter", "J. Berger", "A. Smith", "N. Adams", "D. Fischer", "D. Cunningham", "D. Gilbert", "C. Palmer", "A. Smith", "R. Kempton", "G. Clarke", "P. Corapi", "R. Spratt", "M. Cote", "L. Phipps", "T. Simons", "J. Mandeville"]; $(document).ready(function() { const imgIndex = Math.floor(Math.random() * 20); document.getElementById('hero-container').style.backgroundImage = imgArray[imgIndex]; document.getElementById('photographerName').innerHTML = photographerArray[imgIndex]; }); </script> </head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVC7K84" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div class="hero-container" id="hero-container"> <div class="top-shade-container"></div> <div class="logo-container"> <a href="/index.php" class="header-home-link" > <img class="logo-image" src="/content/imglib/layout/janky_mangrove_logo_med.png" /> </a> </div> <div class="title-container"> <a href="/index.php" class="header-home-link" > <span class="titlefont">Indian River Lagoon<br /> Species Inventory</span> </a> </div> <div class="login-bar"> <div id="loginBar" class="login-bar-wrapper"> <a href="/misc/contact.php" class="text-white login-link">Contact Us</a> <template v-if="userDisplayName"> <span class="text-white login-link">Welcome {{ userDisplayName }}!</span> <a href="/profile/viewprofile.php" class="text-white login-link">My Profile</a> <a class="text-white cursor-pointer login-link" @click="logout();">Logout</a> </template> <template v-else> <a href="/profile/index.php?refurl=/index.php" class="text-white login-link">Login</a> <a href="/profile/newprofile.php" class="text-white login-link">New Account</a> </template> <a href="/sitemap.php" class="text-white login-link">Sitemap</a> </div> <script> document.addEventListener("DOMContentLoaded", function() { const loginBar = Vue.createApp({ data() { return { userDisplayName: USER_DISPLAY_NAME } }, methods: { logout() { const url = profileApiUrl + '?action=logout'; fetch(url) .then(() => { window.location.href = CLIENT_ROOT + '/index.php'; }) } } }); loginBar.use(Quasar, { config: {} }); loginBar.mount('#loginBar'); }); </script> </div> <div class="nav-bar-container"> <div id="topNavigation"> <template v-if="windowWidth < 1440"> <q-toolbar class="q-pa-md justify-start horizontalDropDown"> <q-btn class="horizontalDropDownIconButton q-ml-md" flat round dense icon="menu"> <q-menu> <q-list dense> <template v-for="item in navBarData"> <template v-if="item.subItems && item.subItems.length"> <q-item clickable> <q-item-section>{{ item.label }}</q-item-section> <q-menu v-model="navBarToggle[item.id]" transition-duration="100" anchor="top end" self="top start"> <q-list dense> <template v-for="subitem in item.subItems"> <q-item clickable v-close-popup :href="subitem.url" :target="(subitem.newTab?'_blank':'_self')"> <q-item-section>{{ subitem.label }}</q-item-section> </q-item> </template> </q-list> </q-menu> </q-item> </template> <template v-else> <q-item clickable v-close-popup :href="item.url" :target="(item.newTab?'_blank':'_self')"> <q-item-section>{{ item.label }}</q-item-section> </q-item> </template> </template> <q-item clickable v-close-popup @click="donateConfirm = true"> <q-item-section>DONATE</q-item-section> </q-item> </q-list> </q-menu> </q-btn> </q-toolbar> </template> <template v-if="windowWidth >= 1440"> <q-toolbar class="q-pa-md justify-center horizontalDropDown"> <template v-for="item in navBarData"> <template v-if="item.subItems && item.subItems.length"> <q-btn class="horizontalDropDownButton text-capitalize" :href="item.url" :target="(item.newTab?'_blank':'_self')" :label="item.label" v-model="navBarToggle[item.id]" @mouseover="navbarToggleOn(item.id)" @mouseleave="navbarToggleOff(item.id)" stretch flat no-wrap> <q-menu v-model="navBarToggle[item.id]" transition-duration="100" anchor="bottom start" self="top start" square> <q-list dense @mouseover="navbarToggleOn(item.id)" @mouseleave="navbarToggleOff(item.id)"> <template v-for="subitem in item.subItems"> <q-item class="horizontalDropDownButton text-capitalize" :href="subitem.url" :target="(subitem.newTab?'_blank':'_self')" clickable v-close-popup> <q-item-section> <q-item-label>{{ subitem.label }}</q-item-label> </q-item-section> </q-item> </template> </q-list> </q-menu> </q-btn> </template> <template v-else> <q-btn class="horizontalDropDownButton text-capitalize" :href="item.url" :target="(item.newTab?'_blank':'_self')" :label="item.label" stretch flat no-wrap></q-btn> </template> </template> <q-btn class="horizontalDropDownButton horizontalDropDownDonateButton text-capitalize" label="Donate" stretch flat no-wrap @click="donateConfirm = true"></q-btn> </q-toolbar> </template> <q-dialog v-model="donateConfirm" persistent> <q-card class="text-h6"> <q-card-section> You are about to be directed to the donation page for the Smithsonian National Musuem of Natural History, the curator of the IRL Species Inventory. To make sure your online donation is applied to this project, please type "IRL Species Inventory" in the "Apply my donation to" box. Thank you for your support! </q-card-section> <q-card-actions align="right"> <q-btn flat label="OK" color="primary" v-close-popup @click="openDonatePage();"></q-btn> <q-btn flat label="Cancel" color="primary" v-close-popup></q-btn> </q-card-actions> </q-card> </q-dialog> </div> <script> document.addEventListener("DOMContentLoaded", () => { const dropDownNavBar = Vue.createApp({ setup() { const navBarData = Vue.ref([ {url: CLIENT_ROOT + '/index.php', label: 'Home'}, {url: CLIENT_ROOT + '/misc/Maps.php', label: 'The Indian River Lagoon'}, { label: 'Habitats', subItems: [ {url: CLIENT_ROOT + '/misc/Whatsa_Habitat.php', label: 'Overview'}, {url: CLIENT_ROOT + '/misc/Barrierislnd.php', label: 'Barrier Islands'}, {url: CLIENT_ROOT + '/misc/Beaches.php', label: 'Beaches'}, {url: CLIENT_ROOT + '/misc/Dunes.php', label: 'Dunes'}, {url: CLIENT_ROOT + '/misc/Mangroves.php', label: 'Mangroves'}, {url: CLIENT_ROOT + '/misc/Hammock_Habitat.php', label: 'Maritime Hammocks'}, {url: CLIENT_ROOT + '/misc/Oyster_reef.php', label: 'Oyster Reefs'}, {url: CLIENT_ROOT + '/misc/Saltmarsh.php', label: 'Salt Marshes'}, {url: CLIENT_ROOT + '/misc/Scrub.php', label: 'Scrub'}, {url: CLIENT_ROOT + '/misc/Seagrass_Habitat.php', label: 'Seagrass Beds'}, {url: CLIENT_ROOT + '/misc/Tidal_Flats.php', label: 'Tidal Flats'} ] }, { label: 'Threats', subItems: [ {url: CLIENT_ROOT + '/misc/Habitat_Threats.php', label: 'Overview'}, {url: CLIENT_ROOT + '/misc/impoundments.php', label: 'Mosquito Impoundments'}, {url: CLIENT_ROOT + '/misc/development.php', label: 'Shoreline Development'}, {url: CLIENT_ROOT + '/misc/muck-nutrients.php', label: 'Muck & Nutrients'}, {url: CLIENT_ROOT + '/misc/invasives.php', label: 'Invasive Species'}, {url: CLIENT_ROOT + '/misc/weather.php', label: 'Extreme Weather'}, {url: CLIENT_ROOT + '/misc/climate-change.php', label: 'Climate Change'} ] }, { label: 'Biodiversity', subItems: [ {url: CLIENT_ROOT + '/misc/Total_Biodiv.php', label: 'Overview'}, {url: CLIENT_ROOT + '/misc/benthic_story.php', label: 'Benthic Monitoring in the IRL'} ] }, { label: 'Data Explorer', subItems: [ {url: CLIENT_ROOT + '/checklists/index.php', label: 'Checklists'}, {url: CLIENT_ROOT + '/checklists/dynamicmap.php?interface=checklist', label: 'Dynamic Checklist'}, {url: CLIENT_ROOT + '/spatial/index.php', label: 'Map Occurrence Search', newTab: true}, {url: CLIENT_ROOT + '/collections/list.php', label: 'Text Occurrence Search'}, {url: CLIENT_ROOT + '/taxa/dynamictreeviewer.php', label: 'Interactive Taxonomic Tree'} ] }, { label: 'Tutorials', subItems: [ {url: CLIENT_ROOT + '/tutorial/spatial/index.php', label: 'Map Search Tutorial', newTab: true}, {url: 'https://youtu.be/YwBC-52j6Ps?si=TAGXz8qev1nvyFCZ', label: 'Checklists Overview', newTab: true}, {url: 'https://youtu.be/jm2_mn2nClo?si=kDnHt7EE1ERlSYRB', label: 'Creating a Checklist', newTab: true}, {url: 'https://youtu.be/L45s7c19kNw?si=rpNhc_r2OdTOSdk_', label: 'Checklists from Occurrence Records', newTab: true} ] }, {url: CLIENT_ROOT + '/misc/Protect-IRL.php', label: 'Stewardship'}, {url: CLIENT_ROOT + '/misc/tour.php', label: 'Take a Tour'} ]); const donateConfirm = Vue.ref(false); let navBarTimeout = null; const navBarToggle = Vue.ref({}); const userDisplayName = USER_DISPLAY_NAME; const windowWidth = Vue.ref(0); function handleResize() { windowWidth.value = window.innerWidth; } function logout() { const url = profileApiUrl + '?action=logout'; fetch(url) .then(() => { window.location.href = CLIENT_ROOT + '/index.php'; }) } function setNavBarData() { navBarData.value.forEach((dataObj, index) => { if(dataObj.hasOwnProperty('subItems')){ dataObj['id'] = index; navBarToggle[index] = false; } }); } function openDonatePage() { window.open('https://support.si.edu/site/Donation2;jsessionid=00000000.app30030a?idb=172924536&df_id=19745&mfc_pref=T&19745.donation=form1&NONCE_TOKEN=B8237A09ED48545AB4117EA7BD9F20EF&s_subsrc=top-btn&s_src=main-web&autologin=true&19745_donation=form1', '_blank'); } Vue.onMounted(() => { setNavBarData(); window.addEventListener('resize', handleResize); handleResize(); }); return { donateConfirm, navBarData, navBarToggle, navBarTimeout, userDisplayName, windowWidth, setNavBarData, handleResize, logout, openDonatePage }; }, methods: { navbarToggleOff(id) { this.navBarTimeout = setTimeout(() => { this.navBarToggle[Number(id)] = false; }, 400); }, navbarToggleOn(id) { clearTimeout(this.navBarTimeout); for(let i in this.navBarToggle){ if(this.navBarToggle.hasOwnProperty(i) && Number(i) !== Number(id)){ this.navBarToggle[Number(i)] = false; } } this.navBarToggle[Number(id)] = true; } } }); dropDownNavBar.use(Quasar, { config: {} }); dropDownNavBar.mount('#topNavigation'); }); </script> </div> <div id="quicksearch-container" class="quicksearch-container"> <div class="full-width row justify-center"> <div class="col-6"> <taxa-quick-search></taxa-quick-search> </div> </div> </div> <div class="heading-container"> <div class="heading-inner"> <h3>The <b>Indian River Lagoon Species Inventory</b> is a dynamic and growing research resource and ecological encyclopedia that documents the biodiversity of the 156-mile-long estuary system along Florida鈥檚 Atlantic coast.</h3> </div> </div> <div class="photo-credit-container"> Photo credit: <span id="photographerName"></span> </div> </div> <div id="innertext"> <div class="totals-row"> <div class="totals-box"> <i style="height:60px;width:60px;" class="fas fa-leaf"></i> <h2 style="font-family:'Whitney A','Whitney B',Helvetica,Arial,sans-serif;color: gray;font-weight: 300;font-size: 3.5em;text-align: center;margin-bottom: 5px;">11,150</h2> <h5 style="font-family:'Whitney A','Whitney B',Helvetica,Arial,sans-serif;color: gray;font-weight: 300;font-size: 2.1em;text-align: center;line-height: normal;">Species Reports</h5> </div> <div class="totals-box"> <i style="height:60px;width:60px;background-image: url('/content/imglib/layout/fat_tree.svg');background-size:cover;filter: drop-shadow(10px 10px 4px lightgrey);"></i> <h2 style="font-family:'Whitney A','Whitney B',Helvetica,Arial,sans-serif;color: gray;font-weight: 300;font-size: 3.5em;text-align: center;margin-bottom: 5px;">11,223</h2> <h5 style="font-family:'Whitney A','Whitney B',Helvetica,Arial,sans-serif;color: gray;font-weight: 300;font-size: 2.1em;text-align: center;line-height: normal;"> Total Taxa</h5> </div> <div class="totals-box"> <i style="height:60px;width:60px;" class="fas fa-map-marked-alt"></i> <h2 style="font-family:'Whitney A','Whitney B',Helvetica,Arial,sans-serif;color: gray;font-weight: 300;font-size: 3.5em;text-align: center;margin-bottom: 5px;">480,307</h2> <h5 style="font-family:'Whitney A','Whitney B',Helvetica,Arial,sans-serif;color: gray;font-weight: 300;font-size: 2.1em;text-align: center;line-height: normal;">Occurrence Records</h5> </div> </div> </div> <script src="/js/external/quasar.umd.prod.js?ver=2.14.1" type="text/javascript"></script> <script type="text/javascript"> const { useQuasar, QSpinnerHourglass } = Quasar; </script> <div id="footer" class="footer-container"> <div class="q-pa-md full-width row justify-between"> <div class="col-grow column"> <div class="full-width q-pt-xs q-pb-sm q-pl-sm q-pr-lg"> <taxa-quick-search></taxa-quick-search> </div> <div class="row justify-center q-col-gutter-sm"> <div class="col-6"> <q-card flat bordered class="full-width black-border bg-white"> <q-card-section class="q-pa-xs"> <a href="https://naturalhistory.si.edu/research/smithsonian-marine-station" target="_blank"> <q-img height="100px" fit="contain" :src="(clientRoot + '/content/imglib/layout/Smithsonian-Logo.png')"></q-img> </a> </q-card-section> </q-card> </div> <div class="col-6"> <q-card flat bordered class="full-width black-border bg-white"> <q-card-section class="q-pa-xs"> <a href="https://onelagoon.org/" target="_blank"> <q-img height="100px" fit="contain" :src="(clientRoot + '/content/imglib/layout/one_lagoon_logo.png')"></q-img> </a> </q-card-section> </q-card> </div> </div> </div> <div class="col-6 row justify-end q-col-gutter-sm"> <div class="col-4 column"> <div> <a class="text-white login-link text-h6" :href="(clientRoot + '/misc/Maps.php')"> The Indian River Lagoon </a> </div> <div> <a class="text-white login-link text-h6" :href="(clientRoot + '/misc/Whatsa_Habitat.php')"> Habitats </a> </div> <div> <a class="text-white login-link text-h6" :href="(clientRoot + '/misc/Habitat_Threats.php')"> Threats </a> </div> <div> <a class="text-white login-link text-h6" :href="(clientRoot + '/misc/Total_Biodiv.php')"> Biodiversity </a> </div> <div> <a class="text-white login-link text-h6" :href="(clientRoot + '/misc/Protect-IRL.php')"> Stewardship </a> </div> <div> <a class="text-white login-link text-h6" :href="(clientRoot + '/misc/tour.php')"> Take a Tour </a> </div> </div> <div class="col-4 column"> <div> <a class="text-white login-link text-h6" :href="(clientRoot + '/index.php')"> Home </a> </div> <div> <a class="text-white login-link text-h6" :href="(clientRoot + '/misc/contact.php')"> Contact Us </a> </div> <div v-if="userDisplayName"> <a class="text-white login-link text-h6" :href="(clientRoot + '/profile/viewprofile.php')"> My Profile </a> </div> <div> <a class="text-white login-link text-h6" :href="(clientRoot + '/sitemap.php')"> Sitemap </a> </div> <div v-if="userDisplayName" class="cursor-pointer"> <a class="text-white login-link text-h6" @click="logout();"> Logout </a> </div> <div v-else> <a class="text-white login-link text-h6" href="/profile/index.php?refurl=/index.php"> Login </a> </div> </div> <div class="col-2"> <div> <q-btn class="horizontalDropDownDonateButton" text-color="white" label="Donate" @click="donateConfirm = true" glossy></q-btn> </div> </div> </div> </div> <q-dialog v-model="donateConfirm" persistent> <q-card class="text-h6"> <q-card-section> You are about to be directed to the donation page for the Smithsonian National Musuem of Natural History, the curator of the IRL Species Inventory. To make sure your online donation is applied to this project, please type "IRL Species Inventory" in the "Apply my donation to" box. Thank you for your support! </q-card-section> <q-card-actions align="right"> <q-btn flat label="OK" color="primary" v-close-popup @click="openDonatePage();"></q-btn> <q-btn flat label="Cancel" color="primary" v-close-popup></q-btn> </q-card-actions> </q-card> </q-dialog> </div> <script> const footerElement = Vue.createApp({ components: { 'taxa-quick-search': taxaQuickSearch }, setup() { const store = useBaseStore(); const clientRoot = store.getClientRoot; const donateConfirm = Vue.ref(false); const storeRefs = Pinia.storeToRefs(store); const userDisplayName = storeRefs.getUserDisplayName; function logout() { const url = profileApiUrl + '?action=logout'; fetch(url) .then(() => { window.location.href = clientRoot + '/index.php'; }) } function openDonatePage() { window.open('https://support.si.edu/site/Donation2;jsessionid=00000000.app30030a?idb=172924536&df_id=19745&mfc_pref=T&19745.donation=form1&NONCE_TOKEN=B8237A09ED48545AB4117EA7BD9F20EF&s_subsrc=top-btn&s_src=main-web&autologin=true&19745_donation=form1', '_blank'); } return { clientRoot, donateConfirm, userDisplayName, logout, openDonatePage }; } }); footerElement.use(Quasar, { config: {} }); footerElement.use(Pinia.createPinia()); footerElement.mount('#footer'); </script>   <script> window.webtrendsAsyncInit=function(){ var dcs=new Webtrends.dcs().init({ dcsid:"dcsp2e2pf00000sh88n34e5xp_6s5o", domain:"logs1.smithsonian.museum", timezone:-5, i18n:true, fpcdom:".irlspecies.org", plugins:{ } }).track(); }; (function(){ var s=document.createElement("script"); s.async=true; s.src="https://www.si.edu/assets/webtrends/webtrends.min.js"; var s2=document.getElementsByTagName("script")[0]; s2.parentNode.insertBefore(s,s2); }()); </script> <noscript><img alt="dcsimg" id="dcsimg" width="1" height="1" src="//logs1.smithsonian.museum/dcsp2e2pf00000sh88n34e5xp_6s5o/njs.gif?dcsuri=/nojavascript&WT.js=No&WT.tv=10.4.23&dcssip=irlspecies.org"/></noscript>   <script type="text/javascript">cpp_value="IRLS";</script> <script type="text/javascript"> // ForeSee Production Embed Script v2.00 // DO NOT MODIFY BELOW THIS LINE ***************************************** ;(function (g) { var d = document, am = d.createElement('script'), h = d.head || d.getElementsByTagName("head")[0], fsr = 'fsReady', aex = { "src": "//gateway.foresee.com/sites/smithsonian/production/gateway.min.js", "type": "text/javascript", "async": "true", "data-vendor": "fs", "data-role": "gateway" }; for (var attr in aex){am.setAttribute(attr, aex[attr]);}h.appendChild(am);g[fsr] = function () {var aT = '__' + fsr + '_stk__';g[aT] = g[aT] || [];g[aT].push(arguments);}; })(window); // DO NOT MODIFY ABOVE THIS LINE ***************************************** </script> <script> const quickSearchElement = Vue.createApp({ components: { 'taxa-quick-search': taxaQuickSearch } }); quickSearchElement.use(Quasar, { config: {} }); quickSearchElement.use(Pinia.createPinia()); quickSearchElement.mount('#quicksearch-container'); </script> </body> </html>

CINXE.COM

Indian River Lagoon Species Inventory Home