<style><!-- [et_pb_line_break_holder] -->#chrome {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> margin: auto auto;<!-- [et_pb_line_break_holder] --> max-width: 1200px;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->svg#hexmap {<!-- [et_pb_line_break_holder] --> background: none;<!-- [et_pb_line_break_holder] --> background-size: contain;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->#hexmap * {<!-- [et_pb_line_break_holder] --> user-select: none<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->path.ks_hexblock {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> fill: white;<!-- [et_pb_line_break_holder] --> box-shadow: 0px 0px 30px black;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->path.ks_hexblock:hover {<!-- [et_pb_line_break_holder] --> opacity: 0.3;<!-- [et_pb_line_break_holder] --> fill: white;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->path.ks_hexblock.missing {<!-- [et_pb_line_break_holder] --> fill: black;<!-- [et_pb_line_break_holder] --> opacity: 0.5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->path.ks_hexblock.missing:hover {<!-- [et_pb_line_break_holder] --> fill: black;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->text.ks_hexblock_indicator_shadow {<!-- [et_pb_line_break_holder] --> fill: black;<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> font-size: 30px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->text.ks_hexblock_indicator {<!-- [et_pb_line_break_holder] --> fill: white;<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> font-size: 30px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->text.ks_hexblock_indicator.missing {<!-- [et_pb_line_break_holder] --> fill: white;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>

<div id="chrome"></div><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->(function(){<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function createSvgElement(node, attr) {<!-- [et_pb_line_break_holder] --> var el = document.createElementNS('http://www.w3.org/2000/svg', node);<!-- [et_pb_line_break_holder] --> for (var key in attr) el.setAttribute(key, attr[key]);<!-- [et_pb_line_break_holder] --> return el;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function generateBlockNumber(row, col) {<!-- [et_pb_line_break_holder] --> col++; row++;<!-- [et_pb_line_break_holder] --> return ((col < 10 ? '0' : '')+col) + ((row < 10 ? '0' : '')+row);<!-- [et_pb_line_break_holder] --> } <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Generate hexgrid<!-- [et_pb_line_break_holder] --> var grid = [12,12];<!-- [et_pb_line_break_holder] --> var blocks = window.hexblocks = {};<!-- [et_pb_line_break_holder] --> var offset = {left: 27, top: 15};<!-- [et_pb_line_break_holder] --> for(var row=0; row<grid[0]; row++) {<!-- [et_pb_line_break_holder] --> for(var col=0; col<grid[1]; col++) {<!-- [et_pb_line_break_holder] --> var block = {<!-- [et_pb_line_break_holder] --> id: generateBlockNumber(row, col),<!-- [et_pb_line_break_holder] --> left: (offset.left + col * 159) + (row%2 !== 0 ? 80 : 0),<!-- [et_pb_line_break_holder] --> top: offset.top + row * 138,<!-- [et_pb_line_break_holder] --> missing: true<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> blocks[block.id] = block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> window.generateMap = function(params) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (!(params.container instanceof HTMLElement)) {<!-- [et_pb_line_break_holder] --> throw new Error('Container not found.');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (params.data && typeof params.data === 'object') {<!-- [et_pb_line_break_holder] --> for (var key in params.data) {<!-- [et_pb_line_break_holder] --> if (!blocks[key]) {<!-- [et_pb_line_break_holder] --> throw new Error('Hexblock ID "'+key+'" is out of boundary.');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> Object.assign(blocks[key], params.data[key]);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (typeof params.createUrl !== 'function') {<!-- [et_pb_line_break_holder] --> params.createUrl = function(block) {<!-- [et_pb_line_break_holder] --> return block.id + '.html';<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var hexmap = createSvgElement('svg', {<!-- [et_pb_line_break_holder] --> 'xmlns': 'http://www.w3.org/2000/svg',<!-- [et_pb_line_break_holder] --> 'width': '100%',<!-- [et_pb_line_break_holder] --> 'id': 'hexmap',<!-- [et_pb_line_break_holder] --> 'viewBox': '0 0 2042 1728',<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> hexmap.style.backgroundImage = "url(" + ( params.map || "") + ")"; <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> params.container.appendChild(hexmap);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> for(var blockNumber in blocks) {<!-- [et_pb_line_break_holder] --> var block = blocks[blockNumber];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Create hexagon path<!-- [et_pb_line_break_holder] --> var hexagon = createSvgElement('path', {<!-- [et_pb_line_break_holder] --> 'id': 'b' + blockNumber,<!-- [et_pb_line_break_holder] --> 'class': 'ks_hexblock' + (block.missing ? ' missing' : ''),<!-- [et_pb_line_break_holder] --> 'd': [<!-- [et_pb_line_break_holder] --> ['M'+(block.left+79),block.top+186].join(','),<!-- [et_pb_line_break_holder] --> ['L'+(block.left),block.top+140].join(','),<!-- [et_pb_line_break_holder] --> ['L'+(block.left),block.top+46].join(','),<!-- [et_pb_line_break_holder] --> ['L'+(block.left+79),block.top+0].join(','),<!-- [et_pb_line_break_holder] --> ['L'+(block.left+158),block.top+46].join(','),<!-- [et_pb_line_break_holder] --> ['L'+(block.left+158),block.top+140].join(','),<!-- [et_pb_line_break_holder] --> ['L'+(block.left+79),block.top+186].join(','),<!-- [et_pb_line_break_holder] --> ,'Z'].join(' ')<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Add hex with or without link<!-- [et_pb_line_break_holder] --> if (block.missing) {<!-- [et_pb_line_break_holder] --> hexmap.appendChild(hexagon);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> var link = createSvgElement('a', {<!-- [et_pb_line_break_holder] --> 'href': block.missing ? '' : params.createUrl(block),<!-- [et_pb_line_break_holder] --> 'target': '_blank',<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> link.appendChild(hexagon);<!-- [et_pb_line_break_holder] --> hexmap.appendChild(link);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Create indicator text with shadow<!-- [et_pb_line_break_holder] --> var indicatorText = block.missing ? "✘" : "✔";<!-- [et_pb_line_break_holder] --> var indicatorShadow = createSvgElement('text', {<!-- [et_pb_line_break_holder] --> 'class': 'ks_hexblock_indicator_shadow',<!-- [et_pb_line_break_holder] --> 'x': block.left + 30+2,<!-- [et_pb_line_break_holder] --> 'y': block.top + 80+2,<!-- [et_pb_line_break_holder] --> 'text-anchor': 'middle',<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var indicator = createSvgElement('text', {<!-- [et_pb_line_break_holder] --> 'class': 'ks_hexblock_indicator' + (block.missing ? ' missing' : ''),<!-- [et_pb_line_break_holder] --> 'x': block.left + 30,<!-- [et_pb_line_break_holder] --> 'y': block.top + 80,<!-- [et_pb_line_break_holder] --> 'text-anchor': 'middle',<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> indicatorShadow.appendChild(document.createTextNode(indicatorText));<!-- [et_pb_line_break_holder] --> indicator.appendChild(document.createTextNode(indicatorText));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> hexmap.appendChild(indicatorShadow);<!-- [et_pb_line_break_holder] --> hexmap.appendChild(indicator);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --></script>

<script><!-- [et_pb_line_break_holder] --> generateMap({<!-- [et_pb_line_break_holder] --> map: "https://kalandokessarkanyok.hu/wp-content/uploads/2019/09/hexa.png",<!-- [et_pb_line_break_holder] --> container: document.getElementById('chrome'),<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> createUrl: function(block) {<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (block.url) return block.url;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> return block.id + '.html';<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> data: {<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '0204': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/0204.html'},<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '0206': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/0206.html'},<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '0311': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/0311.html'},<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '0408': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/0408.html'},<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '0409': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/0409.html'},<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '0506': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/0506.html'},<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '0507': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/0507.html'},<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '0601': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/0601.html'},<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '0703': {missing: true, url: 'https://kalandokessarkanyok.hu/maps/0703.html'},<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '0901': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/0901.html'},<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> '1105': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/1105.html'},<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '1203': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/1203.html'},<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> '1208': {missing: false, url: 'https://kalandokessarkanyok.hu/maps/1208.html'},<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></script>