areas and capture and more

1 files changed, 32 insertions, 7 deletions

diff --git a/index.html b/index.html
index 73e5f93..e9c7154 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,9 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>TuxemonClicker</title>
+    <link rel="icon" href="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/tuxemon.png">
+
     <link rel="stylesheet" href="/resources/css/variables.css" />
     <link rel="stylesheet" href="/resources/css/page.css" />
     <link rel="stylesheet" href="/resources/css/battle.css" />
@@ -25,18 +28,20 @@
         <div id="techniques"></div>
       </div>
 
-      <div id="scene__town" class="hidden"></div>
+      <div id="scene__town" class="hidden">
+        <div data-template-slot="map"></div>
+      </div>
 
       <div id="log"></div>
 
       <div id="status">
         <div class="status__area">
-          <span><img data-template-slot="showMap" src="/modules/tuxemon/mods/tuxemon/gfx/items/app_map.png" /> <span data-template-slot="area" title="Area"></span></span>
+          <span title="Area"><img data-template-slot="showMap" src="/modules/tuxemon/mods/tuxemon/gfx/items/app_map.png" /> <span data-template-slot="area"></span></span>
         </div>
         <div class="status__numbers">
-          <span><i title="Money">&curren;</i> <span data-template-slot="money"></span></span>
-          <span><img src="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/tuxemon.png" title="Monster Progress" /> <span data-template-slot="monsterProgress"></span></span>
-          <span><img src="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/player.png" title="Trainer Progress" style="filter: invert(1);" /> <span data-template-slot="trainerProgress"></span></span>
+          <span title="Money">&curren; <span data-template-slot="money"></span></span>
+          <span title="Monster Progress"><img src="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/tuxemon.png" /> <span data-template-slot="monsterProgress"></span></span>
+          <span title="Trainer Progress"><img src="/modules/tuxemon/mods/tuxemon/gfx/ui/menu/player.png" style="filter: invert(1);" /> <span data-template-slot="trainerProgress"></span></span>
         </div>
         <div class="status__actions">
           <button data-template-slot="nextTrainer" class="menu-button">&rArr; Next Trainer</button>
@@ -168,6 +173,25 @@
       </div>
     </template>
 
+    <template id="tpl___healing-center">
+      <div class="healing-center">
+        <div>Price for Full Heal per Tuxemon: <span data-template-slot="price"></span></div>
+        <button data-template-slot="heal" class="menu-button">Select to Heal</button>
+      </div>
+    </template>
+
+    <template id="tpl___shop">
+      <div class="shop"></div>
+    </template>
+
+    <template id="tpl___shop__item">
+      <div class="shop__item">
+        <img data-template-slot="sprite" src="" />
+        <span data-template-slot="name"></span>
+        <span data-template-slot="price"></span>
+      </div>
+    </template>
+
     <template id="tpl___party">
       <div class="party">
         <div data-template-slot="monsters" class="party__monsters"></div>
@@ -188,6 +212,7 @@
           Lv. <span data-template-slot="level"></span>
         </div>
         <div>
+          <span data-template-slot="statusEffect"></span>
           HP <span data-template-slot="hpText"></span>
         </div>
       </div>
@@ -309,13 +334,13 @@
           <select data-template-slot="language"></select>
         </label>
 
-        <br><br>
-
         <label>
           Currency
           <select data-template-slot="currency"></select>
           <div>Last Updated: <span data-template-slot="currency.lastUpdated"></span></div>
         </label>
+
+        <button data-template-slot="highlight" class="menu-button">Highlight Interactive Elements</button>
       </div>
     </template>