Final cosmetic changes

This commit is contained in:
Simon Brooke 2020-02-22 12:55:25 +00:00
parent d001338a49
commit 98abf86cbe
No known key found for this signature in database
GPG key ID: A7A4F18D1D4DF987
3 changed files with 32 additions and 29 deletions

View file

@ -1,6 +1,6 @@
# geocsv-lite # geocsv-lite
A wee tool to show comma-separated value data on a map. An ultra-lightweight tool to show comma-separated value data on a map.
## Overview ## Overview

View file

@ -32,7 +32,7 @@ footer a {
} }
h1 { h1, h2, h3, h4, h5, h6 {
width: 100%; width: 100%;
margin: 0; margin: 0;
padding-left: 10%; padding-left: 10%;

View file

@ -7,23 +7,26 @@
<link href="css/style.css" rel="stylesheet" type="text/css"> <link href="css/style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="favicon.ico"> <link rel="icon" href="favicon.ico">
<!-- if you prefer loading libraries from standard hosts, un comment this and <!-- if you prefer loading libraries from standard hosts, un comment this and
comment out the local source --> comment out the local source -->
<!-- link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" <!-- link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin=""/ --> crossorigin=""/ -->
<link rel="stylesheet" href="vendor/node_modules/leaflet/dist/leaflet.css" type="text/css"> <link rel="stylesheet" href="vendor/node_modules/leaflet/dist/leaflet.css" type="text/css">
</head> </head>
<body> <body>
<h1>GeoCSV Lite</h1> <h1>GeoCSV Lite</h1>
<h4>
An ultra-lightweight tool to show comma-separated value data on a map
</h4>
<div id="app"> <div id="app">
<p id="message"></p> <p id="message"></p>
<p id="error"></p> <p id="error"></p>
<div id="map" style="height: 600px; width: 80%; border: thin solid gray;"></div> <div id="map" style="height: 600px; width: 80%; border: thin solid gray;"></div>
</div>
<div id="doc"> <div id="doc">
<p> <p>
Use this page as a crib for how to use <b>GeoCSV Lite</b> in your projects. In order Use this page as a crib for how to use <b>GeoCSV Lite</b> in your projects. In order
for it to work, you need: for it to work, you need:
</p>
<ol> <ol>
<li>Javascript dependencies: <li>Javascript dependencies:
<ol> <ol>
@ -44,31 +47,31 @@
For each <code>div</code> which you wish to contain a map view, For each <code>div</code> which you wish to contain a map view,
an invocation of the function an invocation of the function
<code>geocsv_lite.core.initialise_map_element(id, data-source)</code>: <br/> <code>geocsv_lite.core.initialise_map_element(id, data-source)</code>: <br/>
<samp>&lt;script&gt;geocsv_lite.core.initialise_map_element("map", "/data/data.csv");&lt;/script&gt;</samp> <samp>&lt;script&gt;geocsv_lite.core.initialise_map_element("map", "data/data.csv");&lt;/script&gt;</samp>
</li> </li>
</ol> </ol>
</p>
</div> </div>
<footer> </div>
<div id="credits"> <footer>
<div> <div id="credits">
<img height="16" width="16" alt="Clojure" src="img/credits/clojure-icon.gif"/> Powered by <a href="http://clojure.org">Clojure</a> || <div>
<img height="16" width="16" alt="GitHub" src="img/credits/github-logo-transparent.png"/>Find me/fork me on <a href="https://github.com/simon-brooke/geocsv-lite">Github</a> || <img height="16" width="16" alt="Clojure" src="img/credits/clojure-icon.gif"/> Powered by <a href="http://clojure.org">Clojure</a> ||
<img height="16" width="16" alt="Free Software Foundation" src="img/credits/gnu.small.png"/>Licensed under the <a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU General Public License version 2.0</a> <img height="16" width="16" alt="GitHub" src="img/credits/github-logo-transparent.png"/>Find me/fork me on <a href="https://github.com/simon-brooke/geocsv-lite">Github</a> ||
</div> <img height="16" width="16" alt="Free Software Foundation" src="{{servlet-context}}/img/credits/gnu.small.png"/>Licensed under the <a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU General Public License version 2.0</a>
</div> </div>
</footer> </div>
<!-- if you prefer loading libraries from standard hosts, un comment this and </footer>
comment out the local source --> <!-- if you prefer loading libraries from standard hosts, un comment this and
<!-- script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" comment out the local source -->
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" <!-- script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
crossorigin=""></script --> integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
<!-- script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.1.0/papaparse.min.js"></script --> crossorigin=""></script -->
<script src="vendor/node_modules/leaflet/dist/leaflet.js"></script> <!-- script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.1.0/papaparse.min.js"></script -->
<script src="vendor/node_modules/papaparse/papaparse.min.js"></script> <script src="vendor/node_modules/leaflet/dist/leaflet.js"></script>
<script src="js/compiled/geocsv_lite.js" type="text/javascript"></script> <script src="vendor/node_modules/papaparse/papaparse.min.js"></script>
<script> <script src="js/compiled/geocsv_lite.js" type="text/javascript"></script>
geocsv_lite.core.initialise_map_element("map", "/data/data.csv"); <script>
</script> geocsv_lite.core.initialise_map_element("map", "/data/data.csv");
</script>
</body> </body>
</html> </html>