| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- <!DOCTYPE html>
- <html lang='en'>
- <head>
- <meta content='text/html; charset=utf-8' http-equiv='content-type'/>
- <meta charset='utf-8'/>
- <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1'/>
- <title><?=$page->title?></title>
- <link rel='shortcut icon' href='<?=$page->favicon?>'/>
- <!-- CSS files -->
- <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>ui.css'/>
- <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>catalog.css'/>
- <!-- Script files -->
- <script type="text/javascript" src="<?=$path["js"]?>ui.js"></script>
- <script type="text/javascript" src="<?=$path["js"]?>catalog.js"></script>
- <!-- Meta tags -->
- <link rel='canonical' href='<?=$page->canonical?>'/>
- <link rel='author' href='<?=$page->author?>'/>
- <link rel='publisher' href='<?=$page->author?>'/>
- <meta name='description' content='<?=$page->description?>'/>
- <meta property='og:title' content='<?=$page->title?>'/>
- <meta property='og:url' content='<?=$page->canonical?>'/>
- <meta property='og:description' content='<?=$page->description?>'/>
- <meta property='og:image' content='<?=$page->icon?>'/>
- <meta property='og:site_name' content='<?=$page->name?>'/>
- <meta property='og:type' content='website'/>
- <meta property='og:locale' content='en'/>
- <meta name='twitter:card' content='summary'/>
- <meta name='twitter:title' content='<?=$page->title?>'/>
- <meta name='twitter:description' content='<?=$page->description?>'/>
- <meta name='twitter:image' content='<?=$page->icon?>'/>
- <meta name='twitter:url' content='<?=$page->canonical?>'/>
- <meta name='robots' content='index follow'/>
- </head>
- <body onLoad='loadCatalog();'>
- <?php
- include __DIR__ . "/inc/header.php";
- ?>
- <div id='content'>
- <div class='section'>
- <h3 class='section_title'>
- Monster catalog
- </h3>
- <div id='filters'>
- <div class='filter'>
- Element:
- <br/>
- <select id='filter_element'>
- <option value=''>All</option>
- <option value='Fire'>Fire</option>
- <option value='Water'>Water</option>
- <option value='Wind'>Wind</option>
- <option value='Light'>Light</option>
- <option value='Dark'>Dark</option>
- </select>
- </div>
- <div class='filter'>
- Type:
- <br/>
- <select id='filter_type'>
- <option value=''>All</option>
- <?php
- foreach ($page->types as $t){
- ?>
- <option value='<?=$t?>'><?=$t?></option>
- <?php
- }
- ?>
- </select>
- </div>
- <div class='filter'>
- Name:
- <br/>
- <input type='text' id='filter_name'/>
- </div>
- <div class='filter' id='filter_stars'>
- Min. stars:
- <input type='number' id='filter_stars_min' min='1' max='6' value='1'/>
- <br/>
- Max. stars:
- <input type='number' id='filter_stars_max' min='1' max='6' value='6'/>
- </div>
- <div id='filter_apply'>
- <input type='button' value='Apply' onClick='loadCatalog();'>
- </div>
- </div>
- <div id='catalog'>
- <img class='loader' alt='Loading...' src='<?$path["img"]["layout"]?>control/loader.png'/>
- </div> <!-- #catalog -->
- </div> <!-- .section -->
- </div> <!-- .content -->
- <div id='cover'></div>
- <div id='viewer' class='section'>
- <div id='viewer_wait'>
- Loading...
- </div>
- <div id='viewer_info'>
- </div>
- </div> <!-- #new -->
- <?php
- include __DIR__ . "/inc/footer.php";
- ?>
- </body>
- </html>
|