<!DOCTYPE html>
<html lang="en" style="scrollbar-gutter:stable;">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="MxhnWl0lGXEpKndIDzpsLEUoKhskAxdfyS4c8DR8GDC9NlTCrLlluGvr">
    <title data-suffix=" · Catalin Mititiuc">
WebDevCat.me
     · Catalin Mititiuc</title>
    <link rel="stylesheet" id="font-bitter-css" href="//fonts.googleapis.com/css?family=Bitter:400,700" type="text/css" media="screen">
    <link phx-track-static rel="stylesheet" href="/assets/app-131585bb1e255488c3d2558ee5c81330.css?vsn=d">

      <link phx-track-static rel="stylesheet" href="/assets/cgit-313ed4244ed6cc8d5b67d6fbb4ab18c8.css?vsn=d">
      <style>
        article > * { max-width: unset; }
        div#cgit table.list {
          table-layout: auto;
          width: 100%;
          display: table;
        }
        div#cgit div.content {
          overflow: scroll;
        }
        div#cgit table.tabs {
          table-layout: auto;
          width: 100%;
          display: table;
        }
        div#cgit table.blob {
          table-layout: auto;
          width: 100%;
          display: table;
        }
        div#cgit table.tabs {
          table-layout: auto;
          width: 100%;
          display: table;
        }
        td.linenumbers { width: 1px; }
        td.lines { max-width: 1px; overflow: hidden; }

        td.linenumbers pre, td.lines pre {
          line-height: 1.25em;
        }

        pre { overflow-x: scroll; overflow-y: hidden; }
        code { font-size: unset; }
      </style>

    <script defer phx-track-static type="text/javascript" src="/assets/app-7bb68f31e771b77e6d1026a2eca15d48.js?vsn=d">
    </script>
  </head>
  <body class="bg-white">
    <header>
      <div style="display: inline-block;">
        <h1><a href="/">Web Dev Solutions</a></h1>
        <h3 style="text-align: left">Catalin Mititiuc</h3>
      </div>
    </header>

    <main>
<article>
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="-60.619998931884766 -115 147.22000122070312 245">
  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/radial.css" type="text/css" />
  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />

  <defs>
    <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>

    <line id="ast-line" x1="-1.2" y1="0" x2="1.2" y2="0"/>

    <pattern id="asterisk" viewBox="-8.66 -15 17.32 30" width="17.32" height="30" patternUnits="userSpaceOnUse">
      <use href="#ast-line"/>
      <use href="#ast-line" transform="rotate(60)"/>
      <use href="#ast-line" transform="rotate(-60)"/>

      <use x="-8.66" y="-15" href="#ast-line"/>
      <use x="-8.66" y="-15" transform="rotate(60 -8.66 -15)" href="#ast-line"/>

      <use x="8.66" y="-15" href="#ast-line"/>
      <use x="8.66" y="-15" transform="rotate(-60 8.66 -15)" href="#ast-line"/>

      <use x="-8.66" y="15" href="#ast-line"/>
      <use x="-8.66" y="15" transform="rotate(-60 -8.66 15)" href="#ast-line"/>

      <use x="8.66" y="15" href="#ast-line"/>
      <use x="8.66" y="15" transform="rotate(60 8.66 15)" href="#ast-line"/>
    </pattern>

    <image id="counter-prone" href="counter_prone.jpg" width="10"/>
    <image id="counter-grenade" href="counter_grenade.jpg" width="10"/>

    <g id="building1" class="building">
      <g class="footprint">
        <g data-q="0" data-r="0" data-s="0" data-left="1" data-top="3" data-right="2" data-bottom="4" data-offset="left"/>
        <g data-q="0" data-r="0" data-s="0" data-left="1" data-top="3" data-right="4" data-bottom="4" data-offset="left"/>
      </g>

      <g class="structure">
        <path id="building1-floor" class="floor" d="M -30.309999,-52.5 H 38.97 l 0,119.999999 H -30.31 Z"/>
        <path id="building1-outer-wall" class="outer-wall" d="M 38.969998,-7.500001 21.65,-7.5 V 7.4999997 L 12.989997,7.5 m 0,30 25.980001,0 M 12.989997,67.5 v -60 l -17.319997,0 0,-30.0000007 M -4.330003,67.5 v -45 H -30.31 m 0,-74.999999 L 38.97,-52.5 38.969999,67.499999 -30.31,67.5 Z"/>
        <path id="building1-inner-wall" class="inner-wall" d="M 38.969998,-7.500001 21.65,-7.5 V 7.4999997 L 12.989997,7.5 m 0,30 25.980001,0 M 12.989997,67.5 v -60 l -17.319997,0 0,-30.0000007 M -4.330003,67.5 v -45 H -30.31 m 0,-74.999999 L 38.97,-52.5 38.969999,67.499999 -30.31,67.5 Z"/>
        <path id="building1-door-edges" class="door-edges" d="m 12.99,52.5 0,-15 M -4.33,45.000003 v -15 M 12.990002,30 l 0,-15"/>
        <path id="building1-doors" class="doors" d="m 12.99,48.169997 0,-6.34 M -4.33,40.67 v -6.34 m 17.320002,-8.66 0,-6.34"/>
        <path id="building1-exit-edges" class="exits door-edges" d="M 0,-52.5 H 17.32 M -30.31,8.66 V -8.66"/>
        <path id="building1-exits" class="doors exits" d="M 4.3300002,-52.5 H 12.99 m -43.3,56.8300023 v -8.660003"/>
        <path id="building1-windows" class="windows" d="m 32.501739,67.499994 -13.043478,0 m -49.768256,-8.478265 0,-13.043478 m 0,-69.456522 0,-13.043479"/>
      </g>
    </g>

    <polygon id="desk" points="-1.5,-7 4.5,-7 4.5,7 -1.5,7 -2.5,6 -2.5,3 -4.5,3 -4.5,-3 -2.5,-3 -2.5,-6"/>
    <rect id="couch" x="-4.25" y="-8" width="8.5" height="16"/>
    <rect id="bed" x="-5" y="-9" width="10" height="18"/>
    <rect id="cabinet" x="-2.5" y="-4.75" width="5" height="9.5"/>

    <g id="mapsheet" class="mapsheet">
      <g class="building1" data-q="1" data-r="-2" data-s="1">
      </g>
    </g>

    <circle id="counter-base" style="r: inherit;" cx="0" cy="0"/>

    <g style="r: inherit;" id="number-1">
      <use style="r: inherit;" href="#counter-base"/>
      <text style="fill: var(--text-fill); transform: translateY(var(--translateY))">1</text>
    </g>

    <g id="auto">
      <line x1="-2" y1="0" x2="2" y2="0"/>
      <line x1="-2" y1="1" x2="2" y2="1"/>
      <line x1="-2" y1="2" x2="2" y2="2"/>
    </g>

    <g id="blazer" style="r: inherit;" class="weapon-symbol">
      <use style="r: inherit;" href="#counter-base"/>
      <g style="stroke: white; stroke-width: 0.5px; fill: none;">
        <use href="#auto"/>
        <polyline points="0,-5 0,-3 -3,-2.5 3,-1.5 0,-1 0,2.5 -3,3, 3,4 0,4.5 0,5"/>
        <polyline points="-2,-3.5 0,-5 2,-3.5"/>
      </g>
    </g>
  </defs>

  <g class="gameboard" data-view-elevation="0" style="transform: matrix(0.703125, 0, 0, 0.703125, 1.70767, 5.86088);">
    <rect id="background" style="transform: matrix(1, 0, 0, 1, 0, 0);" x="-60.619998931884766" y="-115" width="147.22000122070312" height="245"/>
    <g class="buildings">
      <g class="mapsheet">
        <g class="building building1" transform="translate(0, -30)">
          <use href="#building1-floor" class="floor elevation-0 elevation-1"/>
          <use href="#building1-outer-wall" class="outer-wall elevation-0"/>
          <use href="#building1-inner-wall" class="inner-wall elevation-0"/>
          <use href="#building1-door-edges" class="door-edges elevation-0"/>
          <use href="#building1-doors" class="doors elevation-0"/>
          <use href="#building1-exit-edges" class="exits door-edges elevation-0"/>
          <use href="#building1-exits" class="doors exits elevation-0"/>
          <use href="#building1-windows" class="windows elevation-0"/>

          <g class="furniture elevation-0">
            <use href="#couch" transform="rotate(90,10.34,-27.66)"/>
            <use href="#bed" transform="translate(-17.32,45)"/>
            <use href="#bed" transform="translate(25.98,56)"/>
            <use href="#cabinet" transform="rotate(90,29.575,-7.925)"/>
            <use href="#cabinet" transform="rotate(90,24.24,1.74)"/>
            <use href="#cabinet" transform="translate(10.98,-5.25)"/>
            <use href="#cabinet" transform="rotate(90,-8.245,-2.7450001)"/>
            <use href="#cabinet" transform="rotate(90,11.865878,19.740878)"/>
            <use href="#cabinet" transform="translate(32.81,22.5)"/>
            <use href="#cabinet" transform="rotate(90,-43.385,20.115)"/>
          </g>
          <text class="elevation" x="34" y="56">1</text>
        </g>
      </g>
    </g>

    <rect id="dots" fill="url(#asterisk)" x="-60.619998931884766" y="-115" width="147.22000122070312" height="245"/>

    <g id="firing-arcs">
      <g id="shapes"/>
      <g id="lines"/>
    </g>

    <g class="grid">
      <g class="mapsheets" data-width="8" data-height="8">
        <g>
          <use class="mapsheet" href="#mapsheet"/>
        </g>
      </g>
      <g class="mapsheet">
        <g class="building building1">
          <g class="elevation-0">
            <g data-q="1" data-r="-2" data-s="1" data-t="0" transform="translate(0, -30)"><use href="#hex"/></g>
            <g data-q="2" data-r="-2" data-s="0" data-t="0" transform="translate(-17.32, -30)"><use href="#hex"/></g>
            <g data-q="0" data-r="-2" data-s="2" data-t="0" transform="translate(17.32, -30)"><use href="#hex"/></g>
            <g data-q="2" data-r="-3" data-s="1" data-t="0" transform="translate(-8.66, -45)"><use href="#hex"/></g>
            <g data-q="0" data-r="-1" data-s="1" data-t="0" transform="translate(8.66, -15)"><use href="#hex"/></g>
            <g data-q="1" data-r="-1" data-s="0" data-t="0" transform="translate(-8.66, -15)"><use href="#hex"/></g>
            <g data-q="1" data-r="-3" data-s="2" data-t="0" transform="translate(8.66, -45)"><use href="#hex"/></g>
            <g data-q="3" data-r="-3" data-s="0" data-t="0" transform="translate(-25.98, -45)"><use href="#hex"/></g>
            <g data-q="2" data-r="-1" data-s="-1" data-t="0" transform="translate(-25.98, -15)"><use href="#hex"/></g>
            <g data-q="-1" data-r="-2" data-s="3" data-t="0" transform="translate(34.64, -30)"><use href="#hex"/></g>
            <g data-q="-1" data-r="-1" data-s="2" data-t="0" transform="translate(25.98, -15)"><use href="#hex"/></g>
            <g data-q="0" data-r="-3" data-s="3" data-t="0" transform="translate(25.98, -45)"><use href="#hex"/></g>
            <g data-q="3" data-r="-4" data-s="1" data-t="0" transform="translate(-17.32, -60)"><use href="#hex"/></g>
            <g data-q="2" data-r="-4" data-s="2" data-t="0" transform="translate(0, -60)"><use href="#hex"/></g>
            <g data-q="-1" data-r="0" data-s="1" data-t="0" transform="translate(17.32, 0)"><use href="#hex"/></g>
            <g data-q="0" data-r="0" data-s="0" data-t="0" transform="translate(0, 0)"><use href="#hex"/></g>
            <g data-q="1" data-r="0" data-s="-1" data-t="0" transform="translate(-17.32, 0)"><use href="#hex"/></g>
            <g data-q="1" data-r="-4" data-s="3" data-t="0" transform="translate(17.32, -60)"><use href="#hex"/></g>
            <g data-q="-2" data-r="0" data-s="2" data-t="0" transform="translate(34.64, 0)"><use href="#hex"/></g>
            <g data-q="0" data-r="-4" data-s="4" data-t="0" transform="translate(34.64, -60)"><use href="#hex"/></g>
            <g data-q="4" data-r="-5" data-s="1" data-t="0" transform="translate(-25.98, -75)"><use href="#hex"/></g>
            <g data-q="3" data-r="-5" data-s="2" data-t="0" transform="translate(-8.66, -75)"><use href="#hex"/></g>
            <g data-q="2" data-r="-5" data-s="3" data-t="0" transform="translate(8.66, -75)"><use href="#hex"/></g>
            <g data-q="-2" data-r="1" data-s="1" data-t="0" transform="translate(25.98, 15)"><use href="#hex"/></g>
            <g data-q="-1" data-r="1" data-s="0" data-t="0" transform="translate(8.66, 15)"><use href="#hex"/></g>
            <g data-q="0" data-r="1" data-s="-1" data-t="0" transform="translate(-8.66, 15)"><use href="#hex"/></g>
            <g data-q="1" data-r="1" data-s="-2" data-t="0" transform="translate(-25.98, 15)"><use href="#hex"/></g>
            <g data-q="1" data-r="-5" data-s="4" data-t="0" transform="translate(25.98, -75)"><use href="#hex"/></g>
            <g data-q="-3" data-r="2" data-s="1" data-t="0" transform="translate(34.64, 30)"><use href="#hex"/></g>
            <g data-q="-2" data-r="2" data-s="0" data-t="0" transform="translate(17.32, 30)"><use href="#hex"/></g>
            <g data-q="-1" data-r="2" data-s="-1" data-t="0" transform="translate(0, 30)"><use href="#hex"/></g>
            <g data-q="0" data-r="2" data-s="-2" data-t="0" transform="translate(-17.32, 30)"><use href="#hex"/></g>
          </g>
          <g class="elevation-1">
            <g data-q="1" data-r="-2" data-s="1" data-t="1" transform="translate(0, -30)"><use href="#hex"/></g>
            <g data-q="2" data-r="-2" data-s="0" data-t="1" transform="translate(-17.32, -30)"><use href="#hex"/></g>
            <g data-q="0" data-r="-2" data-s="2" data-t="1" transform="translate(17.32, -30)"><use href="#hex"/></g>
            <g data-q="2" data-r="-3" data-s="1" data-t="1" transform="translate(-8.66, -45)"><use href="#hex"/></g>
            <g data-q="0" data-r="-1" data-s="1" data-t="1" transform="translate(8.66, -15)"><use href="#hex"/></g>
            <g data-q="1" data-r="-1" data-s="0" data-t="1" transform="translate(-8.66, -15)"><use href="#hex"/></g>
            <g data-q="1" data-r="-3" data-s="2" data-t="1" transform="translate(8.66, -45)"><use href="#hex"/></g>
            <g data-q="3" data-r="-3" data-s="0" data-t="1" transform="translate(-25.98, -45)"><use href="#hex"/></g>
            <g data-q="2" data-r="-1" data-s="-1" data-t="1" transform="translate(-25.98, -15)"><use href="#hex"/></g>
            <g data-q="-1" data-r="-2" data-s="3" data-t="1" transform="translate(34.64, -30)"><use href="#hex"/></g>
            <g data-q="-1" data-r="-1" data-s="2" data-t="1" transform="translate(25.98, -15)"><use href="#hex"/></g>
            <g data-q="0" data-r="-3" data-s="3" data-t="1" transform="translate(25.98, -45)"><use href="#hex"/></g>
            <g data-q="3" data-r="-4" data-s="1" data-t="1" transform="translate(-17.32, -60)"><use href="#hex"/></g>
            <g data-q="2" data-r="-4" data-s="2" data-t="1" transform="translate(0, -60)"><use href="#hex"/></g>
            <g data-q="-1" data-r="0" data-s="1" data-t="1" transform="translate(17.32, 0)"><use href="#hex"/></g>
            <g data-q="0" data-r="0" data-s="0" data-t="1" transform="translate(0, 0)"><use href="#hex"/></g>
            <g data-q="1" data-r="0" data-s="-1" data-t="1" transform="translate(-17.32, 0)"><use href="#hex"/></g>
            <g data-q="1" data-r="-4" data-s="3" data-t="1" transform="translate(17.32, -60)"><use href="#hex"/></g>
            <g data-q="-2" data-r="0" data-s="2" data-t="1" transform="translate(34.64, 0)"><use href="#hex"/></g>
            <g data-q="0" data-r="-4" data-s="4" data-t="1" transform="translate(34.64, -60)"><use href="#hex"/></g>
            <g data-q="4" data-r="-5" data-s="1" data-t="1" transform="translate(-25.98, -75)"><use href="#hex"/></g>
            <g data-q="3" data-r="-5" data-s="2" data-t="1" transform="translate(-8.66, -75)"><use href="#hex"/></g>
            <g data-q="2" data-r="-5" data-s="3" data-t="1" transform="translate(8.66, -75)"><use href="#hex"/></g>
            <g data-q="-2" data-r="1" data-s="1" data-t="1" transform="translate(25.98, 15)"><use href="#hex"/></g>
            <g data-q="-1" data-r="1" data-s="0" data-t="1" transform="translate(8.66, 15)"><use href="#hex"/></g>
            <g data-q="0" data-r="1" data-s="-1" data-t="1" transform="translate(-8.66, 15)"><use href="#hex"/></g>
            <g data-q="1" data-r="1" data-s="-2" data-t="1" transform="translate(-25.98, 15)"><use href="#hex"/></g>
            <g data-q="1" data-r="-5" data-s="4" data-t="1" transform="translate(25.98, -75)"><use href="#hex"/></g>
            <g data-q="-3" data-r="2" data-s="1" data-t="1" transform="translate(34.64, 30)"><use href="#hex"/></g>
            <g data-q="-2" data-r="2" data-s="0" data-t="1" transform="translate(17.32, 30)"><use href="#hex"/></g>
            <g data-q="-1" data-r="2" data-s="-1" data-t="1" transform="translate(0, 30)"><use href="#hex"/></g>
            <g data-q="0" data-r="2" data-s="-2" data-t="1" transform="translate(-17.32, 30)"><use href="#hex"/></g>
          </g>
        </g>
        <g class="elevation-0">
          <g data-q="2" data-r="0" data-s="-2" data-t="0" transform="translate(-34.64, 0)"><use href="#hex"/></g>
          <g data-q="3" data-r="0" data-s="-3" data-t="0" transform="translate(-51.96, 0)"><use href="#hex"/></g>
          <g data-q="3" data-r="-1" data-s="-2" data-t="0" transform="translate(-43.3, -15)"><use href="#hex"/></g>
          <g data-q="2" data-r="1" data-s="-3" data-t="0" transform="translate(-43.3, 15)"><use href="#hex"/></g>
          <g data-q="3" data-r="-2" data-s="-1" data-t="0" transform="translate(-34.64, -30)"><use href="#hex"/></g>
          <g data-q="1" data-r="2" data-s="-3" data-t="0" transform="translate(-34.64, 30)"><use href="#hex"/></g>
          <g data-q="-3" data-r="0" data-s="3" data-t="0" transform="translate(51.96, 0)"><use href="#hex"/></g>
          <g data-q="-3" data-r="1" data-s="2" data-t="0" transform="translate(43.3, 15)"><use href="#hex"/></g>
          <g data-q="-2" data-r="-1" data-s="3" data-t="0" transform="translate(43.3, -15)"><use href="#hex"/></g>
          <g data-q="-3" data-r="3" data-s="0" data-t="0" transform="translate(25.98, 45)"><use href="#hex"/></g>
          <g data-q="-2" data-r="3" data-s="-1" data-t="0" transform="translate(8.66, 45)"><use href="#hex"/></g>
          <g data-q="-1" data-r="3" data-s="-2" data-t="0" transform="translate(-8.66, 45)"><use href="#hex"/></g>
          <g data-q="0" data-r="3" data-s="-3" data-t="0" transform="translate(-25.98, 45)"><use href="#hex"/></g>
          <g data-q="4" data-r="-2" data-s="-2" data-t="0" transform="translate(-51.96, -30)"><use href="#hex"/></g>
          <g data-q="2" data-r="2" data-s="-4" data-t="0" transform="translate(-51.96, 30)"><use href="#hex"/></g>
          <g data-q="4" data-r="-3" data-s="-1" data-t="0" transform="translate(-43.3, -45)"><use href="#hex"/></g>
          <g data-q="1" data-r="3" data-s="-4" data-t="0" transform="translate(-43.3, 45)"><use href="#hex"/></g>
          <g data-q="-4" data-r="0" data-s="4" data-t="0" transform="translate(69.28, 0)"><use href="#hex"/></g>
          <g data-q="-4" data-r="1" data-s="3" data-t="0" transform="translate(60.620000000000005, 15)"><use href="#hex"/></g>
          <g data-q="-3" data-r="-1" data-s="4" data-t="0" transform="translate(60.620000000000005, -15)"><use href="#hex"/></g>
          <g data-q="-4" data-r="2" data-s="2" data-t="0" transform="translate(51.96, 30)"><use href="#hex"/></g>
          <g data-q="-2" data-r="-2" data-s="4" data-t="0" transform="translate(51.96, -30)"><use href="#hex"/></g>
          <g data-q="-4" data-r="3" data-s="1" data-t="0" transform="translate(43.3, 45)"><use href="#hex"/></g>
          <g data-q="-1" data-r="-3" data-s="4" data-t="0" transform="translate(43.3, -45)"><use href="#hex"/></g>
          <g data-q="4" data-r="-4" data-s="0" data-t="0" transform="translate(-34.64, -60)"><use href="#hex"/></g>
          <g data-q="-4" data-r="4" data-s="0" data-t="0" transform="translate(34.64, 60)"><use href="#hex"/></g>
          <g data-q="-3" data-r="4" data-s="-1" data-t="0" transform="translate(17.32, 60)"><use href="#hex"/></g>
          <g data-q="-2" data-r="4" data-s="-2" data-t="0" transform="translate(0, 60)"><use href="#hex"/></g>
          <g data-q="-1" data-r="4" data-s="-3" data-t="0" transform="translate(-17.32, 60)"><use href="#hex"/></g>
          <g data-q="0" data-r="4" data-s="-4" data-t="0" transform="translate(-34.64, 60)"><use href="#hex"/></g>
          <g data-q="5" data-r="-4" data-s="-1" data-t="0" transform="translate(-51.96, -60)"><use href="#hex"/></g>
          <g data-q="1" data-r="4" data-s="-5" data-t="0" transform="translate(-51.96, 60)"><use href="#hex"/></g>
          <g data-q="-5" data-r="1" data-s="4" data-t="0" transform="translate(77.94, 15)"><use href="#hex"/></g>
          <g data-q="-4" data-r="-1" data-s="5" data-t="0" transform="translate(77.94, -15)"><use href="#hex"/></g>
          <g data-q="-5" data-r="2" data-s="3" data-t="0" transform="translate(69.28, 30)"><use href="#hex"/></g>
          <g data-q="-3" data-r="-2" data-s="5" data-t="0" transform="translate(69.28, -30)"><use href="#hex"/></g>
          <g data-q="-5" data-r="3" data-s="2" data-t="0" transform="translate(60.620000000000005, 45)"><use href="#hex"/></g>
          <g data-q="-2" data-r="-3" data-s="5" data-t="0" transform="translate(60.620000000000005, -45)"><use href="#hex"/></g>
          <g data-q="-5" data-r="4" data-s="1" data-t="0" transform="translate(51.96, 60)"><use href="#hex"/></g>
          <g data-q="-1" data-r="-4" data-s="5" data-t="0" transform="translate(51.96, -60)"><use href="#hex"/></g>
          <g data-q="5" data-r="-5" data-s="0" data-t="0" transform="translate(-43.3, -75)"><use href="#hex"/></g>
          <g data-q="-5" data-r="5" data-s="0" data-t="0" transform="translate(43.3, 75)"><use href="#hex"/></g>
          <g data-q="-4" data-r="5" data-s="-1" data-t="0" transform="translate(25.98, 75)"><use href="#hex"/></g>
          <g data-q="-3" data-r="5" data-s="-2" data-t="0" transform="translate(8.66, 75)"><use href="#hex"/></g>
          <g data-q="-2" data-r="5" data-s="-3" data-t="0" transform="translate(-8.66, 75)"><use href="#hex"/></g>
          <g data-q="-1" data-r="5" data-s="-4" data-t="0" transform="translate(-25.98, 75)"><use href="#hex"/></g>
          <g data-q="0" data-r="5" data-s="-5" data-t="0" transform="translate(-43.3, 75)"><use href="#hex"/></g>
          <g data-q="0" data-r="-5" data-s="5" data-t="0" transform="translate(43.3, -75)"><use href="#hex"/></g>
          <g data-q="-6" data-r="3" data-s="3" data-t="0" transform="translate(77.94, 45)"><use href="#hex"/></g>
          <g data-q="-3" data-r="-3" data-s="6" data-t="0" transform="translate(77.94, -45)"><use href="#hex"/></g>
          <g data-q="-6" data-r="4" data-s="2" data-t="0" transform="translate(69.28, 60)"><use href="#hex"/></g>
          <g data-q="-2" data-r="-4" data-s="6" data-t="0" transform="translate(69.28, -60)"><use href="#hex"/></g>
          <g data-q="-6" data-r="5" data-s="1" data-t="0" transform="translate(60.620000000000005, 75)"><use href="#hex"/></g>
          <g data-q="-1" data-r="-5" data-s="6" data-t="0" transform="translate(60.620000000000005, -75)"><use href="#hex"/></g>
          <g data-q="6" data-r="-6" data-s="0" data-t="0" transform="translate(-51.96, -90)"><use href="#hex"/></g>
          <g data-q="5" data-r="-6" data-s="1" data-t="0" transform="translate(-34.64, -90)"><use href="#hex"/></g>
          <g data-q="4" data-r="-6" data-s="2" data-t="0" transform="translate(-17.32, -90)"><use href="#hex"/></g>
          <g data-q="3" data-r="-6" data-s="3" data-t="0" transform="translate(0, -90)"><use href="#hex"/></g>
          <g data-q="2" data-r="-6" data-s="4" data-t="0" transform="translate(17.32, -90)"><use href="#hex"/></g>
          <g data-q="1" data-r="-6" data-s="5" data-t="0" transform="translate(34.64, -90)"><use href="#hex"/></g>
          <g data-q="-6" data-r="6" data-s="0" data-t="0" transform="translate(51.96, 90)"><use href="#hex"/></g>
          <g data-q="-5" data-r="6" data-s="-1" data-t="0" transform="translate(34.64, 90)"><use href="#hex"/></g>
          <g data-q="-4" data-r="6" data-s="-2" data-t="0" transform="translate(17.32, 90)"><use href="#hex"/></g>
          <g data-q="-3" data-r="6" data-s="-3" data-t="0" transform="translate(0, 90)"><use href="#hex"/></g>
          <g data-q="-2" data-r="6" data-s="-4" data-t="0" transform="translate(-17.32, 90)"><use href="#hex"/></g>
          <g data-q="-1" data-r="6" data-s="-5" data-t="0" transform="translate(-34.64, 90)"><use href="#hex"/></g>
          <g data-q="0" data-r="6" data-s="-6" data-t="0" transform="translate(-51.96, 90)"><use href="#hex"/></g>
          <g data-q="0" data-r="-6" data-s="6" data-t="0" transform="translate(51.96, -90)"><use href="#hex"/></g>
          <g data-q="-7" data-r="5" data-s="2" data-t="0" transform="translate(77.94, 75)"><use href="#hex"/></g>
          <g data-q="-2" data-r="-5" data-s="7" data-t="0" transform="translate(77.94, -75)"><use href="#hex"/></g>
          <g data-q="-7" data-r="6" data-s="1" data-t="0" transform="translate(69.28, 90)"><use href="#hex"/></g>
          <g data-q="-1" data-r="-6" data-s="7" data-t="0" transform="translate(69.28, -90)"><use href="#hex"/></g>
          <g data-q="6" data-r="-7" data-s="1" data-t="0" transform="translate(-43.3, -105)"><use href="#hex"/></g>
          <g data-q="5" data-r="-7" data-s="2" data-t="0" transform="translate(-25.98, -105)"><use href="#hex"/></g>
          <g data-q="4" data-r="-7" data-s="3" data-t="0" transform="translate(-8.66, -105)"><use href="#hex"/></g>
          <g data-q="3" data-r="-7" data-s="4" data-t="0" transform="translate(8.66, -105)"><use href="#hex"/></g>
          <g data-q="2" data-r="-7" data-s="5" data-t="0" transform="translate(25.98, -105)"><use href="#hex"/></g>
          <g data-q="1" data-r="-7" data-s="6" data-t="0" transform="translate(43.3, -105)"><use href="#hex"/></g>
          <g data-q="-7" data-r="7" data-s="0" data-t="0" transform="translate(60.620000000000005, 105)"><use href="#hex"/></g>
          <g data-q="-6" data-r="7" data-s="-1" data-t="0" transform="translate(43.3, 105)"><use href="#hex"/></g>
          <g data-q="-5" data-r="7" data-s="-2" data-t="0" transform="translate(25.98, 105)"><use href="#hex"/></g>
          <g data-q="-4" data-r="7" data-s="-3" data-t="0" transform="translate(8.66, 105)"><use href="#hex"/></g>
          <g data-q="-3" data-r="7" data-s="-4" data-t="0" transform="translate(-8.66, 105)"><use href="#hex"/></g>
          <g data-q="-2" data-r="7" data-s="-5" data-t="0" transform="translate(-25.98, 105)"><use href="#hex"/></g>
          <g data-q="-1" data-r="7" data-s="-6" data-t="0" transform="translate(-43.3, 105)"><use href="#hex"/></g>
          <g data-q="0" data-r="-7" data-s="7" data-t="0" transform="translate(60.620000000000005, -105)"><use href="#hex"/></g>
          <g data-q="-8" data-r="7" data-s="1" data-t="0" transform="translate(77.94, 105)"><use href="#hex"/></g>
          <g data-q="-1" data-r="-7" data-s="8" data-t="0" transform="translate(77.94, -105)"><use href="#hex"/></g>
          <g data-q="-8" data-r="8" data-s="0" data-t="0" transform="translate(69.28, 120)"><use href="#hex"/></g>
          <g data-q="-7" data-r="8" data-s="-1" data-t="0" transform="translate(51.96, 120)"><use href="#hex"/></g>
          <g data-q="-6" data-r="8" data-s="-2" data-t="0" transform="translate(34.64, 120)"><use href="#hex"/></g>
          <g data-q="-5" data-r="8" data-s="-3" data-t="0" transform="translate(17.32, 120)"><use href="#hex"/></g>
          <g data-q="-4" data-r="8" data-s="-4" data-t="0" transform="translate(0, 120)"><use href="#hex"/></g>
          <g data-q="-3" data-r="8" data-s="-5" data-t="0" transform="translate(-17.32, 120)"><use href="#hex"/></g>
          <g data-q="-2" data-r="8" data-s="-6" data-t="0" transform="translate(-34.64, 120)"><use href="#hex"/></g>
          <g data-q="-1" data-r="8" data-s="-7" data-t="0" transform="translate(-51.96, 120)"><use href="#hex"/></g>
        </g>
      </g>
    </g>
  </g>

  <script href="../../radial.js"/>
  <script href="../../map.js"/>
</svg>

</article>
    </main>

    <footer>
      <p>100% Human Made, No AI Used</p>
      <p>stasis 0.2.12</p>
    </footer>
  </body>
</html>