diff options
| author | Daniel Weipert <code@drogueronin.de> | 2023-08-15 13:18:57 +0200 |
|---|---|---|
| committer | Daniel Weipert <code@drogueronin.de> | 2023-08-15 13:18:57 +0200 |
| commit | 8ab8988d01199f64151c532c59ff6c08735d4e37 (patch) | |
| tree | 17d5bbdf36aa744119f37e0fffc6ede78d13fa70 /index.html | |
initial commit
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..5b1c653 --- /dev/null +++ b/index.html @@ -0,0 +1,81 @@ +<html> + <head> + <link rel="stylesheet" href="style.css" /> + </head> + <body> + <div class="wrap"> + <div>Money: <div id="money"></div></div> + <div id="party"></div> + + <div id="battle"> + <div id="battle__enemy"></div> + + <div id="battle__player"></div> + </div> + </div> + + <template id="tpl___party__monster"> + <div class="party__monster"> + <div><div class="monster__level"></div></div> + <img src="" /> + <div class="monster__exp"> + <div class="monster__exp-bar"></div> + </div> + <div class="monster__exp-text"></div> + <div class="monster__active-technique"></div> + </div> + </template> + + <template id="tpl___battle__monster"> + <div class="battle__monster"> + <div class="battle__monster-info"> + <div class="battle__monster-info-box"> + <div> + <span class="battle__monster-info__name">{NAME}</span> <span class="battle__monster-info__gender">{GENDER}</span> Lv. <span class="battle__monster-info__level">{LEVEL}</span> + </div> + <div class="hp"> + <div class="hp-bar-wrap"> + <div class="hp-bar"></div> + </div> + <div class="hp-text"></div> + </div> + </div> + <div class="battle__monster-info-exp"> + <div class="exp-label">XP</div> + <div class="exp"> + <div class="exp-bar-wrap"> + <div class="exp-bar"></div> + </div> + <div class="exp-text"></div> + </div> + </div> + </div> + <div class="battle__monster-visual"> + <div class="battle__monster-sprite"> + <img src="" draggable="false" /> + </div> + <div class="battle__monster-technique"> + + </div> + </div> + </div> + </template> + + <template id="tpl___popup"> + <div class="popup__overlay"> + <div class="popup"></div> + </div> + </template> + + <template id="tpl___moveset__list"> + <div class="moveset__list"></div> + </template> + <template id="tpl___moveset__item"> + <div class="moveset__item"> + name, lvlrequired, types, power + </div> + </template> + + <script type="text/javascript" src="script.js"></script> + </body> +</html> |