<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>GBIF dataset metrics</title>
        <meta name="author" content="Datafable">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="http://datafable.com/images/favicon.ico">
        <link rel="stylesheet" type="text/css" href="extension/css/bootstrap.min.css"><!-- Use full Bootstrap -->
        <link rel="stylesheet" type="text/css" href="extension/css/c3.min.css">
        <link rel="stylesheet" type="text/css" href="extension/css/content.css">
    </head>

    <body id="demo">
        <div id="intro">
            <div class="container">
                <div class="page-header">
                    <h1>GBIF dataset metrics</h1>
                </div>
                <p class="lead">This page demonstrates for a <a href="http://www.gbif.org/dataset/85930e96-f762-11e1-a439-00145eb45e9a">single GBIF-mediated dataset</a> the metrics we crunch and visualize. To see metrics for more GBIF-mediated occurrence datasets, download the <a href="https://chrome.google.com/webstore/detail/gbif-dataset-metrics/kcianglkepodpjdiebgidhdghoaeefba">GBIF dataset metrics extension</a>. Documentation and source code are available on <a href="https://github.com/datafable/gbif-dataset-metrics">GitHub</a>. Contact us at <a href="https://twitter.com/datafable">@Datafable</a>.</p>
            </div>
        </div>

        <div id="achievements-title">
            <div class="container">
                <div class="content">
                    <div class="header">
                        <h2>Achievement labels</h2>
                    </div>
                </div>
            </div>
        </div>

        <div id="content" class="container" style="min-height:600px">
            <!-- firstContent will be added here (twice), with achievement labels (once). -->
            <article id="occmetrics">
                <div class="content">
                    <div class="header">
                        <h2>Metric bars</h2>
                    </div>
                    <div class="fullwidth">
                        <!-- Metric bars will be added here. -->
                    </div>
                </div>
            </article>

            <!-- Taxonomy partition will be added here. -->

            <article id="summary"></article>

            <!-- Sample of images will be added here. -->

            <article class="results">
                <div class="content">
                    <!-- Download chart and title will be added here. -->
                    <div class="header" style="display:none">
                        <h2>Downloads</h2><!-- Will be altered. -->
                    </div>
                </div>
            </article>
        </div>

        <div id="footer">
            <div class="container clearfix">
                <p class="pull-left">Created by <a href="http://datafable.com">Datafable</a></p>
                <p class="pull-right"><a href="https://github.com/datafable/gbif-dataset-metrics">Source code</a></p>
            </div>
        </div>

        <!-- Scripts -->
        <script type="text/javascript" src="extension/js/jquery.min.js"></script>
        <script type="text/javascript" src="extension/js/bootstrap.min.js"></script><!-- Use full Bootstrap -->
        <script type="text/javascript" src="extension/js/d3.min.js"></script>
        <script type="text/javascript" src="extension/js/c3.min.js"></script>
        <script type="text/javascript" src="extension/js/content.js"></script>
        <script type="text/javascript" src="extension/js/home.js"></script>
        <script type="text/javascript" src="extension/js/stats.js"></script>
        <script type="text/javascript" src="extension/js/activity.js"></script>
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-54642803-3', 'auto');
            ga('send', 'pageview');
        </script>
    </body>
</html>
