monster_info.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
  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 && $page->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 && $page->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. <span class='family'>
  62. <?php
  63. //for ($f = 0; $f < 5; $f++){
  64. foreach (Array("Fire", "Water", "Wind", "Light", "Dark") as $element){
  65. //$element = array_keys($page->family)[$f];
  66. //$id = $page->family[$f];
  67. $id = $page->family[$element];
  68. $current = "";
  69. $disabled = "";
  70. if ($element == $page->monster[$i]->element){
  71. $current = "current";
  72. }
  73. elseif ($id == null){
  74. $disabled = "disabled";
  75. }
  76. $url = "/catalog/$id";
  77. if ($current == "" && $disabled == ""){
  78. ?>
  79. <a href='<?=$url?>'>
  80. <?php
  81. }
  82. ?>
  83. <img class='family <?=$current?> <?=$disabled?>' src='<?=$path["img"]["content"] . "element/$element.png"?>'/>
  84. <?php
  85. if ($current == "" && $disabled == ""){
  86. ?>
  87. </a>
  88. <?php
  89. }
  90. }
  91. ?>
  92. </span>
  93. </h2>
  94. <article class='stage'>
  95. <div class='profile'>
  96. <div class='monster_panel'>
  97. <span class='stars'>
  98. <?php
  99. for ($j = 0; $j < $page->monster[$i]->base_stars; $j ++){
  100. ?>
  101. <img class='star <?=$star_class?>' src='<?=$path["img"]["layout"] . "icon/star.png"?>'/>
  102. <?php
  103. }
  104. ?>
  105. </span>
  106. <img title='<?=$mon_title?>' class='monster border_<?=$page->monster[$i]->element?>' src='<?=$page->monster[$i]->get_image()?>'/>
  107. </div>
  108. </div>
  109. <table class='stats'>
  110. <tr>
  111. <th>
  112. Type
  113. </th>
  114. <th>
  115. <?=$page->monster[$i]->archetype?>
  116. </th>
  117. </tr>
  118. <tr>
  119. <th>
  120. ATK
  121. </th>
  122. <td>
  123. <?=$page->monster[$i]->base_attack?>
  124. </td>
  125. </tr>
  126. <tr>
  127. <th>
  128. DEF
  129. </th>
  130. <td>
  131. <?=$page->monster[$i]->base_defense?>
  132. </td>
  133. </tr>
  134. <tr>
  135. <th>
  136. HP
  137. </th>
  138. <td>
  139. <?=$page->monster[$i]->base_hp?>
  140. </td>
  141. </tr>
  142. <tr>
  143. <th>
  144. SPD
  145. </th>
  146. <td>
  147. <?=$page->monster[$i]->speed?>
  148. </td>
  149. </tr>
  150. <tr>
  151. <th>
  152. CRR
  153. </th>
  154. <td>
  155. <?=$page->monster[$i]->crit_rate?>%
  156. </td>
  157. </tr>
  158. <tr>
  159. <th>
  160. CRD
  161. </th>
  162. <td>
  163. <?=$page->monster[$i]->crit_damage?>%
  164. </td>
  165. </tr>
  166. <tr>
  167. <th>
  168. ACC
  169. </th>
  170. <td>
  171. <?=$page->monster[$i]->accuracy?>%
  172. </td>
  173. </tr>
  174. <tr>
  175. <th>
  176. RES
  177. </th>
  178. <td>
  179. <?=$page->monster[$i]->resistance?>%
  180. </td>
  181. </tr>
  182. </table>
  183. <div class='extra'>
  184. <?php
  185. if (count($page->monster[$i]->sources) > 0){
  186. ?>
  187. <div class='sources'>
  188. <span>
  189. Obtainable from:
  190. </span>
  191. <?php
  192. foreach ($page->monster[$i]->sources as $source){
  193. ?>
  194. <img title='<?=$source->name?>' class='source' src='<?=$source->get_image()?>' />
  195. <?php
  196. }
  197. ?>
  198. </div>
  199. <?php
  200. }
  201. if (count($page->monster[$i]->essences) > 0){
  202. ?>
  203. <div class='essences'>
  204. <span>
  205. Awake with:
  206. </span>
  207. <?php
  208. foreach ($page->monster[$i]->essences as $essence){
  209. ?>
  210. <div class='essence border_<?=$essence["element"]?>'>
  211. <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'/>
  212. <span>
  213. <?=$essence["amount"]?>
  214. </span>
  215. </div>
  216. <?php
  217. }
  218. ?>
  219. </div>
  220. <?php
  221. }
  222. ?>
  223. </div> <!-- .extra -->
  224. <div class='skills'>
  225. <?php
  226. if ($page->monster[$i]->leader_skill){
  227. ?>
  228. <div class='skill'>
  229. <img class='skill_img' src='<?=$page->monster[$i]->leader_skill->get_image()?>'/>
  230. <span class='skill_level'>
  231. &nbsp;
  232. </span>
  233. <span class='skill_name'>
  234. Leader skill
  235. </span>
  236. <span class='skill_description'>
  237. <?=$page->monster[$i]->leader_skill->create_description()?>
  238. </span>
  239. </div>
  240. <?php
  241. }
  242. foreach ($page->monster[$i]->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> <!-- #skills -->
  294. </article>
  295. </section>
  296. <?php
  297. } // if ($page->monster[$i] != null)
  298. } // for (int $i = 0; $i < 3; $i ++)
  299. include __DIR__ . "/inc/footer.php";
  300. ?>
  301. </body>
  302. </html>