| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <!DOCTYPE html>
- <html lang="<%= lang %>">
- <head>
- <%- include('common-meta') %>
-
- <link rel="alternate" href="https://art.pcoloring.com/en/<%= uri.substring(3) %>" hrefLang="en" />
- <link rel="alternate" href="https://art.pcoloring.com/zh/<%= uri.substring(3) %>" hrefLang="zh" />
- <link rel="alternate" href="https://art.pcoloring.com/es/<%= uri.substring(3) %>" hrefLang="es" />
- <link rel="alternate" href="https://art.pcoloring.com/pt/<%= uri.substring(3) %>" hrefLang="pt" />
- <link rel="alternate" href="https://art.pcoloring.com/ja/<%= uri.substring(3) %>" hrefLang="ja" />
- <link rel="stylesheet" href="/stylesheets/styles.css">
- <link rel="stylesheet" href="/stylesheets/detail.css">
- </head>
- <body>
- <%- include('header') %>
- <div class="details">
- <div class="poster"><img src="<%= detail.thumb %>" alt="<%= detail.title %>"></div>
- <div class="description">
- <div style="font-size: 30px; font-weight: 700;"><%= detail.title %></div>
- <p><%= translate.designer[lang] %>: <a href="/<%= lang %>/designer/<%= detail.user._id %>" class="tag-button"><%= detail.user.username %></a></p>
- <p><%= translate.publishTime[lang] %>: <%= detail.publishTime %></p>
- <p>
- <%= translate.tag[lang] %>:
- <% detail.tags.forEach(tag=> { %>
- <a href="/<%= lang %>/tag/<%= tag %>" class="tag-button"><%= tag %></a>
- <% }); %>
- </p>
- <div><%= detail.desc %></div>
- <a href="/play/<%= detail._id %>" class="play-button"><%= translate.play[lang] %></a>
- </div>
- </div>
- <p style="display: flex; justify-content: center; color: #777; font-size: 18px; font-weight: 500;"><%= translate.mayYouLike[lang] %>:</p>
- <div class="content" style="margin-bottom: 40px;">
- <div class="image-grid">
- <% relates.forEach(item=> { %>
- <a href="/<%= item.uri %>"><img src="<%= item.thumb %>" alt="<%= item.name %>"></a>
- <% }); %>
- </div>
- </div>
- <%- include('pagination') %>
- </body>
- </html>
|