albums.ejs 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. <%= title %>
  20. </h1>
  21. <h2 style="display: flex; justify-content: center; padding: 0px 10px 10px 10px; color: #333">
  22. <%= description %>
  23. </h2>
  24. <div class="content">
  25. <div class="album-grid">
  26. <% data.forEach(album=> { %>
  27. <div class="album-grid-card">
  28. <a href="/<%= lang %>/coloring-page-album/<%= album._id %>"><img src="<%= album.cover %>"
  29. class="album-cover-img" alt="<%= album.title %>"></a>
  30. <div style="padding: 0px 0px 4px 4px; font-size: 14px;">
  31. <%= album.title %>
  32. </div>
  33. </div>
  34. <% }); %>
  35. </div>
  36. </div>
  37. </body>
  38. </html>