{"title":"Test Page 1","description":"\n\u003c!--\n  CO2 refill location map — paste this whole block into the collection page's\n  Custom HTML \/ Custom Liquid box.\n\n  TO UPDATE STOCK: edit the \"quantity\" numbers in the LOCATIONS array below.\n  This is a manual\/static version — numbers won't update automatically from\n  Kark. If you want it live, this needs to become a Custom Liquid section\n  instead (Liquid can read metafields; plain HTML boxes can't) — just ask\n  and I'll convert it once we've confirmed your Kark plan\/metafield setup.\n--\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Share+Tech+Mono\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.css\"\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.js\"\u003e\u003c\/script\u003e\n\n\u003cdiv style=\"background:#0d0d17;padding:32px 20px;border-radius:8px;\"\u003e\n  \u003ch2 style=\"font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:2px;color:#00e5ff;margin:0 0 4px;text-align:center;\"\u003e\n    FIND YOUR NEAREST REFILL\n  \u003c\/h2\u003e\n  \u003cp style=\"font-family:'Share Tech Mono',monospace;font-size:13px;color:#ff2fb0;text-align:center;margin:0 0 24px;\"\u003e\n    LIVE PICKUP AVAILABILITY — TORONTO\n  \u003c\/p\u003e\n\n  \u003cdiv id=\"co2-map\" style=\"height:320px;border-radius:6px;border:1px solid #2a2a3d;\"\u003e\u003c\/div\u003e\n\n  \u003cdiv id=\"co2-list\" style=\"margin-top:16px;display:flex;flex-direction:column;gap:10px;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n  var LOCATIONS = [\n    {\n      name: \"Toronto Brewing Retail Storefront\",\n      address: \"115-3701 Chesswood Drive, Toronto, ON M3J 2P6\",\n      lat: 43.7423,\n      lng: -79.4699,\n      quantity: 5\n    },\n    {\n      name: \"Bickford Brewing Company\",\n      address: \"292a Harbord Street, Toronto, ON M6G 1G6\",\n      lat: 43.6626,\n      lng: -79.4177,\n      quantity: 2\n    },\n    {\n      name: \"Common Good Beer Company - Scarborough\",\n      address: \"475 Ellesmere Road, Toronto, ON M1R 4E5\",\n      lat: 43.7681,\n      lng: -79.2426,\n      quantity: 1\n    }\n  ];\n\n  var map = L.map('co2-map', { zoomControl: true }).setView([43.72, -79.40], 10.5);\n  L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/dark_all\/{z}\/{x}\/{y}{r}.png', {\n    maxZoom: 18\n  }).addTo(map);\n\n  var list = document.getElementById('co2-list');\n  var bounds = [];\n\n  LOCATIONS.forEach(function (loc) {\n    var color = loc.quantity \u003e= 3 ? '#00e5ff' : loc.quantity \u003e 0 ? '#ff2fb0' : '#5a5a6e';\n\n    var icon = L.divIcon({\n      html: '\u003cdiv style=\"width:16px;height:16px;border-radius:50%;background:' + color + ';border:2px solid #0d0d17;box-shadow:0 0 8px ' + color + ';\"\u003e\u003c\/div\u003e',\n      className: '',\n      iconSize: [16, 16]\n    });\n    var marker = L.marker([loc.lat, loc.lng], { icon: icon }).addTo(map);\n    marker.bindPopup(\n      '\u003cdiv style=\"font-family:Share Tech Mono,monospace;\"\u003e' +\n        '\u003cstrong\u003e' + loc.name + '\u003c\/strong\u003e\u003cbr\u003e' +\n        loc.quantity + ' tanks available' +\n      '\u003c\/div\u003e'\n    );\n    bounds.push([loc.lat, loc.lng]);\n\n    var row = document.createElement('div');\n    row.style.cssText = 'background:#16162a;border:1px solid #2a2a3d;border-radius:6px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;';\n    row.innerHTML =\n      '\u003cdiv\u003e' +\n        '\u003cp style=\"font-family:\\'Share Tech Mono\\',monospace;font-size:14px;color:#f2f2f7;margin:0;\"\u003e' + loc.name + '\u003c\/p\u003e' +\n        '\u003cp style=\"font-family:\\'Share Tech Mono\\',monospace;font-size:12px;color:#7a7a90;margin:4px 0 0;\"\u003e' + loc.address + '\u003c\/p\u003e' +\n      '\u003c\/div\u003e' +\n      '\u003cspan style=\"font-family:\\'Share Tech Mono\\',monospace;font-size:12px;font-weight:bold;padding:5px 12px;border-radius:4px;white-space:nowrap;background:' + color + '22;color:' + color + ';border:1px solid ' + color + ';\"\u003e' +\n        (loc.quantity \u003e 0 ? loc.quantity + ' IN STOCK' : 'OUT OF STOCK') +\n      '\u003c\/span\u003e';\n    row.onclick = function () {\n      map.setView([loc.lat, loc.lng], 13);\n      marker.openPopup();\n    };\n    list.appendChild(row);\n  });\n\n  map.fitBounds(bounds, { padding: [30, 30] });\n})();\n\u003c\/script\u003e\n","products":[],"url":"https:\/\/torontobrewing.ca\/collections\/test-page-1.oembed","provider":"Toronto Brewing","version":"1.0","type":"link"}