guoziyun
/
artsite


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

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

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

    <link rel="stylesheet" href="/stylesheets/styles.css">
    <link rel="stylesheet" href="/stylesheets/tag.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') %>

    <h1 style="display: flex; justify-content: center; padding: 10px; color: purple">
      <%= translate.selectByTag[lang] %>
    </h1>

    <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') %>

      <div class="tag-cloud">
        <% tags.forEach(item=> { %>
          <a href="/<%= lang %>/tag/<%= item.tag %>" class="tag <%= item.tag == tag ? 'selected' : '' %>"
            style="color: <%= item.color %>;">
            <%= item.tag %>
          </a>
          <% }); %>
      </div>

</body>

</html>