monster_info.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  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. for ($i = 0; $i < 3; $i ++){
  36. if ($page->monster[$i] != null){
  37. if ($i == 0 && monster[1] == null){
  38. // Silver monster.
  39. $star_class ="star_silver";
  40. $mon_title = $page->monster[$i]->element . " " . $page->monster[$i]->name;
  41. }
  42. elseif ($i == 0 && monster[1] != null){
  43. // Gold monster.
  44. $star_class ="star_gold";
  45. $mon_title = $page->monster[$i]->element . " " . $page->monster[$i]->name;
  46. }
  47. elseif ($i == 1){
  48. // Awakened monster.
  49. $star_class ="star_purple";
  50. $mon_title = $page->monster[$i]->name;
  51. }
  52. elseif ($i == 2){
  53. // Second awakened.
  54. $star_class ="star_red";
  55. $mon_title = $page->monster[$i]->name;
  56. }
  57. ?>
  58. <section class='content'>
  59. <h2>
  60. <?=$mon_title?>
  61. </h2>
  62. <article class='stage'>
  63. <div class='profile'>
  64. <div class='monster_panel'>
  65. <span class='stars'>
  66. <?php
  67. for ($j = 0; $j < $page->monster[$i]->base_stars; $j ++){
  68. ?>
  69. <img class='star <?=$star_class?>' src='<?=$path["img"]["layout"] . "icon/star.png"?>'/>
  70. <?php
  71. }
  72. ?>
  73. </span>
  74. <img title='<?=$mon_title?>' class='monster border_<?=$page->monster[$i]->element?>' src='<?=$page->monster[$i]->get_image()?>'/>
  75. </div>
  76. </div>
  77. <table class='stats'>
  78. <tr>
  79. <th>
  80. Type
  81. </th>
  82. <th>
  83. <?=$page->monster[$i]->archetype?>
  84. </th>
  85. </tr>
  86. <tr>
  87. <th>
  88. ATK
  89. </th>
  90. <td>
  91. <?=$page->monster[$i]->base_attack?>
  92. </td>
  93. </tr>
  94. <tr>
  95. <th>
  96. DEF
  97. </th>
  98. <td>
  99. <?=$page->monster[$i]->base_defense?>
  100. </td>
  101. </tr>
  102. <tr>
  103. <th>
  104. HP
  105. </th>
  106. <td>
  107. <?=$page->monster[$i]->base_hp?>
  108. </td>
  109. </tr>
  110. <tr>
  111. <th>
  112. SPD
  113. </th>
  114. <td>
  115. <?=$page->monster[$i]->speed?>
  116. </td>
  117. </tr>
  118. <tr>
  119. <th>
  120. CRR
  121. </th>
  122. <td>
  123. <?=$page->monster[$i]->crit_rate?>%
  124. </td>
  125. </tr>
  126. <tr>
  127. <th>
  128. CRD
  129. </th>
  130. <td>
  131. <?=$page->monster[$i]->crit_damage?>%
  132. </td>
  133. </tr>
  134. <tr>
  135. <th>
  136. ACC
  137. </th>
  138. <td>
  139. <?=$page->monster[$i]->accuracy?>%
  140. </td>
  141. </tr>
  142. <tr>
  143. <th>
  144. RES
  145. </th>
  146. <td>
  147. <?=$page->monster[$i]->resistance?>%
  148. </td>
  149. </tr>
  150. </table>
  151. <div class='extra'>
  152. <?php
  153. if (count($page->monster[$i]->sources) > 0){
  154. ?>
  155. <div class='sources'>
  156. <span>
  157. Obtainable from:
  158. </span>
  159. <?php
  160. foreach ($page->monster[$i]->sources as $source){
  161. ?>
  162. <img title='<?=$source->name?>' class='source' src='<?=$source->get_image()?>' />
  163. <?php
  164. }
  165. ?>
  166. </div>
  167. <?php
  168. }
  169. if (count($page->monster[$i]->essences) > 0){
  170. ?>
  171. <div class='essences'>
  172. <span>
  173. Awake with:
  174. </span>
  175. <?php
  176. foreach ($page->monster[$i]->essences as $essence){
  177. ?>
  178. <div class='essence border_<?=$essence["element"]?>'>
  179. <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'/>
  180. <span>
  181. <?=$essence["amount"]?>
  182. </span>
  183. </div>
  184. <?php
  185. }
  186. ?>
  187. </div>
  188. <?php
  189. }
  190. ?>
  191. </div> <!-- .extra -->
  192. <div class='skills'>
  193. <?php
  194. if ($page->monster[$i]->leader_skill){
  195. ?>
  196. <div class='skill'>
  197. <img class='skill_img' src='<?=$page->monster[$i]->leader_skill->get_image()?>'/>
  198. <span class='skill_level'>
  199. &nbsp;
  200. </span>
  201. <span class='skill_name'>
  202. Leader skill
  203. </span>
  204. <span class='skill_description'>
  205. <?=$page->monster[$i]->leader_skill->create_description()?>
  206. </span>
  207. </div>
  208. <?php
  209. }
  210. foreach ($page->monster[$i]->skill as $skill){
  211. ?>
  212. <div class='skill'>
  213. <img class='skill_img' src='<?=$skill->get_image()?>'/>
  214. <span class='skill_name'>
  215. <?=$skill->name?>
  216. </span>
  217. <span class='skill_description'>
  218. <?=$skill->description?>
  219. </span>
  220. <?php
  221. if (count($skill->effect) > 0){
  222. ?>
  223. <span class='skill_effects'>
  224. <?php
  225. foreach ($skill->effect as $effect){
  226. ?>
  227. <img class='effect_img' title='<?=$effect->name?>' src='<?=$effect->get_image()?>'/>
  228. <?php
  229. }
  230. ?>
  231. </span>
  232. <?php
  233. }
  234. if ($skill->max_level > 1){
  235. ?>
  236. <table class='skill_up'>
  237. <?php
  238. foreach ($skill->level as $level){
  239. if ($level->level > 1){
  240. ?>
  241. <tr>
  242. <td class='level'>
  243. Lv. <?=$level->level?>
  244. </td>
  245. <td class='description'>
  246. <?=$level->description?>
  247. </td>
  248. </tr>
  249. <?php
  250. }
  251. }
  252. ?>
  253. </table>
  254. <?php
  255. }
  256. ?>
  257. </div>
  258. <?php
  259. }
  260. ?>
  261. </div> <!-- #skills -->
  262. </article>
  263. </section>
  264. <?php
  265. } // if ($page->monster[$i] != null)
  266. } // for (int $i = 0; $i < 3; $i ++)
  267. include __DIR__ . "/inc/footer.php";
  268. ?>
  269. </body>
  270. </html>