ocellus/maps.html at master · punkish/ocellus · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="description" content="Ocellus, an explorer for the Biodiversity Literature Repository (BLR) on Zenodo">
    <meta name="version" content="4.0">
    <meta name="author" content="Puneet Kishor">
    <meta name="copyright" content="Puneet Kishor">
    <meta name="license" content="CC0 Public Domain Dedication">
    <meta name="repo" content="https://github.com/punkish/ocellus">
    <meta name="date" content="%date%">
    <meta http-equiv="Cache-Control" content="max-age=604800, public">

    <title>ocellus^4 maps</title>

    <!--
    favicons derived from "Eye. Kaufer, Waldo Glover, 1906-, artist"
    No known restrictions on publication
    https://www.loc.gov/resource/cph.3b09365/
    -->
    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="shortcut icon" href="/favicons/favicon.ico">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="msapplication-config" content="/favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <!-- build:leafletcss -->
    <link rel="stylesheet" href="node_modules/leaflet/dist/leaflet.css">
    <!-- endbuild -->

    <!-- build:csslibs -->
    <link rel="stylesheet" href="libs/leaflet-slidebar/src/leaflet.slidebar.css">
    <link rel="stylesheet" href="node_modules/leaflet.markercluster/dist/MarkerCluster.css">
    <link rel="stylesheet" href="node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css">
    <link rel="stylesheet" href="node_modules/leaflet-easybutton/src/easy-button.css">
    <!-- endbuild -->

    <!-- build:css -->
    <link rel="stylesheet" href="css/uglyduck.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/figure.css">
    <link rel="stylesheet" href="css/throbber.css">
    <link rel="stylesheet" href="css/sparkline.css">
    <link rel="stylesheet" href="css/map.css">
    <!-- endbuild -->
</head>
<body>
    <header>
        <div class="title">
            <div id="brand" class="reveal"
                data-reveal="MAP • IMAGES • TREATMENTS">4</div>
            <h1><a href="/index.html">ocellus</a></h1>
            <div class="subtitle">
                <div class="small">A Plazi Project</div>
                <a href="#about" class="modalToggle">about</a>
            </div>
        </div>
        <div id="throbber" class="nothrob"></div>
    </header>


    <main>
        <div id="sparkBox" class="sparkBox">
            <div id="sparkText"></div>
            <div id="sparkChart"></div>
            <div id="sparkTip" class="hidden"></div>
        </div>
        <section id="map"></section>

        <section id="about" class="modal hidden noblock">
            <a href="#" class="close modalToggle">close</a>

            <h1>About</h1>

            <p>Ocellus is a frontend to the Biodiversity Literature Repository (BLR) on <a href="https://zenodo.org" target="_blank">Zenodo</a>, and taxonomic treatments in <a href="http://treatmentbank.org" target="_blank">TreatmentBank</a>. Ocellus depends on <a href="https://test.zenodeo.org" target="_blank">Zenodeo</a>, a <code>nodejs</code> API that queries, analyzes and aggregates results from these various repositories via a single, unified interface. Start typing in the search field and Ocellus will suggest from > 5100 taxonomic familes, and then retrieve the results for you.</p>

            <p>Check out our policies on <a href="#privacy" class="modalToggle">privacy</a> and <a href="#ip" class="modalToggle">intellectual property</a>, or <a href="#contact" class="modalToggle">send us feedback</a>.</p>
        </section>

        <section id="privacy" class="modal hidden noblock">
            <a href="#" class="close modalToggle">close</a>

            <h1>Privacy</h1>

            <p>We track nothing. What you do with the data here is not our business. Check out our policy on <a href="#ip" class="modalToggle">intellectual property</a> or <a href="#contact" class="modalToggle">give us feedback</a>.</p>
        </section>

        <section id="ip" class="modal hidden noblock">
            <a href="#" class="close modalToggle">close</a>

            <h1>Intellectual Property</h1>

            <p>All information we extract or create is dedicated to the public domain under the <a href="https://creativecommons.org/publicdomain/zero/1.0/legalcode" target="_blank">CC0 Public Domain Dedication</a>. All original content by authors of source article is copyrighted by either the authors or their publishers and is used under its applicable open license. For copyright information in the images, please consult the original record on Zenodo, BLR policies, and the applicable laws of your country.</p>

            <p>If you use are data, please be nice and give us credit by citing us as follows: <cite>Biodiversity Literature Repository. 2013-. A community to share publications related to bio-systematics. Plazi.</cite></p>

            <p>The half-fish in the footer is based on the original of a Blunt-Nosed Minnow, <i>Pimephales notatus</i> (Rafinesque) ♂ from the <a href="https://archive.org/stream/cu31924090292669/#page/n1063/mode/1up" target="_blank">Internet Archive</a> and has no known copyright restrictions.</p>

            <p>Check out our <a href="#privacy" class="modalToggle">privacy policy</a> or <a href="#contact" class="modalToggle">give us feedback</a>.</p>
        </section>

        <section id="contact" class="modal hidden noblock">
            <a href="#" class="close modalToggle">close</a>

            <h1>Contact</h1>

            <p>Biodiversity Literature Repository (BLR aka BioLitRepo) is a production of Plazi in partnership with Zenodo/CERN, Geneva, and Pensoft Publishers, Sofia, Bulgaria, with generous support from The Arcadia Foundation, UK.</p>

            <p>Check out our policies on <a href="#privacy" class="modalToggle">privacy</a> and <a href="#ip" class="modalToggle">intellectual property</a>, or contact <a href="mailto:blr@plazi.org">Plazi</a> for more information.</p>
        </section>
    </main>

    <!-- note: leaflet.js has to come before all other leaflet plugins -->
    <!-- build:leafletjs -->
    <script src="node_modules/leaflet/dist/leaflet.js"></script>
    <!-- endbuild -->

    <!-- build:jslibs -->
    <script src="libs/picolog/picolog.min.js"></script>
    <script src="libs/lazysizes.min.js"></script>
    <script src="node_modules/leaflet-easybutton/src/easy-button.js"></script>
    <script src="node_modules/leaflet.markercluster/dist/leaflet.markercluster.js"></script>
    <script src="node_modules/leaflet.vectorgrid/dist/Leaflet.VectorGrid.bundled.js"></script>
    <!-- endbuild -->

    <!-- <script src="https://cdn.jsdelivr.net/npm/leaflet.markercluster@1.4.1/dist/leaflet.markercluster-src.js"></script> -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/leaflet.vectorgrid@latest/dist/Leaflet.VectorGrid.bundled.js"></script> -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/leaflet-easybutton@2/src/easy-button.js"></script> -->

    <script type="module">
        import { init, showTooltip, hideTooltip } from './js/ocellus-maps.js';
        window.showTooltip = showTooltip;
        window.hideTooltip = hideTooltip;
        window.onload = () => init();
    </script>
</body>
</html>