runes.php 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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"]?>runes.css'/>
  11. <!-- Script files -->
  12. <script src="<?=$path["js"]?>ui.js"></script>
  13. <script src="<?=$path["js"]?>runes.js"></script>
  14. <!-- Meta tags -->
  15. <link rel='canonical' href='<?=$page->canonical?>'/>
  16. <link rel='author' href='<?=$page->author?>'/>
  17. <link rel='publisher' href='<?=$page->author?>'/>
  18. <meta name='description' content='<?=$page->description?>'/>
  19. <meta property='og:title' content='<?=$page->title?>'/>
  20. <meta property='og:url' content='<?=$page->canonical?>'/>
  21. <meta property='og:description' content='<?=$page->description?>'/>
  22. <meta property='og:image' content='<?=$page->icon?>'/>
  23. <meta property='og:site_name' content='<?=$page->name?>'/>
  24. <meta property='og:type' content='website'/>
  25. <meta property='og:locale' content='en'/>
  26. <meta name='twitter:card' content='summary'/>
  27. <meta name='twitter:title' content='<?=$page->title?>'/>
  28. <meta name='twitter:description' content='<?=$page->description?>'/>
  29. <meta name='twitter:image' content='<?=$page->icon?>'/>
  30. <meta name='twitter:url' content='<?=$page->canonical?>'/>
  31. <meta name='robots' content='index follow'/>
  32. </head>
  33. <body onLoad='loadRunes();'>
  34. <?php
  35. include __DIR__ . "/inc/header.php";
  36. ?>
  37. <div id='content'>
  38. <div class='section'>
  39. <h3 class='section_title'>
  40. Rune collection
  41. </h3>
  42. <div id='rune_list'>
  43. <img class='loader' alt='Loading...' src='<?$path["img"]["layout"]?>control/loader.png'/>
  44. </div> <!-- #rune_list -->
  45. </div> <!-- .section -->
  46. </div> <!-- .content -->
  47. <div id='cover'></div>
  48. <div id='viewer' class='section'>
  49. <div id='viewer_wait'>
  50. <img class='loader' alt='Loading...' src='<?$path["img"]["layout"]?>control/loader.png'/>
  51. </div>
  52. <div id='viewer_info'>
  53. </div>
  54. </div> <!-- #viewer -->
  55. <div id='new'>
  56. <div class='rune_circle'>
  57. <img class='rune_circle_slots' src='<?=$path["img"]["layout"]?>rune/Rune_slots.png'/>
  58. <?php
  59. for ($i = 1; $i < 7; $i ++){
  60. ?>
  61. <div class='rune rune_<?=$i?>'>
  62. <a href='javascript:selectNewRuneSlot(<?=$i?>);'>
  63. <img class='rune_base rune_base_<?=$i?>' src='<?=$path["img"]["rune"]?>base.png'/>
  64. <img class='rune_icon rune_icon_<?=$i?>' src='<?=$path["img"]["rune"]?>Energy.png'/>
  65. <span class='rune_level rune_level_<?=$i?>'>
  66. +15
  67. </span>
  68. <span class='rune_stars rune_stars_<?=$i?>'>
  69. <span class='rune_stars_num'>1</span>
  70. <img class='rune_stars_star' src='<?=$path["img"]["layout"]?>icon/star.png'/>
  71. </span>
  72. </a>
  73. </div>
  74. <?php
  75. }
  76. ?>
  77. </div> <!-- .rune_circle -->
  78. </div> <!-- #new -->
  79. <?php
  80. include __DIR__ . "/inc/footer.php";
  81. ?>
  82. </body>
  83. </html>