monster_info.php 13 KB

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