guoziyun
/
artsite


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

<head>
  <%- include('common-meta') %>

    <link rel="alternate" href="https://art.pcoloring.com/en/category" hrefLang="en" />
    <link rel="alternate" href="https://art.pcoloring.com/zh/category" hrefLang="zh" />
    <link rel="alternate" href="https://art.pcoloring.com/es/category" hrefLang="es" />
    <link rel="alternate" href="https://art.pcoloring.com/pt/category" hrefLang="pt" />
    <link rel="alternate" href="https://art.pcoloring.com/ja/category" hrefLang="ja" />

    <link rel="stylesheet" href="/stylesheets/styles.css">
    <link rel="stylesheet" href="/stylesheets/category.css">
</head>

<body>
  <%- include('header') %>
    <div class="category">
      <% categories.forEach(item=> { %>
        <a href="/<%= lang %>/category/<%= item.id %>" class="<%= tag == item.id ? 'selected' : '' %>">
          <%= item[lang] %>
        </a>
        <% }); %>
          <a href="/<%= lang %>/tag" style="color: #ff4081">
            <%= translate.more[lang] %>>>>
          </a>
    </div>

    <div class="content">
      <div class="image-grid">
        <% data.forEach(item=> { %>
          <a href="<%= item.uri %>"><img src="<%= item.thumb %>"
              alt="<%= item.title %> | <%= translate.printableColoringPage[lang]%>"></a>
          <% }); %>
      </div>
    </div>

    <%- include('pagination') %>

</body>

</html>