JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cezetmap">
    <ul class="kraje">
        <li class="kraj zlinsky"><a href="?kraj=zlinsky" title="Zlínský kraj">Zlínský kraj</a></li>
        <li class="kraj moravskoslezsky"><a href="?kraj=moravskoslezsky" title="Moravskoslezský kraj">Moravskoslezský kraj</a></li>
        <li class="kraj jihomoravsky"><a href="?kraj=1">Jihomoravský kraj</a></li>
        <li class="kraj olomoucky"><a href="?kraj=2">Olomoucký kraj</a></li>
        <li class="kraj vysocina"><a href="?kraj=3">Vysočina</a></li>
        <li class="kraj pardubicky"><a href="?kraj=4">Pardubický kraj</a></li>
        <li class="kraj kralovehradecky"><a href="?kraj=5">Královehradecký kraj</a></li>
        <li class="kraj jihocesky"><a href="?kraj=6">Jihočeský kraj</a></li>
        <li class="kraj hlavni-mesto-praha"><a href="?kraj=7">Hlavní město Praha</a></li>
        <li class="kraj stredocesky"><a href="?kraj=8">Středočeský kraj</a></li>
        <li class="kraj liberecky"><a href="?kraj=9">Liberecký kraj</a></li>
        <li class="kraj plzensky"><a href="?kraj=10">Plzeňský kraj</a></li>
        <li class="kraj ustecky"><a href="?kraj=11">Ústecký kraj</a></li>
        <li class="kraj karlovarsky"><a href="?kraj=12">Karlovarský kraj</a></li>
    </ul>
</div>

CSS

@font-face{font-family:'cezetmap';src:url("http://www.cezetmap.cz/cezetmap/css/font/cezetmap.eot");src:url("http://www.cezetmap.cz/cezetmap/css/font/cezetmap.eot?#iefix") format("embedded-opentype"),url("http://www.cezetmap.cz/cezetmap/css/font/cezetmap.woff") format("woff"),url("http://www.cezetmap.cz/cezetmap/css/font/cezetmap.ttf") format("truetype"),url("http://www.cezetmap.cz/cezetmap/css/font/cezetmap.svg#cezetmap") format("svg");font-weight:normal;font-style:normal}.cezetmap{width:370px;height:213px;margin:0 auto;position:relative;overflow:hidden}.cezetmap .kraje,.cezetmap .mesta,.cezetmap .numbers{display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;list-style:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cezetmap .kraje{font-family:"cezetmap";font-weight:normal;font-style:normal;font-size:370px;line-height:1em;-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga=1";-ms-font-feature-settings:"liga" 1;-ms-font-feature-settings:"liga", "dlig";z-index:700}@media screen and (min-width: 0 \0){.cezetmap .kraje{line-height:normal}}.cezetmap .kraj{display:block;position:absolute;left:0;top:0}.cezetmap .kraj_env{display:none}.cezetmap .zlinsky:before,.cezetmap .moravskoslezsky:before,.cezetmap .jihomoravsky:before,.cezetmap .olomoucky:before,.cezetmap .vysocina:before,.cezetmap .pardubicky:before,.cezetmap .kralovehradecky:before,.cezetmap .jihocesky:before,.cezetmap .hlavni-mesto-praha:before,.cezetmap .stredocesky:before,.cezetmap .liberecky:before,.cezetmap .plzensky:before,.cezetmap .ustecky:before,.cezetmap .karlovarsky:before{font-family:'cezetmap';speak:none;display:block;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased}.cezetmap...

JavaScript

/* CEZET Map v2.3
 * 17.3.2013 (c) Moravio.com
 * Licence CC BY
 */$(document).ready(function(){function e(e,t){for(var n=!1,r=-1,i=e.length,s=i-1;++r<i;s=r)(e[r].y<=t.y&&t.y<e[s].y||e[s].y<=t.y&&t.y<e[r].y)&&t.x<(e[s].x-e[r].x)*(t.y-e[r].y)/(e[s].y-e[r].y)+e[r].x&&(n=!n);return n}var...