add social share buttons

package.json

@@ -64,6 +64,7 @@
     "reproject": "^1.2.7",
     "sanitize-filename": "^1.6.3",
     "shapefile": "^0.6.6",
+    "shareon": "^2.5.0",
     "sphere-knn": "^1.4.0",
     "topojson-client": "^3.1.0",
     "topojson-server": "^3.0.1",

src/public/src/js/components.js

@@ -10,3 +10,7 @@ import 'bootstrap'
 import 'leaflet/dist/leaflet'
 import 'leaflet-defaulticon-compatibility'
 import 'leaflet-contextmenu/dist/leaflet.contextmenu'
+
+import * as Shareon from 'shareon'
+import 'shareon/css'
+Shareon.init()

src/views/partials/resultMap.hbs

@@ -1,6 +1,11 @@
 <div class="limiter map-limiter">
    <div class="container-table100 container-header">
-      {{{ pageDescription }}}
+      <div class="col-9 text-center">
+         {{{ pageDescription }}}
+      </div>
+      <div class="col-3 text-right">
+         {{> socialShareBtns}}
+      </div>     
    </div>
    <div class="container-table100 map-related-info">
       {{{obj2html input}}}

src/views/partials/socialShareBtns.hbs

@@ -0,0 +1,6 @@
+<div class="shareon">
+  <a class="facebook" aria-label="facebook share button"></a>
+  <a class="linkedin" aria-label="linkedin share button"></a>
+  <a class="twitter" aria-label="twitter share button"></a>
+  <a class="whatsapp" aria-label="whatsapp share button"></a>
+</div>