monster_info.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
  1. <?php
  2. global $ELEMENT;
  3. ?>
  4. <!DOCTYPE html>
  5. <html lang='en'>
  6. <head>
  7. <meta content='text/html; charset=utf-8' http-equiv='content-type'/>
  8. <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1'/>
  9. <title><?=$page->title?></title>
  10. <link rel='shortcut icon' href='<?=$page->favicon?>'/>
  11. <!-- CSS files -->
  12. <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>ui.css'/>
  13. <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>monster_info.css'/>
  14. <!-- Script files -->
  15. <script src="<?=$path["js"]?>ui.js"></script>
  16. <!-- Meta tags -->
  17. <link rel='canonical' href='<?=$page->canonical?>'/>
  18. <link rel='author' href='<?=$page->author?>'/>
  19. <link rel='publisher' href='<?=$page->author?>'/>
  20. <meta name='description' content='<?=$page->description?>'/>
  21. <meta property='og:title' content='<?=$page->title?>'/>
  22. <meta property='og:url' content='<?=$page->canonical?>'/>
  23. <meta property='og:description' content='<?=$page->description?>'/>
  24. <meta property='og:image' content='<?=$page->icon?>'/>
  25. <meta property='og:site_name' content='<?=$page->name?>'/>
  26. <meta property='og:type' content='website'/>
  27. <meta property='og:locale' content='en'/>
  28. <meta name='twitter:card' content='summary'/>
  29. <meta name='twitter:title' content='<?=$page->title?>'/>
  30. <meta name='twitter:description' content='<?=$page->description?>'/>
  31. <meta name='twitter:image' content='<?=$page->icon?>'/>
  32. <meta name='twitter:url' content='<?=$page->canonical?>'/>
  33. <meta name='robots' content='index follow'/>
  34. </head>
  35. <body>
  36. <?php
  37. include __DIR__ . "/inc/header.php";
  38. for ($i = 0; $i < 3; $i ++){
  39. if ($page->monster[$i] != null){
  40. ?>
  41. <section class='content'>
  42. <h2>
  43. <?=$page->monster[$i]->title?>
  44. </h2>
  45. <article class='stage'>
  46. <div class='profile'>
  47. <div class='monster_panel'>
  48. <?=html_unit_panel($page->monster[$i])?>
  49. </div>
  50. <?=html_unit_transformation_panel($page->monster[$i])?>
  51. </div>
  52. <table class='stats'>
  53. <tr>
  54. <th>
  55. Type
  56. </th>
  57. <th>
  58. <?=$page->monster[$i]->archetype_name?>
  59. </th>
  60. </tr>
  61. <tr>
  62. <th>
  63. ATK
  64. </th>
  65. <td>
  66. <?=$page->monster[$i]->attack?>
  67. </td>
  68. </tr>
  69. <tr>
  70. <th>
  71. DEF
  72. </th>
  73. <td>
  74. <?=$page->monster[$i]->defense?>
  75. </td>
  76. </tr>
  77. <tr>
  78. <th>
  79. HP
  80. </th>
  81. <td>
  82. <?=$page->monster[$i]->hp?>
  83. </td>
  84. </tr>
  85. <tr>
  86. <th>
  87. SPD
  88. </th>
  89. <td>
  90. <?=$page->monster[$i]->speed?>
  91. </td>
  92. </tr>
  93. <tr>
  94. <th>
  95. CRR
  96. </th>
  97. <td>
  98. <?=$page->monster[$i]->crit_rate?>%
  99. </td>
  100. </tr>
  101. <tr>
  102. <th>
  103. CRD
  104. </th>
  105. <td>
  106. <?=$page->monster[$i]->crit_damage?>%
  107. </td>
  108. </tr>
  109. <tr>
  110. <th>
  111. ACC
  112. </th>
  113. <td>
  114. <?=$page->monster[$i]->accuracy?>%
  115. </td>
  116. </tr>
  117. <tr>
  118. <th>
  119. RES
  120. </th>
  121. <td>
  122. <?=$page->monster[$i]->resistance?>%
  123. </td>
  124. </tr>
  125. </table>
  126. <div class='extra'>
  127. <?php
  128. if (count($page->monster[$i]->sources) > 0){
  129. ?>
  130. <!-- TODO NOT WORKING<div class='sources'>
  131. <span>
  132. Obtainable from:
  133. </span>
  134. <?php
  135. foreach ($page->monster[$i]->sources as $source){
  136. ?>
  137. <img title='<?=$source->name?>' class='source' src='<?=$source->get_image()?>' />
  138. <?php
  139. }
  140. ?>
  141. </div>-->
  142. <?php
  143. }
  144. if (count($page->monster[$i]->essences) > 0){
  145. ?>
  146. <div class='essences'>
  147. <span>
  148. Awake with:
  149. </span>
  150. <?php
  151. foreach ($page->monster[$i]->essences as $essence){
  152. ?>
  153. <div class='essence border_<?=$essence["element"]?>'>
  154. <img alt='<?=$essence["grade"]?> <?=$essence["element"]?> essence' title='<?=$essence["amount"]?>x <?=$essence["grade"]?> <?=$essence["element"]?> essence' class='essence' src='<?=$path["img"]["essence"]?><?=$essence["element"]?>_<?=$essence["grade"]?>.png'/>
  155. <span>
  156. <?=$essence["amount"]?>
  157. </span>
  158. </div>
  159. <?php
  160. }
  161. ?>
  162. </div>
  163. <?php
  164. }
  165. ?>
  166. </div> <!-- .extra -->
  167. <div class='skills'>
  168. <?php
  169. if ($page->monster[$i]->leader_skill){
  170. ?>
  171. <div class='skill'>
  172. <img class='skill_img' src='<?=$page->monster[$i]->leader_skill->get_image()?>'/>
  173. <span class='skill_level'>
  174. &nbsp;
  175. </span>
  176. <span class='skill_name'>
  177. Leader skill
  178. </span>
  179. <span class='skill_description'>
  180. <?=$page->monster[$i]->leader_skill->create_description()?>
  181. </span>
  182. </div>
  183. <?php
  184. }
  185. foreach ($page->monster[$i]->skill as $skill){
  186. ?>
  187. <div class='skill'>
  188. <img class='skill_img' src='<?=$skill->get_image()?>'/>
  189. <span class='skill_name'>
  190. <?=$skill->name?>
  191. </span>
  192. <span class='skill_description'>
  193. <?=$skill->description?>
  194. </span>
  195. <?php
  196. if (count($skill->effect) > 0){
  197. ?>
  198. <span class='skill_effects'>
  199. <?php
  200. foreach ($skill->effect as $effect){
  201. ?>
  202. <img class='effect_img' title='<?=$effect->name?>' src='<?=$effect->get_image()?>'/>
  203. <?php
  204. }
  205. ?>
  206. </span>
  207. <?php
  208. }
  209. if ($skill->max_level > 1){
  210. ?>
  211. <table class='skill_up'>
  212. <?php
  213. foreach ($skill->level as $level){
  214. if ($level->level > 1){
  215. ?>
  216. <tr>
  217. <td class='level'>
  218. Lv. <?=$level->level?>
  219. </td>
  220. <td class='description'>
  221. <?=$level->description?>
  222. </td>
  223. </tr>
  224. <?php
  225. }
  226. }
  227. ?>
  228. </table>
  229. <?php
  230. }
  231. ?>
  232. </div>
  233. <?php
  234. }
  235. ?>
  236. </div> <!-- #skills -->
  237. <?php
  238. if ($page->monster[$i]->transformation != null){
  239. ?>
  240. <div class='transformation_skills'>
  241. <?php
  242. foreach ($page->monster[$i]->transformation->skill as $skill){
  243. ?>
  244. <div class='skill'>
  245. <img class='skill_img' src='<?=$skill->get_image()?>'/>
  246. <span class='skill_name'>
  247. <?=$skill->name?>
  248. </span>
  249. <span class='skill_description'>
  250. <?=$skill->description?>
  251. </span>
  252. <?php
  253. if (count($skill->effect) > 0){
  254. ?>
  255. <span class='skill_effects'>
  256. <?php
  257. foreach ($skill->effect as $effect){
  258. ?>
  259. <img class='effect_img' title='<?=$effect->name?>' src='<?=$effect->get_image()?>'/>
  260. <?php
  261. }
  262. ?>
  263. </span>
  264. <?php
  265. }
  266. if ($skill->max_level > 1){
  267. ?>
  268. <table class='skill_up'>
  269. <?php
  270. foreach ($skill->level as $level){
  271. if ($level->level > 1){
  272. ?>
  273. <tr>
  274. <td class='level'>
  275. Lv. <?=$level->level?>
  276. </td>
  277. <td class='description'>
  278. <?=$level->description?>
  279. </td>
  280. </tr>
  281. <?php
  282. }
  283. }
  284. ?>
  285. </table>
  286. <?php
  287. }
  288. ?>
  289. </div>
  290. <?php
  291. }
  292. ?>
  293. </div> <!-- #transformation_skills -->
  294. <?php
  295. }
  296. ?>
  297. </article>
  298. </section>
  299. <?php
  300. } // if ($page->monster[$i] != null)
  301. } // for (int $i = 0; $i < 3; $i ++)
  302. include __DIR__ . "/inc/footer.php";
  303. ?>
  304. </body>
  305. </html>