| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- <!DOCTYPE html>
- <html lang="<%= lang %>">
- <head>
- <%- include('common-meta') %>
- <link rel="stylesheet" href="/stylesheets/styles.css">
- <link rel="stylesheet" href="/stylesheets/album.css">
- </head>
- <!-- Google tag (gtag.js) -->
- <script async src="https://www.googletagmanager.com/gtag/js?id=G-JBGGVGLHTP"></script>
- <script>
- window.dataLayer = window.dataLayer || [];
- function gtag() { dataLayer.push(arguments); }
- gtag('js', new Date());
- gtag('config', 'G-JBGGVGLHTP');
- </script>
- <body>
- <%- include('header') %>
- <div class="album-header">
- <h1 style="color: purple">
- <%= data.title %>
- </h1>
- <img style="border-radius: 8px;" src="<%= data.cover %>"
- alt="<%= data.title %> | <%= translate.coloringPageAlbum[lang] %>">
- <div style="color: gray; font-size: 18px; padding: 10px">
- <%= data.slogon %>
- </div>
- </div>
- <div class="content">
- <div class="image-grid">
- <% data.contents.forEach(item=> { %>
- <a href="<%= item.uri %>"><img src="<%= item.thumb %>"
- alt="<%= item.title %> | <%= translate.printableColoringPage[lang]%>"></a>
- <% }); %>
- </div>
- </div>
- <div style="padding: 40px"></div>
- </body>
- </html>
|
