Bläddra i källkod

fix artist page

guoziyun 1 år sedan
förälder
incheckning
0f585bc86b
4 ändrade filer med 19 tillägg och 19 borttagningar
  1. 9 0
      config/translate.js
  2. 1 1
      routes/index.js
  3. 7 16
      views/designer.ejs
  4. 2 2
      views/detail.ejs

+ 9 - 0
config/translate.js

@@ -111,6 +111,14 @@ let artist = {
   ja: 'アーティスト',
 }
 
+let coloringPageArtist = {
+  zh: '填色页艺术家',
+  en: 'Coloring Page Artist',
+  es: 'Artista de páginas de colorear',
+  pt: 'Artista de páginas de colorir',
+  ja: '着色用ページのアーティスト',
+}
+
 let coloringPageArtists = {
   zh: '填色页艺术家',
   en: 'Coloring Page Artists',
@@ -523,6 +531,7 @@ let translate = {
   feedback,
   contactUs,
   artist,
+  coloringPageArtist,
   coloringPageArtists,
   publishTime,
   app,

+ 1 - 1
routes/index.js

@@ -1087,7 +1087,7 @@ router.get('/:lang/artist/:id', function (req, res, next) {
 
 
       let data = {
-        title: `${meta.designerTitle[lang]}: ${user.username}`,
+        title: `${translate.coloringPageArtist[lang]}: ${user.username}`,
         description: meta.designerDescription[lang],
         user,
         data: result.data,

+ 7 - 16
views/designer.ejs

@@ -19,21 +19,10 @@
 
 <body>
   <%- include('header') %>
-
-    <div style="display: flex; justify-content: center; align-items: center; margin-top: 20px;">
-      <div class="card" style="width: 200px;">
-        <a href="/<%= lang %>/artist/<%= user._id %>"><img src="<%= user.avatar %>" alt="<%= user.username %>"></a>
-        <div class="info">
-          <p><strong>
-              <%= user.username %>
-            </strong></p>
-          <p>
-            <%= translate.worksCount[lang] %>: <strong>
-                <%= user.count %>
-              </strong>
-          </p>
-        </div>
-      </div>
+    <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 20px;">
+      <h1><%= translate.coloringPageArtist[lang] %>: <%= user.username %></h1>
+      <a href="/<%= lang %>/artist/<%= user._id %>"><img src="<%= user.avatar %>" style="border-radius: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);" alt="<%= user.username %>"></a>
+      <h2 style="font-size: 14px; color: gray;"><%= user.count %> Coloring Page Works</h2>
     </div>
 
     <div class="content">
@@ -41,7 +30,9 @@
         <% data.forEach(item=> { %>
           <div class="image-card">
             <a href="<%= item.uri %>"><img src="<%= item.thumb %>" alt="<%= item.title %>"></a>
-            <div class="card-title"><%= item.title %></div>
+            <div class="card-title">
+              <%= item.title %>
+            </div>
           </div>
           <% }); %>
       </div>

+ 2 - 2
views/detail.ejs

@@ -81,9 +81,9 @@
                             </a>
                             <% }); %>
                 </p>
-                <div>
+                <h2 style="font-size: 16px; font-weight: lighter;">
                     <%= detail.copy ?? detail.desc %>
-                </div>
+                </h2>
                 <div class="button-wrapper">
                     <a href="/play/<%= detail._id %>" class="play-button">
                         <%= translate.play[lang] %>