i18n hidden photo

assets/customize.scss

@@ -180,14 +180,12 @@ div.hidden-photo {
     background-color: rgba($color: #000000, $alpha: 0.5);
     transition: opacity 0.3s;
     opacity: 1;
-    &::before {
-      content: '点击查看';
-      color: white;
-      height: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
+    color: white;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 1.5em;
   }
   &.show {
     img {

i18n/en.toml

@@ -21,3 +21,6 @@ other = "min read"
 
 [single-writtenBy]
 other = "WRITTEN BY"
+
+[click-to-show]
+other = "Click to Show"

i18n/ja.toml

@@ -3,3 +3,6 @@ other = "このページで"
 
 [contactUs]
 other = "お問い合わせ"
+
+[click-to-show]
+other = "クリックすると表示されます"

i18n/zh-cn.toml

@@ -24,3 +24,7 @@ other = "撰写者"
 
 [edit-this-page]
 other = "编辑此页面"
+
+[click-to-show]
+other = "点击查看"
+

i18n/zh-hant.toml

@@ -3,3 +3,6 @@ other = "此頁面上的內容"
 
 [contactUs]
 other = "聯繫我們"
+
+[click-to-show]
+other = "點擊檢視"

layouts/shortcodes/hiddenphoto.html

@@ -1,4 +1,6 @@
 <div class="hidden-photo" onclick="showHiddenPhoto(this)">
   <img src="{{ .Get 0 }}" alt="{{ .Get 1 }}">
-  <div class="mask"></div>
+  <div class="mask">
+    {{ i18n "click-to-show" }}
+  </div>
 </div>