special.ejs 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html lang="<%= lang %>">
  3. <head>
  4. <%- include('common-meta') %>
  5. <link rel="stylesheet" href="/stylesheets/styles.css">
  6. <link rel="stylesheet" href="/stylesheets/header.css">
  7. </head>
  8. <!-- Google tag (gtag.js) -->
  9. <script async src="https://www.googletagmanager.com/gtag/js?id=G-JBGGVGLHTP"></script>
  10. <script>
  11. window.dataLayer = window.dataLayer || [];
  12. function gtag() { dataLayer.push(arguments); }
  13. gtag('js', new Date());
  14. gtag('config', 'G-JBGGVGLHTP');
  15. </script>
  16. <body>
  17. <%- include('header') %>
  18. <h1 style="display: flex; justify-content: center; padding: 10px; color: purple">
  19. <%= h1title %>
  20. </h1>
  21. <h2 style="display: flex; justify-content: center; padding: 0px 10px 10px 10px; color: #333">
  22. <%= h2title %>
  23. </h2>
  24. <div class="content">
  25. <div class="image-grid">
  26. <% data.forEach(item=> { %>
  27. <div class="image-card">
  28. <a href="<%= item.uri %>"><img src="<%= item.thumb %>" alt="<%= item.title %>"></a>
  29. <div class="card-title">
  30. <%= item.title %>
  31. </div>
  32. </div>
  33. <% }); %>
  34. </div>
  35. </div>
  36. <%- include('pagination') %>
  37. <div class="tag-cloud">
  38. <% tags.forEach(item=> { %>
  39. <a href="/<%= lang %>/tag/<%= item.tag %>" class="tag <%= item.tag == tag ? 'selected' : '' %>"
  40. style="color: <%= item.color %>;">
  41. <%= item.title[lang] %>
  42. </a>
  43. <% }); %>
  44. </div>
  45. </body>
  46. </html>