diff --git a/bundle.js b/bundle.js
index 3a48683..c86d00f 100644
--- a/bundle.js
+++ b/bundle.js
@@ -16,7 +16,7 @@
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ol_ol_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ol/ol.css */ \"./node_modules/ol/ol.css\");\n/* harmony import */ var ol_layerswitcher_dist_ol_layerswitcher_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ol-layerswitcher/dist/ol-layerswitcher.css */ \"./node_modules/ol-layerswitcher/dist/ol-layerswitcher.css\");\n/* harmony import */ var ol_Map__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ol/Map */ \"./node_modules/ol/Map.js\");\n/* harmony import */ var ol_View__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ol/View */ \"./node_modules/ol/View.js\");\n/* harmony import */ var ol_proj__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ol/proj */ \"./node_modules/ol/proj.js\");\n/* harmony import */ var ol_layer_Group__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ol/layer/Group */ \"./node_modules/ol/layer/Group.js\");\n/* harmony import */ var ol_layer_Tile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ol/layer/Tile */ \"./node_modules/ol/layer/Tile.js\");\n/* harmony import */ var ol_source_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ol/source.js */ \"./node_modules/ol/source/OSM.js\");\n/* harmony import */ var ol_source_XYZ_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ol/source/XYZ.js */ \"./node_modules/ol/source/XYZ.js\");\n/* harmony import */ var ol_format_MVT_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ol/format/MVT.js */ \"./node_modules/ol/format/MVT.js\");\n/* harmony import */ var ol_layer_VectorTile_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ol/layer/VectorTile.js */ \"./node_modules/ol/layer/VectorTile.js\");\n/* harmony import */ var ol_source_OGCMapTile_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ol/source/OGCMapTile.js */ \"./node_modules/ol/source/OGCMapTile.js\");\n/* harmony import */ var ol_source_OGCVectorTile_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ol/source/OGCVectorTile.js */ \"./node_modules/ol/source/OGCVectorTile.js\");\n/* harmony import */ var ol_layerswitcher__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ol-layerswitcher */ \"./node_modules/ol-layerswitcher/dist/ol-layerswitcher.js\");\n/* harmony import */ var ol_layerswitcher__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(ol_layerswitcher__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar map = new ol_Map__WEBPACK_IMPORTED_MODULE_4__[\"default\"]({\n    target: 'map',\n    layers: [\n        new ol_layer_Group__WEBPACK_IMPORTED_MODULE_5__[\"default\"]({\n            'title': 'Base maps',\n            layers: [\n                new ol_layer_Tile__WEBPACK_IMPORTED_MODULE_6__[\"default\"]({\n                    title: 'OSM',\n                    type: 'base',\n                    visible: true,\n                    source: new ol_source_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"]()\n                }),\n                new ol_layer_Tile__WEBPACK_IMPORTED_MODULE_6__[\"default\"]({\n                    title: 'Esri Tile Layer',\n                    type: 'base',\n                    visible: true,\n                    source: new ol_source_XYZ_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"]({\n                      attributions:\n                        'Tiles © <a href=\"https://services.arcgisonline.com/ArcGIS/' +\n                        'rest/services/World_Topo_Map/MapServer\">ArcGIS</a>',\n                      url:\n                        'https://server.arcgisonline.com/ArcGIS/rest/services/' +\n                        'World_Topo_Map/MapServer/tile/{z}/{y}/{x}',\n                    }),\n                  })\n            ]\n        }),\n         new ol_layer_Group__WEBPACK_IMPORTED_MODULE_5__[\"default\"]({\n            title: 'OGC API - Tiles',\n            layers: [\n                new ol_layer_Tile__WEBPACK_IMPORTED_MODULE_6__[\"default\"]({\n                    title: 'Blue Marble',\n                    visible: false,\n                    source: new ol_source_OGCMapTile_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"]({\n                      url: 'https://maps.gnosis.earth/ogcapi/collections/blueMarble/map/tiles/WebMercatorQuad',\n                    }),\n                  }),\n                  new ol_layer_VectorTile_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"]({\n                    title: 'Natural Earth',\n                    visible: false,\n                    source: new ol_source_OGCVectorTile_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"]({\n                      url: 'https://maps.gnosis.earth/ogcapi/collections/NaturalEarth:cultural:ne_10m_admin_0_countries/tiles/WebMercatorQuad',\n                      format: new ol_format_MVT_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"](),\n                    }),\n                    background: '#d1d1d1',\n                    style: {\n                      'stroke-width': 0.6,\n                      'stroke-color': '#8c8b8b',\n                      'fill-color': '#f7f7e9',\n                    },\n                  }),\n                  new ol_layer_VectorTile_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"]({\n                    title: 'Daara',\n                    visible: false,\n                    source: new ol_source_OGCVectorTile_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"]({\n                      url: 'https://demo.ldproxy.net/daraa/tiles/WebMercatorQuad',\n                      format: new ol_format_MVT_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"](),\n                    })\n                  }),\n            ]\n        })\n    ],\n    view: new ol_View__WEBPACK_IMPORTED_MODULE_13__[\"default\"]({\n        center: (0,ol_proj__WEBPACK_IMPORTED_MODULE_2__.transform)([-0.92, 52.96], 'EPSG:4326', 'EPSG:3857'),\n        zoom: 2\n    })\n});\n\nvar layerSwitcher = new (ol_layerswitcher__WEBPACK_IMPORTED_MODULE_3___default())();\nmap.addControl(layerSwitcher);\n\n\n//# sourceURL=webpack://ol-layerswitcher-webpack/./main.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ol_ol_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ol/ol.css */ \"./node_modules/ol/ol.css\");\n/* harmony import */ var ol_layerswitcher_dist_ol_layerswitcher_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ol-layerswitcher/dist/ol-layerswitcher.css */ \"./node_modules/ol-layerswitcher/dist/ol-layerswitcher.css\");\n/* harmony import */ var ol_Map__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ol/Map */ \"./node_modules/ol/Map.js\");\n/* harmony import */ var ol_View__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ol/View */ \"./node_modules/ol/View.js\");\n/* harmony import */ var ol_proj__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ol/proj */ \"./node_modules/ol/proj.js\");\n/* harmony import */ var ol_layer_Group__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ol/layer/Group */ \"./node_modules/ol/layer/Group.js\");\n/* harmony import */ var ol_layer_Tile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ol/layer/Tile */ \"./node_modules/ol/layer/Tile.js\");\n/* harmony import */ var ol_source_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ol/source.js */ \"./node_modules/ol/source/OSM.js\");\n/* harmony import */ var ol_source_XYZ_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ol/source/XYZ.js */ \"./node_modules/ol/source/XYZ.js\");\n/* harmony import */ var ol_format_MVT_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ol/format/MVT.js */ \"./node_modules/ol/format/MVT.js\");\n/* harmony import */ var ol_layer_VectorTile_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ol/layer/VectorTile.js */ \"./node_modules/ol/layer/VectorTile.js\");\n/* harmony import */ var ol_source_OGCMapTile_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ol/source/OGCMapTile.js */ \"./node_modules/ol/source/OGCMapTile.js\");\n/* harmony import */ var ol_source_OGCVectorTile_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ol/source/OGCVectorTile.js */ \"./node_modules/ol/source/OGCVectorTile.js\");\n/* harmony import */ var ol_layerswitcher__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ol-layerswitcher */ \"./node_modules/ol-layerswitcher/dist/ol-layerswitcher.js\");\n/* harmony import */ var ol_layerswitcher__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(ol_layerswitcher__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar map = new ol_Map__WEBPACK_IMPORTED_MODULE_4__[\"default\"]({\n    target: 'map',\n    layers: [\n        new ol_layer_Group__WEBPACK_IMPORTED_MODULE_5__[\"default\"]({\n            'title': 'Base maps',\n            layers: [\n                new ol_layer_Tile__WEBPACK_IMPORTED_MODULE_6__[\"default\"]({\n                    title: 'OSM',\n                    type: 'base',\n                    visible: true,\n                    source: new ol_source_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"]()\n                }),\n                new ol_layer_Tile__WEBPACK_IMPORTED_MODULE_6__[\"default\"]({\n                    title: 'Esri Nat Geo World Map',\n                    type: 'base',\n                    visible: true,\n                    source: new ol_source_XYZ_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"]({\n                      attributions:\n                        'Tiles &copy; Esri &mdash; National Geographic, Esri, ' +\n                        'DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC',\n                      url:\n                        'https://server.arcgisonline.com/ArcGIS/rest/services/' +\n                        'NatGeo_World_Map/MapServer/tile/{z}/{y}/{x}',\n                    }),\n                  }),\n/*                 new TileLayer({\n                    title: 'Esri Tile Layer',\n                    type: 'base',\n                    visible: true,\n                    source: new XYZ({\n                      attributions:\n                        'Tiles © <a href=\"https://services.arcgisonline.com/ArcGIS/' +\n                        'rest/services/World_Topo_Map/MapServer\">ArcGIS</a>',\n                      url:\n                        'https://server.arcgisonline.com/ArcGIS/rest/services/' +\n                        'World_Topo_Map/MapServer/tile/{z}/{y}/{x}',\n                    }),\n                  })\n */            ]\n        }),\n         new ol_layer_Group__WEBPACK_IMPORTED_MODULE_5__[\"default\"]({\n            title: 'OGC API - Tiles',\n            layers: [\n                new ol_layer_Tile__WEBPACK_IMPORTED_MODULE_6__[\"default\"]({\n                    title: 'Blue Marble',\n                    visible: false,\n                    source: new ol_source_OGCMapTile_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"]({\n                      url: 'https://maps.gnosis.earth/ogcapi/collections/blueMarble/map/tiles/WebMercatorQuad',\n                    }),\n                  }),\n                  new ol_layer_VectorTile_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"]({\n                    title: 'Natural Earth',\n                    visible: false,\n                    source: new ol_source_OGCVectorTile_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"]({\n                      url: 'https://maps.gnosis.earth/ogcapi/collections/NaturalEarth:cultural:ne_10m_admin_0_countries/tiles/WebMercatorQuad',\n                      format: new ol_format_MVT_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"](),\n                    }),\n                    background: '#d1d1d1',\n                    style: {\n                      'stroke-width': 0.6,\n                      'stroke-color': '#8c8b8b',\n                      'fill-color': '#f7f7e9',\n                    },\n                  })\n            ]\n        })\n    ],\n    view: new ol_View__WEBPACK_IMPORTED_MODULE_13__[\"default\"]({\n        center: (0,ol_proj__WEBPACK_IMPORTED_MODULE_2__.transform)([-0.92, 52.96], 'EPSG:4326', 'EPSG:3857'),\n        zoom: 2\n    })\n});\n\nvar layerSwitcher = new (ol_layerswitcher__WEBPACK_IMPORTED_MODULE_3___default())();\nmap.addControl(layerSwitcher);\n\n\n//# sourceURL=webpack://ol-layerswitcher-webpack/./main.js?");
 
 /***/ }),
 
diff --git a/index.html b/index.html
index 70a1049..b839d15 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,8 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <link rel="stylesheet" href="./prism.css">
     <title>OGC API - Tiles Demo</title>
     <style>
       html, body {
@@ -9,15 +11,45 @@
         height: 100%;
       }
       #map {
-        position: absolute;
-        top: 0;
-        bottom: 0;
         width: 100%;
+        height: 50vh;;
       }
     </style>
   </head>
   <body>
-    <div id="map"></div>
+    <div class="container">
+      <div class="jumbotron jumbotron-fluid">
+        <div class="container">
+          <h1 class="display-4">OGC API - Tiles Demo</h1>
+          <p class="lead">This map shows a bunch of OGC API - Tiles layers (e.g.: map tiles, vector tiles).
+            They are easily integrated, using the <a href="https://openlayers.org/">OpenLayers</a> library, which supports the <a href="https://docs.ogc.org/is/20-057/20-057.html">standard</a> out-of-the-box 
+            using the <a href="https://openlayers.org/en/latest/apidoc/module-ol_source_OGCMapTile-OGCMapTile.html">OGCMapTile</a> 
+            and <a href="https://openlayers.org/en/latest/apidoc/module-ol_source_OGCVectorTile-OGCVectorTile.html">OGCVectorTile</a> classes (see code sample bellow).
+          </p>
+        </div>
+      </div>
+      <div id="map"></div>
+      <div class="overflow-x-scroll">
+        <pre><code class="language-css">
+          layers: [
+          new TileLayer({
+              source: new OGCMapTile({
+                url: 'https://maps.gnosis.earth/ogcapi/collections/blueMarble/map/tiles/WebMercatorQuad',
+              }),
+            }),
+            new VectorTileLayer({
+              source: new OGCVectorTile({
+                url: 'https://maps.gnosis.earth/ogcapi/collections/NaturalEarth:cultural:' + 
+                'ne_10m_admin_0_countries/tiles/WebMercatorQuad',
+                format: new MVT(),
+              })
+            })
+      ]
+        </code></pre>
+      </div>
+    </div>
     <script src="./bundle.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    <script src="./prism.js"></script>
   </body>
 </html>
diff --git a/main.js b/main.js
index 4eca4af..2f367af 100644
--- a/main.js
+++ b/main.js
@@ -29,6 +29,19 @@ var map = new Map({
                     source: new OSM()
                 }),
                 new TileLayer({
+                    title: 'Esri Nat Geo World Map',
+                    type: 'base',
+                    visible: true,
+                    source: new XYZ({
+                      attributions:
+                        'Tiles &copy; Esri &mdash; National Geographic, Esri, ' +
+                        'DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC',
+                      url:
+                        'https://server.arcgisonline.com/ArcGIS/rest/services/' +
+                        'NatGeo_World_Map/MapServer/tile/{z}/{y}/{x}',
+                    }),
+                  }),
+/*                 new TileLayer({
                     title: 'Esri Tile Layer',
                     type: 'base',
                     visible: true,
@@ -41,7 +54,7 @@ var map = new Map({
                         'World_Topo_Map/MapServer/tile/{z}/{y}/{x}',
                     }),
                   })
-            ]
+ */            ]
         }),
          new LayerGroup({
             title: 'OGC API - Tiles',
@@ -66,15 +79,7 @@ var map = new Map({
                       'stroke-color': '#8c8b8b',
                       'fill-color': '#f7f7e9',
                     },
-                  }),
-                  new VectorTileLayer({
-                    title: 'Daara',
-                    visible: false,
-                    source: new OGCVectorTile({
-                      url: 'https://demo.ldproxy.net/daraa/tiles/WebMercatorQuad',
-                      format: new MVT(),
-                    })
-                  }),
+                  })
             ]
         })
     ],
diff --git a/prism.css b/prism.css
new file mode 100644
index 0000000..71fec65
--- /dev/null
+++ b/prism.css
@@ -0,0 +1,3 @@
+/* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism-funky&languages=markup+css */
+code[class*=language-],pre[class*=language-]{font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:.4em .8em;margin:.5em 0;overflow:auto;background:url('data:image/svg+xml;charset=utf-8,<svg%20version%3D"1.1"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"100"%20height%3D"100"%20fill%3D"rgba(0%2C0%2C0%2C.2)">%0D%0A<polygon%20points%3D"0%2C50%2050%2C0%200%2C0"%20%2F>%0D%0A<polygon%20points%3D"0%2C100%2050%2C100%20100%2C50%20100%2C0"%20%2F>%0D%0A<%2Fsvg>');background-size:1em 1em}code[class*=language-]{background:#000;color:#fff;box-shadow:-.3em 0 0 .3em #000,.3em 0 0 .3em #000}:not(pre)>code[class*=language-]{padding:.2em;border-radius:.3em;box-shadow:none;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#aaa}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#0cf}.token.attr-name,.token.builtin,.token.char,.token.selector,.token.string{color:#ff0}.language-css .token.string,.token.entity,.token.inserted,.token.operator,.token.url,.token.variable{color:#9acd32}.token.atrule,.token.attr-value,.token.keyword{color:#ff1493}.token.important,.token.regex{color:orange}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}pre.diff-highlight.diff-highlight>code .token.deleted:not(.prefix),pre>code.diff-highlight.diff-highlight .token.deleted:not(.prefix){background-color:rgba(255,0,0,.3);display:inline}pre.diff-highlight.diff-highlight>code .token.inserted:not(.prefix),pre>code.diff-highlight.diff-highlight .token.inserted:not(.prefix){background-color:rgba(0,255,128,.3);display:inline}
diff --git a/prism.js b/prism.js
new file mode 100644
index 0000000..1b0f95a
--- /dev/null
+++ b/prism.js
@@ -0,0 +1,5 @@
+/* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism-funky&languages=markup+css */
+var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(e){var n=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,r={},a={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof i?new i(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(n,t){var r,i;switch(t=t||{},a.util.type(n)){case"Object":if(i=a.util.objId(n),t[i])return t[i];for(var l in r={},t[i]=r,n)n.hasOwnProperty(l)&&(r[l]=e(n[l],t));return r;case"Array":return i=a.util.objId(n),t[i]?t[i]:(r=[],t[i]=r,n.forEach((function(n,a){r[a]=e(n,t)})),r);default:return n}},getLanguage:function(e){for(;e;){var t=n.exec(e.className);if(t)return t[1].toLowerCase();e=e.parentElement}return"none"},setLanguage:function(e,t){e.className=e.className.replace(RegExp(n,"gi"),""),e.classList.add("language-"+t)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(r){var e=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(r.stack)||[])[1];if(e){var n=document.getElementsByTagName("script");for(var t in n)if(n[t].src==e)return n[t]}return null}},isActive:function(e,n,t){for(var r="no-"+n;e;){var a=e.classList;if(a.contains(n))return!0;if(a.contains(r))return!1;e=e.parentElement}return!!t}},languages:{plain:r,plaintext:r,text:r,txt:r,extend:function(e,n){var t=a.util.clone(a.languages[e]);for(var r in n)t[r]=n[r];return t},insertBefore:function(e,n,t,r){var i=(r=r||a.languages)[e],l={};for(var o in i)if(i.hasOwnProperty(o)){if(o==n)for(var s in t)t.hasOwnProperty(s)&&(l[s]=t[s]);t.hasOwnProperty(o)||(l[o]=i[o])}var u=r[e];return r[e]=l,a.languages.DFS(a.languages,(function(n,t){t===u&&n!=e&&(this[n]=l)})),l},DFS:function e(n,t,r,i){i=i||{};var l=a.util.objId;for(var o in n)if(n.hasOwnProperty(o)){t.call(n,o,n[o],r||o);var s=n[o],u=a.util.type(s);"Object"!==u||i[l(s)]?"Array"!==u||i[l(s)]||(i[l(s)]=!0,e(s,t,o,i)):(i[l(s)]=!0,e(s,t,null,i))}}},plugins:{},highlightAll:function(e,n){a.highlightAllUnder(document,e,n)},highlightAllUnder:function(e,n,t){var r={callback:t,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};a.hooks.run("before-highlightall",r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),a.hooks.run("before-all-elements-highlight",r);for(var i,l=0;i=r.elements[l++];)a.highlightElement(i,!0===n,r.callback)},highlightElement:function(n,t,r){var i=a.util.getLanguage(n),l=a.languages[i];a.util.setLanguage(n,i);var o=n.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&a.util.setLanguage(o,i);var s={element:n,language:i,grammar:l,code:n.textContent};function u(e){s.highlightedCode=e,a.hooks.run("before-insert",s),s.element.innerHTML=s.highlightedCode,a.hooks.run("after-highlight",s),a.hooks.run("complete",s),r&&r.call(s.element)}if(a.hooks.run("before-sanity-check",s),(o=s.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!s.code)return a.hooks.run("complete",s),void(r&&r.call(s.element));if(a.hooks.run("before-highlight",s),s.grammar)if(t&&e.Worker){var c=new Worker(a.filename);c.onmessage=function(e){u(e.data)},c.postMessage(JSON.stringify({language:s.language,code:s.code,immediateClose:!0}))}else u(a.highlight(s.code,s.grammar,s.language));else u(a.util.encode(s.code))},highlight:function(e,n,t){var r={code:e,grammar:n,language:t};if(a.hooks.run("before-tokenize",r),!r.grammar)throw new Error('The language "'+r.language+'" has no grammar.');return r.tokens=a.tokenize(r.code,r.grammar),a.hooks.run("after-tokenize",r),i.stringify(a.util.encode(r.tokens),r.language)},tokenize:function(e,n){var t=n.rest;if(t){for(var r in t)n[r]=t[r];delete n.rest}var a=new s;return u(a,a.head,e),o(e,a,n,a.head,0),function(e){for(var n=[],t=e.head.next;t!==e.tail;)n.push(t.value),t=t.next;return n}(a)},hooks:{all:{},add:function(e,n){var t=a.hooks.all;t[e]=t[e]||[],t[e].push(n)},run:function(e,n){var t=a.hooks.all[e];if(t&&t.length)for(var r,i=0;r=t[i++];)r(n)}},Token:i};function i(e,n,t,r){this.type=e,this.content=n,this.alias=t,this.length=0|(r||"").length}function l(e,n,t,r){e.lastIndex=n;var a=e.exec(t);if(a&&r&&a[1]){var i=a[1].length;a.index+=i,a[0]=a[0].slice(i)}return a}function o(e,n,t,r,s,g){for(var f in t)if(t.hasOwnProperty(f)&&t[f]){var h=t[f];h=Array.isArray(h)?h:[h];for(var d=0;d<h.length;++d){if(g&&g.cause==f+","+d)return;var v=h[d],p=v.inside,m=!!v.lookbehind,y=!!v.greedy,k=v.alias;if(y&&!v.pattern.global){var x=v.pattern.toString().match(/[imsuy]*$/)[0];v.pattern=RegExp(v.pattern.source,x+"g")}for(var b=v.pattern||v,w=r.next,A=s;w!==n.tail&&!(g&&A>=g.reach);A+=w.value.length,w=w.next){var E=w.value;if(n.length>e.length)return;if(!(E instanceof i)){var P,L=1;if(y){if(!(P=l(b,A,e,m))||P.index>=e.length)break;var S=P.index,O=P.index+P[0].length,j=A;for(j+=w.value.length;S>=j;)j+=(w=w.next).value.length;if(A=j-=w.value.length,w.value instanceof i)continue;for(var C=w;C!==n.tail&&(j<O||"string"==typeof C.value);C=C.next)L++,j+=C.value.length;L--,E=e.slice(A,j),P.index-=A}else if(!(P=l(b,0,E,m)))continue;S=P.index;var N=P[0],_=E.slice(0,S),M=E.slice(S+N.length),W=A+E.length;g&&W>g.reach&&(g.reach=W);var z=w.prev;if(_&&(z=u(n,z,_),A+=_.length),c(n,z,L),w=u(n,z,new i(f,p?a.tokenize(N,p):N,k,N)),M&&u(n,w,M),L>1){var I={cause:f+","+d,reach:W};o(e,n,t,w.prev,A,I),g&&I.reach>g.reach&&(g.reach=I.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function u(e,n,t){var r=n.next,a={value:t,prev:n,next:r};return n.next=a,r.prev=a,e.length++,a}function c(e,n,t){for(var r=n.next,a=0;a<t&&r!==e.tail;a++)r=r.next;n.next=r,r.prev=n,e.length-=a}if(e.Prism=a,i.stringify=function e(n,t){if("string"==typeof n)return n;if(Array.isArray(n)){var r="";return n.forEach((function(n){r+=e(n,t)})),r}var i={type:n.type,content:e(n.content,t),tag:"span",classes:["token",n.type],attributes:{},language:t},l=n.alias;l&&(Array.isArray(l)?Array.prototype.push.apply(i.classes,l):i.classes.push(l)),a.hooks.run("wrap",i);var o="";for(var s in i.attributes)o+=" "+s+'="'+(i.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'"'+o+">"+i.content+"</"+i.tag+">"},!e.document)return e.addEventListener?(a.disableWorkerMessageHandler||e.addEventListener("message",(function(n){var t=JSON.parse(n.data),r=t.language,i=t.code,l=t.immediateClose;e.postMessage(a.highlight(i,a.languages[r],r)),l&&e.close()}),!1),a):a;var g=a.util.currentScript();function f(){a.manual||a.highlightAll()}if(g&&(a.filename=g.src,g.hasAttribute("data-manual")&&(a.manual=!0)),!a.manual){var h=document.readyState;"loading"===h||"interactive"===h&&g&&g.defer?document.addEventListener("DOMContentLoaded",f):window.requestAnimationFrame?window.requestAnimationFrame(f):window.setTimeout(f,16)}return a}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism);
+Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&amp;/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^<!\[CDATA\[|\]\]>$/i;var t={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:s}};t["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var n={};n[a]={pattern:RegExp("(<__[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])*?(?=</__>)".replace(/__/g,(function(){return a})),"i"),lookbehind:!0,greedy:!0,inside:t},Prism.languages.insertBefore("markup","cdata",n)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(a,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp("(^|[\"'\\s])(?:"+a+")\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))","i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml;
+!function(s){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:[^;{\\s\"']|\\s+(?!\\s)|"+e.source+")*?(?:;|(?=\\s*\\{))"),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(Prism);