style: add description for reward images

release 2.6.1

data/even/default.toml

@@ -14,6 +14,8 @@ categories = "分类"
   toc = "文章目录"
   readmore = "阅读更多"
   reward = "赞赏支持"
+  rewardAlipay = "支付宝打赏"
+  rewardWechat = "微信打赏"
   seeMarkDown = "查看本文 Markdown 版本 »"
 
   [posts.header]

data/even/en.toml

@@ -14,6 +14,8 @@ categories = "Categories"
   toc = "Contents"
   readmore = "Read more.."
   reward = "Reward"
+  rewardAlipay = "alipay"
+  rewardWechat = "wechat"
   seeMarkDown = "The Markdown version »"
 
   [posts.header]

data/even/zh-CN.toml

@@ -14,6 +14,8 @@ categories = "分类"
   toc = "文章目录"
   readmore = "阅读更多"
   reward = "赞赏支持"
+  rewardAlipay = "支付宝打赏"
+  rewardWechat = "微信打赏"
   seeMarkDown = "查看本文 Markdown 版本 »"
 
   [posts.header]

exampleSite/data/even/default.toml

@@ -14,6 +14,8 @@ categories = "Categories"
   toc = "Contents"
   readmore = "Read more.."
   reward = "Reward"
+  rewardAlipay = "alipay"
+  rewardWechat = "wechat"
   seeMarkDown = "The Markdown version »"
 
   [posts.header]

layouts/partials/head.html

@@ -51,7 +51,7 @@
 <link rel="mask-icon" href="{{ "safari-pinned-tab.svg" | relURL }}" color="#5bbad5">
 
 <!-- Styles -->
-<link href="{{ "dist/even.min.css?v=2.6.0" | relURL }}" rel="stylesheet">
+<link href="{{ "dist/even.min.css?v=2.6.1" | relURL }}" rel="stylesheet">
 {{ if .Site.Params.bootcdn -}}
   {{ if .Site.Params.fancybox }}<link href="https://cdn.bootcss.com/fancybox/3.1.20/jquery.fancybox.min.css" rel="stylesheet" crossorigin="anonymous">{{ end }}
 {{- else if .Site.Params.publicCDN.enable -}}

layouts/partials/post/reward.html

@@ -1,17 +1,20 @@
 {{ if and .Site.Params.reward.enable (ne .Params.reward false) }}
 <div class="post-reward">
+  {{- $lang := .Site.Data.even.default }}
   <input type="checkbox" name="reward" id="reward" hidden />
-  <label class="reward-button" for="reward">{{ .Site.Data.even.default.posts.reward }}</label>
+  <label class="reward-button" for="reward">{{ $lang.posts.reward }}</label>
   <div class="qr-code">
     {{ $qrCode := .Site.Params.reward }}
     {{ with $qrCode.wechat }}
       <label class="qr-code-image" for="reward">
-        <img class="image" src="{{ . }}" title="wechat">
+        <img class="image" src="{{ . }}">
+        <span>{{ $lang.posts.rewardWechat }}</span>
       </label>
     {{- end }}
     {{ with $qrCode.alipay }}
       <label class="qr-code-image" for="reward">
-        <img class="image" src="{{ . }}" title="alipay">
+        <img class="image" src="{{ . }}">
+        <span>{{ $lang.posts.rewardAlipay }}</span>
       </label>
     {{- end }}
   </div>

layouts/partials/scripts.html

@@ -13,7 +13,7 @@
   <script type="text/javascript" src="{{ "lib/slideout/slideout-1.0.1.min.js" | relURL }}"></script>
   {{ if .Site.Params.fancybox }}<script type="text/javascript" src="{{ "lib/fancybox/jquery.fancybox-3.1.20.min.js" | relURL }}"></script>{{ end }}
 {{- end }}
-<script type="text/javascript" src="{{ "dist/even.min.js?v=2.6.0" | relURL }}"></script>
+<script type="text/javascript" src="{{ "dist/even.min.js?v=2.6.1" | relURL }}"></script>
 
 {{- if and (and .Site.Params.mathjax (ne .Params.mathjax false)) (or .IsPage .IsHome) }}
   <script type="text/javascript">

src/css/_partial/_post/_reward.scss

@@ -38,6 +38,12 @@
       min-width: 200px;
       width: 40%;
       margin-top: 15px;
+
+      span {
+        display: inline-block;
+        width: 100%;
+        margin: 8px 0;
+      }
     }
 
     .image {

src/package.json

@@ -1,6 +1,6 @@
 {
   "name": "even-src",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "description": "even source file",
   "main": "index.js",
   "scripts": {