:poop: Add: 初步实现多语言功能，并使用 hint.css 添加 tooltip

7 files changed, 32 insertions, 28 deletions

diff --git a/assets/OwO.json b/assets/OwO.json
index 75b4a8c..2b29251 100644
--- a/assets/OwO.json
+++ b/assets/OwO.json
@@ -1,5 +1,5 @@
 {
-	"颜文字": {
+	"Emotes": {
 		"type": "emoticon",
 		"container": [{
 			"icon": "OωO",
@@ -87,7 +87,7 @@
 			"text": ""
 		}]
 	},
-	"阿鲁": {
+	"Aru": {
 		"type": "image",
 		"container": [{
 			"icon": "<img class=\"biaoqing\" data-src=\"/usr/themes/Miracles/images/biaoqing/aru/E9AB98E585B4_2x.png\">",
@@ -339,7 +339,7 @@
 			"text": "中刀"
 		}]
 	},
-	"泡泡": {
+	"Paopao": {
 		"type": "image",
 		"container": [{
 			"icon": "<img class=\"biaoqing\" data-src=\"/usr/themes/Miracles/images/biaoqing/paopao/E591B5E591B5_2x.png\">",
@@ -615,7 +615,7 @@
 			"text": "弱"
 		}]
 	},
-	"推特": {
+	"Twemoji": {
 		"type": "image",
 		"container": [{
 			"icon": "<img class=\"biaoqing\" data-src=\"/usr/themes/Miracles/images/biaoqing/twemoji/angry.png\">",
diff --git a/assets/css/hint.min.css b/assets/css/hint.min.css
new file mode 100644
index 0000000..904b688
--- /dev/null
+++ b/assets/css/hint.min.css
@@ -0,0 +1,5 @@
+/*! Hint.css - v2.6.0 - 2019-04-27
+* http://kushagragour.in/lab/hint/
+* Copyright (c) 2019 Kushagra Gour */
+
+[class*=hint--]{position:relative;display:inline-block;cursor:pointer!important;}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][data-tooltip]:after{content:attr(data-tooltip)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[data-tooltip='']:after,[data-tooltip='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.hint--no-shadow:after,.hint--no-shadow:before{text-shadow:initial;box-shadow:initial}
\ No newline at end of file
diff --git a/assets/css/main/comment.css b/assets/css/main/comment.css
index 16242ff..e1d9901 100644
--- a/assets/css/main/comment.css
+++ b/assets/css/main/comment.css
@@ -106,7 +106,6 @@
 	-webkit-box-shadow: 0 0 0 #fff;

 }

 .comment-by-author > .comment-body-inner > .comment-main > .comment-meta > .comment-date:before {

-	content: '博主';

 	color: gray;

 	font-size: 0.8em;

     background: rgb(240,240,240);

diff --git a/assets/css/main/miracles.min.css b/assets/css/main/miracles.min.css
index eb6bc06..14a07d9 100644
--- a/assets/css/main/miracles.min.css
+++ b/assets/css/main/miracles.min.css
@@ -16,23 +16,23 @@
 @import url("special.css");

 @import url("themes.css");

 

+/* iconfont */

+@font-face {

+	font-family: 'iconfont';  /* project id 1165190 */

+	src: url('//at.alicdn.com/t/font_1165190_1djdjjwge4m.eot');

+	src: url('//at.alicdn.com/t/font_1165190_1djdjjwge4m.eot?#iefix') format('embedded-opentype'),

+	url('//at.alicdn.com/t/font_1165190_1djdjjwge4m.woff2') format('woff2'),

+	url('//at.alicdn.com/t/font_1165190_1djdjjwge4m.woff') format('woff'),

+	url('//at.alicdn.com/t/font_1165190_1djdjjwge4m.ttf') format('truetype'),

+	url('//at.alicdn.com/t/font_1165190_1djdjjwge4m.svg#iconfont') format('svg');

+  }

+

 /* Varriable */

 :root {

 	--shadow-color: rgb(190,190,190);

 	scroll-behavior: smooth; /* 平滑滚动 */

 }

 

-/* Icon Font */

-@font-face {

-  font-family: 'iconfont';  /* project id 1165190 */

-  src: url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.eot');

-  src: url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.eot?#iefix') format('embedded-opentype'),

-  url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.woff2') format('woff2'),

-  url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.woff') format('woff'),

-  url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.ttf') format('truetype'),

-  url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.svg#iconfont') format('svg');

-}

-

 ::selection{

     background: rgb(230,230,230);

     color:black;

diff --git a/assets/css/main/nav.css b/assets/css/main/nav.css
index 10f764f..eb3db8a 100644
--- a/assets/css/main/nav.css
+++ b/assets/css/main/nav.css
@@ -234,7 +234,7 @@
 	width: 45px;

 	border-radius: 100%;

 	background: rgb(246,246,246);

-	transition: background: 0.2s;

+	transition: background 0.2s;

 	margin: 0 3px;

 	border: none;

 	outline: none;

@@ -333,7 +333,7 @@
 	padding-top: 5px;

 	background: rgba(0,0,0,0);

 	border: none;

-    margin-left: -90px;

+    margin-left: -70px;

 }

 .search-close,

 .search-form button,

diff --git a/assets/js/cmt.miracles.js b/assets/js/cmt.miracles.js
index f0b2bf6..e3c313a 100644
--- a/assets/js/cmt.miracles.js
+++ b/assets/js/cmt.miracles.js
@@ -109,7 +109,7 @@ var MiraclesComment = {
    //禁用按钮

    $('#comment-form .comment-submit').attr('disabled', true);

    $('#comment-form').addClass('comment-sending');

-   $('#comment-form .comment-submit').text('提交中...');

+   $('#comment-form .comment-submit').text(commentSubmit);

   };

   beforeComment();

 

@@ -118,7 +118,7 @@ var MiraclesComment = {
    //取消禁用评论按钮

    $('#comment-form .comment-submit').removeAttr('disabled');

    $('#comment-form').removeClass('comment-sending');

-   $('#comment-form .comment-submit').text('评论');

+   $('#comment-form .comment-submit').text(commentSubmitLoading);

 

    //判断是否评论成功

    if(status) {

diff --git a/assets/js/miracles.min.js b/assets/js/miracles.min.js
index fa6a6a8..e31feb5 100644
--- a/assets/js/miracles.min.js
+++ b/assets/js/miracles.min.js
@@ -179,7 +179,7 @@ function highlight() {
 function owoLoad() {

   if($(".OwO").length>0){

     var OwO_demo = new OwO({

-        logo: 'OωO表情',

+        logo: 'OωO',

         container: document.getElementsByClassName('OwO')[0],

         target: document.getElementsByClassName('OwO-textarea')[0],

         api: owoJson,

@@ -411,25 +411,25 @@ function startTime(a) {
 	var time = a;

 	startTimeV = time;

 	var b = new Date().getTime() - new Date(startTimeV);

-	if (b < 0) return '0 秒';

+	if (b < 0) return '0'+footerTimeSec;

 	let result = '';

 	if (b >= 365 * 86400000) {

-		result += parseInt(b / (365 * 86400000)) + ' 年 ';

+		result += parseInt(b / (365 * 86400000)) + footerTimeYear;

 		b = (b % (365 * 86400000))

 	}

 	if (b >= 86400000) {

-		result += parseInt(b / 86400000) + ' 天 ';

+		result += parseInt(b / 86400000) + footerTimeDay;

 		b = (b % 86400000)

 	}

 	if (b >= 3600000) {

-		result += parseInt(b / 3600000) + ' 小时 ';

+		result += parseInt(b / 3600000) + footerTimeHour;

 		b = (b % 3600000)

 	}

 	if (b >= 60000) {

-		result += parseInt(b / 60000) + ' 分 ';

+		result += parseInt(b / 60000) + footerTimeMin;

 		b = (b % 60000)

 	}

-	result += parseInt(b / 1000) + ' 秒 ';

+	result += parseInt(b / 1000) + footerTimeSec;

 	$('#build-time').html(result);

 	buildTimeout = setTimeout('startTime(startTimeV)', 1000)

 }

@@ -530,7 +530,7 @@ if (loadPjax = true) {
     getWordsNum();

 	if(navBar.length>0){

       navColor();

-	}

+    }

 })();