From a36e95a3498a97996f97ea3b0409f017e5a7135e Mon Sep 17 00:00:00 2001
From: zeekling <lingzhaohui@zeekling.cn>
Date: Sat, 9 Jul 2022 15:46:52 +0800
Subject: [PATCH] update articles

---
 article-list.ftl | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/article-list.ftl b/article-list.ftl
index de35452..aa731cf 100644
--- a/article-list.ftl
+++ b/article-list.ftl
@@ -31,6 +31,13 @@
                     <div class="blog-slider card">
                         <div class="blog-slider__wrp swiper-wrapper">
                             <div class="blog-slider__item swiper-slide">
+							 <div class="blog-slider__img">
+							    <a href="${article.articlePermalink}">
+								    <img class="thumbnail" src="${adminUser.userAvatar!}" height="250" width="150"
+									data-src="${article.articleImg1URL}" alt="${article.articleTitle!}"
+									referrerpolicy="origin">
+								</a>
+						     </div>
                                 <div class="blog-slider__content">
                                     <div>
                                         <span class="blog-slider__code"
@@ -53,8 +60,8 @@
                                             href="${article.articlePermalink}">${article.articleTitle!}</a>
                                     </h2>
                                     <div class="blog-slider__text is-size-6" content="" >
-                                        <#if article.articleAbstractText!?length gt 150>
-                                            ${article.articleAbstractText!?substring(0, 150)} <#else>
+                                        <#if article.articleAbstractText!?length gt 48>
+                                            ${article.articleAbstractText!?substring(0, 48)} <#else>
                                                 ${article.articleAbstractText!}</#if>
                                     </div>
                                     <a href="${article.articlePermalink}"
@@ -67,6 +74,13 @@
                 </div>
                 <#else>
                     <div class="card">
+						 <div class="card-image">
+						   <a href="${article.articlePermalink}">
+						     <img class="thumbnail" src="${adminUser.userAvatar!}" height="200" width="100"
+							 data-src="${article.articleImg1URL}" alt="${article.articleTitle!}"
+							 referrerpolicy="origin">
+						   </a>
+						 </div>
                         <div class="card-content article " id="card-content" style="width: 100%">
                             <div class="level article-meta is-size-7 is-uppercase is-mobile is-overflow-x-auto">
                                 <div class="level-left">
@@ -94,9 +108,10 @@
 
                             </h2>
                             <div id="is-hidden-touch" class="content is-hidden-touch is-size-6">
-                                <#if article.articleAbstractText!?length gt 200>
-                                    ${article.articleAbstractText!?substring(0, 200)} <#else>
+                                <#if article.articleAbstractText!?length gt 128>
+                                    ${article.articleAbstractText!?substring(0, 110)} <#else>
                                         ${article.articleAbstractText!}</#if>
+                                <#-- ${article.articleAbstractText!?substring(0, 110)} ...... -->
                             </div>
 
                             <div class="level is-mobile">