story!

1 files changed, 48 insertions, 13 deletions

diff --git a/index.html b/index.html
index cea1311..54ad760 100644
--- a/index.html
+++ b/index.html
@@ -247,6 +247,10 @@
         </div>
 
         <div>
+          XP <span data-template-slot="exp"></span>
+        </div>
+
+        <div>
           <table>
             <tr>
               <th data-template-slot="stats.melee.name">Melee</th>
@@ -348,19 +352,38 @@
 
     <template id="tpl___menu__settings">
       <div class="menu__settings">
-        <label>
-          <span data-i18n-msgid="ui:settings:language:label"></span>
-          <select data-template-slot="language"></select>
-        </label>
-
-        <label>
-          <span data-i18n-msgid="ui:settings:currency:label"></span>
-          <select data-template-slot="currency"></select>
-          <div>
-            <span data-i18n-msgid="ui:settings:currency:last_updated"></span>:
-            <span data-template-slot="currency.lastUpdated"></span>
-          </div>
-        </label>
+        <table>
+          <tr>
+            <th>
+              <label data-i18n-msgid="ui:settings:name:label" for="settings.name"></label>
+            </th>
+            <td>
+              <input data-template-slot="name" type="text" id="settings.name">
+            </td>
+          </tr>
+
+          <tr>
+            <th>
+              <label data-i18n-msgid="ui:settings:language:label"></label>
+            </th>
+            <td>
+              <select data-template-slot="language"></select>
+            </td>
+          </tr>
+
+          <tr>
+            <th>
+              <label data-i18n-msgid="ui:settings:currency:label"></label>
+            </th>
+            <td>
+              <select data-template-slot="currency"></select>
+              <div>
+                <span data-i18n-msgid="ui:settings:currency:last_updated"></span>:
+                <span data-template-slot="currency.lastUpdated"></span>
+              </div>
+            </td>
+          </tr>
+        </table>
 
         <button data-template-slot="highlight" class="menu-button"><span data-i18n-msgid="ui:settings:highlight_interactive_elements"></span></button>
 
@@ -368,6 +391,17 @@
       </div>
     </template>
 
+    <template id="tpl___story__popup">
+      <div class="story__popup">
+        <div>
+          <img data-template-slot="speaker.sprite" src="" />
+          <div data-template-slot="speaker.name"></div>
+        </div>
+        <div data-template-slot="text" class="text"></div>
+        <button data-template-slot="next" class="menu-button">Next</button>
+      </div>
+    </template>
+
 
     <script type="text/javascript" src="/resources/js/definitions.js"></script>
     <script type="text/javascript" src="/resources/js/helpers.js"></script>
@@ -387,6 +421,7 @@
     <script type="text/javascript" src="/resources/js/memory.js"></script>
     <script type="text/javascript" src="/resources/js/ui.js"></script>
     <script type="text/javascript" src="/resources/js/game.js"></script>
+    <script type="text/javascript" src="/resources/js/story.js"></script>
     <script type="text/javascript" src="/resources/js/main.js"></script>
   </body>
 </html>