guoziyun
/
artsite


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
							<!DOCTYPE html>
<html lang="<%= lang %>">

<head>
  <%- include('common-meta') %>
    <link rel="stylesheet" href="/stylesheets/styles.css">
    <link rel="stylesheet" href="/stylesheets/header.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 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>