Category shopping (unfinished); include font-awesome

categories/index.json

@@ -5,6 +5,10 @@
             "id": "gastro",
             "name:en": "Gastronomy"
         },
+        {
+            "id": "shop",
+            "name:en": "Shopping"
+        },
         {
             "id": "trees",
             "name:en": "Trees"

categories/shop.json

@@ -0,0 +1,9 @@
+{
+    "type": "category",
+    "query": "(node[shop];way[shop];relation[shop];);",
+    "minZoom": 16,
+    "markerSign": "{% set c = { alcohol: 'fa-beer', baby_goods: '&#128700;', bag: 'fa-shopping-bag', bakery: 'fa-birthday-cake', beverages: 'fa-beer', boutique: '&#128090;', butcher: 'fa-cutlery', cheese: 'fa-cutlery', chocolate: 'fa-cutlery', clothes: '&#128090;', coffee: 'ia-coffee', confectionery: 'fa-birthday-cake', convenience: 'fa-shopping-basket', deli: 'fa-cutlery', dairy: 'fa-cutlery', department_store: 'fa-building', fabric: '&#128090;', farm: 'fa-cutlery', fashion: '&#128090;', general: 'fa-shopping-bag', greengrocer: 'fa-cutlery', hairdresser: '&#128113;', ice_cream: '&#127848;', jewelry: '&#128141;', kiosk: 'fa-newspaper-o', leather: '&#128090;', mall: 'fa-building', pasta: 'fa-cutlery', pastry: 'fa-birthday-cake', seafood: 'fa-cutlery', sewing: '&#128090;', shoes: '&#128095;', spices: 'fa-cutlery', supermarket: 'fa-shopping-cart', tailor: '&#128090;', tea: 'fa-coffee', watches: '&#8986;' }[tags.shop]|default('fa-shopping-bag') %}{% if c|slice(0, 3) == 'fa-' %}<i class=\"fa {{ c }}\"></i>{% else %}{{ c|raw }}{% endif %}",
+    "__": "need better icons for: bakery, butcher, cheese, ice_cream, ",
+    "__": "no icons for: brewing_supplies, charity, second_hand, variety_store", 
+    "featureBody": "{{ tags.shop }}"
+}

index.html

@@ -4,6 +4,7 @@
   <title>OverpassFrontend example</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="node_modules/leaflet/dist/leaflet.css" />
+  <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css" />
   <style>
 ul.overpass-layer-list {
 }

package.json

@@ -7,6 +7,7 @@
   "author": "Stephan Bösch-Plepelits <skunk@xover.mud.at>",
   "license": "GPL-3.0",
   "dependencies": {
+    "font-awesome": "^4.7.0",
     "leaflet": "^1.0.3",
     "overpass-layer": "https://github.com/plepe/overpass-layer#marker"
   },