album.php 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang='<?=$page->lang?>'>
  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='<?=$static["css"]?>ui.css'/>
  11. <link rel='stylesheet' type='text/css' href='<?=$static["css"]?>gallery.css'/>
  12. <!-- Script files -->
  13. <script type='text/javascript' src='<?=$static["script"]?>ui.js'></script>
  14. <script type='text/javascript' src='<?=$static["script"]?>gallery.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='<?=$page->lang?>'/>
  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>
  35. <?php
  36. include $path["include"] . "header.php";
  37. ?>
  38. <main>
  39. <section id='album'>
  40. <h3>
  41. <?=$page->album->title?>
  42. </h3>
  43. <?php
  44. foreach($page->album->photo as $photo) {
  45. ?>
  46. <article>
  47. <?php
  48. if (isset($photo->title)){
  49. ?>
  50. <h4>
  51. <?=$photo->title?>
  52. </h4>
  53. <?php
  54. }
  55. ?>
  56. <img class='pointer' onClick="showPhoto('<?=$url["photo"]?>', '<?=$photo->id?>');" src='<?=$static["content"]?>gallery/<?=$photo->file?>' srcset='<?=srcset("gallery/" . $photo->file)?>'/>
  57. <?php
  58. if (isset($photo->username)){
  59. ?>
  60. <div class='user'>
  61. <?=$photo->username?>
  62. </div>
  63. <?php
  64. }
  65. ?>
  66. </article>
  67. <?php
  68. }
  69. ?>
  70. </section>
  71. </main>
  72. <div id='screen_cover' onClick='closeViewer();'>
  73. </div>
  74. <section id='photo_viewer'>
  75. </section>
  76. <?php
  77. include $path["include"] . "footer.php";
  78. ?>
  79. </body>
  80. </html>