catalog.php 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html lang='en'>
  3. <head>
  4. <meta content='text/html; charset=utf-8' http-equiv='content-type'/>
  5. <meta charset='utf-8'/>
  6. <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1'/>
  7. <title><?=$page->title?></title>
  8. <link rel='shortcut icon' href='<?=$page->favicon?>'/>
  9. <!-- CSS files -->
  10. <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>ui.css'/>
  11. <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>catalog.css'/>
  12. <!-- Script files -->
  13. <script type="text/javascript" src="<?=$path["js"]?>ui.js"></script>
  14. <script type="text/javascript" src="<?=$path["js"]?>catalog.js"></script>
  15. <!-- Meta tags -->
  16. <link rel='canonical' href='<?=$page->canonical?>'/>
  17. <link rel='author' href='<?=$page->author?>'/>
  18. <link rel='publisher' href='<?=$page->author?>'/>
  19. <meta name='description' content='<?=$page->description?>'/>
  20. <meta property='og:title' content='<?=$page->title?>'/>
  21. <meta property='og:url' content='<?=$page->canonical?>'/>
  22. <meta property='og:description' content='<?=$page->description?>'/>
  23. <meta property='og:image' content='<?=$page->icon?>'/>
  24. <meta property='og:site_name' content='<?=$page->name?>'/>
  25. <meta property='og:type' content='website'/>
  26. <meta property='og:locale' content='en'/>
  27. <meta name='twitter:card' content='summary'/>
  28. <meta name='twitter:title' content='<?=$page->title?>'/>
  29. <meta name='twitter:description' content='<?=$page->description?>'/>
  30. <meta name='twitter:image' content='<?=$page->icon?>'/>
  31. <meta name='twitter:url' content='<?=$page->canonical?>'/>
  32. <meta name='robots' content='index follow'/>
  33. </head>
  34. <body onLoad='loadCatalog();'>
  35. <?php
  36. include __DIR__ . "/inc/header.php";
  37. ?>
  38. <div id='content'>
  39. <div class='section'>
  40. <h3 class='section_title'>
  41. Monster catalog
  42. </h3>
  43. <div id='filters'>
  44. <div class='filter'>
  45. Element:
  46. <br/>
  47. <select id='filter_element'>
  48. <option value=''>All</option>
  49. <option value='Fire'>Fire</option>
  50. <option value='Water'>Water</option>
  51. <option value='Wind'>Wind</option>
  52. <option value='Light'>Light</option>
  53. <option value='Dark'>Dark</option>
  54. </select>
  55. </div>
  56. <div class='filter'>
  57. Type:
  58. <br/>
  59. <select id='filter_type'>
  60. <option value=''>All</option>
  61. <?php
  62. foreach ($page->types as $t){
  63. ?>
  64. <option value='<?=$t?>'><?=$t?></option>
  65. <?php
  66. }
  67. ?>
  68. </select>
  69. </div>
  70. <div class='filter'>
  71. Name:
  72. <br/>
  73. <input type='text' id='filter_name'/>
  74. </div>
  75. <div class='filter' id='filter_stars'>
  76. Min. stars:
  77. <input type='number' id='filter_stars_min' min='1' max='6' value='1'/>
  78. <br/>
  79. Max. stars:
  80. <input type='number' id='filter_stars_max' min='1' max='6' value='6'/>
  81. </div>
  82. <div id='filter_apply'>
  83. <input type='button' value='Apply' onClick='loadCatalog();'>
  84. </div>
  85. </div>
  86. <div id='catalog'>
  87. <img class='loader' alt='Loading...' src='<?$path["img"]["layout"]?>control/loader.png'/>
  88. </div> <!-- #catalog -->
  89. </div> <!-- .section -->
  90. </div> <!-- .content -->
  91. <div id='cover'></div>
  92. <div id='viewer' class='section'>
  93. <div id='viewer_wait'>
  94. Loading...
  95. </div>
  96. <div id='viewer_info'>
  97. </div>
  98. </div> <!-- #new -->
  99. <?php
  100. include __DIR__ . "/inc/footer.php";
  101. ?>
  102. </body>
  103. </html>