var htmljs_examples =`
<table id="affinities-info">
  <style>
    table#affinities-info tr td {
      /* height: 10px; */
      padding: 6px;
    }
  </style>
  <tr>
    <td class="Асгард">Асгард</td>
    <td colspan="2"></td>
    <td class="Ванахейм">Ванахейм</td>
  </tr>
  <tr>
    <td></td>
    <td class="поле">поле</td>
    <td class="лес">лес</td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td class="льды">льды</td>
    <td class="пустошь">пустошь</td>
    <td></td>
  </tr>
  <tr>
    <td class="Нифльхейм">Нифльхейм</td>
    <td colspan="2"></td>
    <td class="Хельхейм">Хельхейм</td>
  </tr>
</table>
<br>

<div id="planet-info">
  <h5>ПЛАНЕТА-ПРИМЕР</h5>
  <table class="planet">
    <tr class="affinities" colspan=4>
      <td class="цвет-боги    ">Кол-во аспекта асов</td>
      <td class="цвет-природа ">-//- природы</td>
      <td class="цвет-лёд     ">-//- льда</td>
      <td class="цвет-смерть  ">-//- смерти</td>
    </tr>
    <tr class=readonly>
      <td colspan=2>
        <table class="cell">
          (тайл воздуха)
          <td>возд. здание</td>
          <td>возд. юнит</td>
        </table>
      </td>
      <td colspan=2>
        <table class="cell">
          (тайл воздуха)
          <td>возд. здание</td>
          <td>возд. юнит</td>
        </table>
      </td>
    </tr>
    <tr class=readonly>
      <td colspan=2>
        <table class="cell">
          (тайл земли)
          <td>наз. здание</td>
          <td>наз. юнит</td>
        </table>
      </td>
      <td colspan=2>
        <table class="cell">
          (тайл земли)
          <td>наз. здание</td>
          <td>наз. юнит</td>
        </table>
      </td>
    </tr>
    <tr class="belongs"><td class="name" colspan=4></td></tr>
    <tr class="resources" colspan=4>
      <td class="цвет-еда"  >Произв. еды</td>
      <td class="цвет-руда" >Произв. руды</td>
      <td class="цвет-души" >Кол-во душ</td>
      <td class="цвет-боги" >Сила пантеона</td>
    </tr>
  </table>
</div>`