From f4310a4e55e66656c064a23b7bc598b1e0fbdd7d Mon Sep 17 00:00:00 2001
From: changjun <52chinaweb@gmail.com>
Date: Tue, 9 May 2023 04:27:14 +0800
Subject: [PATCH] feat: update style

---
 Elegant.nnwtheme/template.html | 71 +++++++++++++++++++++-------------
 1 file changed, 44 insertions(+), 27 deletions(-)

diff --git a/Elegant.nnwtheme/template.html b/Elegant.nnwtheme/template.html
index cc0eb2b..1f3cfab 100644
--- a/Elegant.nnwtheme/template.html
+++ b/Elegant.nnwtheme/template.html
@@ -31,39 +31,56 @@ body: The body of the article.
 -->
 
 <div id="elegantReader" class="animate-fade-in max-w-prose px-8 py-3 mx-auto box-border font-sans [[text_size_class]]">
-  
-  <!-- <div class="flex flex-col items-center mt-6">
-    <img src="[[avatar_src]]" class="w-18 h-18 rounded-md" alt="">
-    <div class="flex mt-4 space-x-2">
-      <a href="[[preferred_link]]" class="text-gray-300" alt="original text" title="original text [[title]]">
-        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27 29H13c-1.1 0-2-.9-2-2v-4h2v4h14V13h-4v-2h4c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2z"/><path fill="currentColor" d="M11 19h10v2H11zm0-4h10v2H11zm0-4h10v2H11z"/><path fill="currentColor" d="M5 3h14c1.1 0 2 .9 2 2v4h-2V5H5v14h4v2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2z"/></svg>
-      </a>
-      <a href="[[feed_link]]" class="text-gray-300" alt="[[feed_link_title]]" title="[[feed_link_title]]">
-        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M4 24h10v2H4zm0-6h10v2H4zm22-4H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2zM6 6v6h20V6zm20 22h-6a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2zm-6-8v6h6v-6z"/></svg>
-      </a>
-      <div id="textSize" class="text-gray-300">
-        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M25 12h-5v2h5a1 1 0 0 1 1 1v2h-4a3.003 3.003 0 0 0-3 3v1a3.003 3.003 0 0 0 3 3h6v-9a3.003 3.003 0 0 0-3-3zm-3 10a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h4v3zm-6 2h2L12 7h-2L4 24h2l1.694-5h6.613zm-7.629-7l2.497-7.371h.266L13.63 17z"/></svg>
+
+  <div class="w-full h-12 flex items-center space-x-4 my-8">
+    <div class="flex-shrink-0">
+      <img class="w-12 h-12 rounded-md" src="[[avatar_src]]" alt="feed img">
+    </div>
+    <div class="flex-1 min-w-0 flex flex-col">
+      <div class="text-xl font-medium text-gray-900 truncate dark:text-white">
+        [[feed_link_title]]
+      </div>
+      <div class="text-sm text-secondary truncate">
+        <span>Posted on [[datetime_long]] </span>
       </div>
     </div>
-  </div> -->
-  
-  <article class="prose prose-dark dark:prose-light">
-    <h1>[[title]]</h1>
-    <p class="my-4 opacity-50">[[datetime_medium]]</p>
-    [[body]]
-    <p class="opacity-60 text-sm text-center">- THE END -</p>
-  </article>
-  
-  
+  </div>
 
-  <footer class="my-6 prose text-center">
+  <article class="prose prose-dark dark:prose-light">
+    <h1 class="mb-4">[[title]]</h1>
+    <p class="mt-2 text-secondary">
+      <span>[[datetime_medium]]</span>
+
+      <a href="[[feed_link]]" class="ml-2 text-secondary" alt="feed link" title="feed link">
+        <span class="i-carbon-rss"></span>
+        Feed
+      </a>
+
+      <a href="[[preferred_link]]" class="ml-4 text-secondary" alt="originally link" title="originally link">
+        <span class="i-carbon-link"></span>
+        Originally
+      </a>
+
+    </p>
+    <div class="mt-8">
+      [[body]]
+    </div>
+    <p class="text-secondary text-sm text-center my-12">- THE END -</p>
+    <p class="text-secondary text-base mt-12">This blog was posted on [[datetime_long]]</p>
+    <p class="text-secondary text-base">Originally published at
+      <a href="[[feed_link]]" class="ml-4 text-secondary" alt="originally link" title="originally link">
+        <span class="i-carbon-link"></span>
+        [[feed_link_title]]
+      </a>
+    </p>
+  </article>
+
+
+
+  <footer class="my-12 prose text-center">
     <a href="[[feed_link]]">[[byline]]</a>
   </footer>
 </div>
 
 
 <script type="text/javascript"></script>
-
-
-
-