From 43a28ad77190f2e55e2e6ba65a9a7b5b1f5dea6c Mon Sep 17 00:00:00 2001
From: Daniel Weipert <code@drogueronin.de>
Date: Sun, 20 Aug 2023 20:48:29 +0200
Subject: area progression, item usage

---
 index.html | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index ae14db0..4ae9189 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,8 @@
     <div class="wrap">
       <div id="battle">
         <div id="battle__opponent">
-          <img class="battle__monster-sprite__animation" src="" draggable="false" />
+          <img class="battle__technique-animation" src="" draggable="false" />
+          <img class="battle__opponent__trainer-sprite" src="" draggable="false" />
         </div>
 
         <div id="battle__player"></div>
@@ -25,10 +26,10 @@
       <div id="status">
         <div>
           Money: <span data-template-slot="money"></span>
-          Monster Progress: <span data-template-slot="monster-progress"></span>
-          Trainer Progress: <span data-template-slot="trainer-progress"></span>
-          <button data-template-slot="next-trainer">&rArr; Next Trainer</button>
-          <button data-template-slot="next-area">&rArr; Next Area</button>
+          Monster Progress: <span data-template-slot="monsterProgress"></span>
+          Trainer Progress: <span data-template-slot="trainerProgress"></span>
+          <button data-template-slot="nextTrainer">&rArr; Next Trainer</button>
+          <button data-template-slot="nextArea">&rArr; Next Area</button>
         </div>
       </div>
 
@@ -226,7 +227,13 @@
     </template>
 
     <template id="tpl___inventory">
-      <div class="inventory"></div>
+      <div class="inventory">
+        <div data-template-slot="items"></div>
+        <div data-template-slot="modes" class="inventory__selection-modes">
+          <button data-template-slot="modeUse" data-selection-mode="use" class="menu-button">Use</button>
+          <button data-template-slot="modeInfo" data-selection-mode="info" class="menu-button">Info</button>
+        </div>
+      </div>
     </template>
 
     <template id="tpl___inventory__item">
-- 
cgit v1.2.3