<view>
  <button id="back" width="150" height="26" align-top="start" align-left="start" margin="5">ZUR�CK</button>
  <text id="title" width="75%" height="100" font-size="24" text-align="center">TOWN</text>
  <text id="heroesTitle" align-left="start" align-top="title" margin="5" width="25%" height="26">YOUR HEROES</text>
  <table id="heroes" align-left="start" align-top="heroesTitle" margin="5" width="25%" height="35%">
    <tr>
      <text width="100%">NAME</text>
    </tr>
  </table>
  <text id="ownDungeonsTitle" align-left="start" align-top="heroes" margin="5" width="25%" height="26">YOUR OWN DUNGEONS</text>
  <table id="ownDungeons" align-left="start" align-top="ownDungeonsTitle" margin="5" width="25%" height="35%">
    <tr>
      <text width="100%">NAME</text>
    </tr>
  </table>
  <button id="createDungeon" align-left="start" align-top="ownDungeons" width="250" height="30" margin="5">DUNGEON ERSTELLEN</button>
  <text id="money" align-left="heroes" align-bottom="inventoryTitle" margin="5" width="25%" height="26"></text>
  <text id="inventoryTitle" align-left="heroes" align-top="title" margin="5" width="25%" height="26">YOUR INVENTORY</text>
  <table id="inventory" align-left="heroes" align-top="inventoryTitle" margin="5" width="25%" height="80%">
    <tr>
      <text width="100%">NAME</text>
    </tr>
  </table>
  <button id="openTavern" align-right="inventoryTitle" align-bottom="heroes" width="150" height="30" margin="5">TAVERNE</button>
  <text id="dungeonsTitle" align-left="inventory" align-top="title" margin="5" width="25%" height="26">ALL DUNGEONS</text>
  <button id="openShop" align-right="dungeonsTitle" align-bottom="heroes" width="100" height="30" margin="5">SHOP</button>
  <table id="dungeons" align-left="inventory" align-top="dungeonsTitle" margin="5" width="25%" height="80%">
    <tr>
      <text width="50%">NAME</text>
      <text width="50%">OWNER</text>
    </tr>
  </table>
</view>