monster_info.php 12 KB

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