add circle

.circle.yml

@@ -0,0 +1,3 @@
+machine:
+  node:
+    version: 6

README.md

@@ -1,5 +1,5 @@
 ![](./src/imageslogo.opacity.png)
-# Valine
+# Valine  [![donate](https://img.shields.io/badge/$-donate-ff69b4.svg?maxAge=2592000&style=flat-square)](#donate)
 > A simple comment system based on Leancloud.
 
 ------------------------------
@@ -17,8 +17,8 @@
 - [Useage](#useage)
 - [Contributors](#contributors)
 - [Features](#features)
-- [License](#license)
 - [Donate](#donate)
+- [License](#license)
 
 ## Installation
 **1. Installation**   
@@ -75,17 +75,13 @@ import Valine from 'valine'
 - Syntax highlighting
 - And more...
 
-## License
-[GPL-2.0](https://github.com/xCss/Valine/blob/master/LICENSE)
-
 ## Donate
-<table>
-    <tr>
-        <td><img width=150 src="./src/images/alipay.png"/></td>
-        <td><img width=150 src="./src/images/wechatpay.png"/></td>
-    </tr>
-    <tr>
-        <td >支付宝</td>
-        <td >微信</td>
-    </tr>
-</table>
+If you are enjoying this app, please consider making a donation to keep it alive, I will try my best to dedicate more time or even full time to work on it. 😉
+
+- [Donate via Wechat](https://ws1.sinaimg.cn/large/006qRazegy1fibhig0ywqj30es0erabm.jpg)
+- [Donate via Alipay](https://ws1.sinaimg.cn/large/006qRazegy1fibhifhhfnj30ix0io0tt.jpg)
+
+If you are not available for this, simply spreading the word for us would help too!
+
+## License
+[GPL-2.0](https://github.com/xCss/Valine/blob/master/LICENSE)

index.html

@@ -111,9 +111,11 @@
     <script>
         window.valine = new Valine({
             av: AV,
+            el: '.comment',
             app_id: '3GiiCyXCrGbOIH3EelCfJ6yw-gzGzoHsz',
             app_key: 'iuneD4hXPQImdHQSRE0aOcRF',
-            el: '.comment'
+            placeholder: 'ヾﾉ≧∀≦)o来啊，快活啊!',
+
         });
     </script>
 

src/Valine.js

@@ -56,8 +56,8 @@ class Valine {
             return;
         }
         _root.element.classList.add('valine');
-
-        let eleHTML = `<div class="vwrap"><div class="vedit"><textarea class="veditor vinput" placeholder="ヾﾉ≧∀≦)o来啊，快活啊!"></textarea></div><div class="vcontrol"><div class='vident'><input placeholder="称呼" class="vnick vinput" type="text"><input placeholder="网址" class="vlink vinput" type="text"></div><div class="vright"><button type="button" class="vsubmit vbtn">回复</button></div></div></div><div class="pd5 txt-right power">Powered By <a href="https://github.com/xCss/Valine" target="_blank">Valine</a></div><ul class="vlist"><li class="vloading"></li><li class="vempty"></li></ul>`;
+        let placeholder = option.placeholder || 'ヾﾉ≧∀≦)o来啊，快活啊!';
+        let eleHTML = `<div class="vwrap"><div class="vedit"><textarea class="veditor vinput" placeholder="${placeholder}"></textarea></div><div class="vcontrol"><div class='vident'><input placeholder="称呼" class="vnick vinput" type="text"><input placeholder="网址" class="vlink vinput" type="text"></div><div class="vright"><button type="button" class="vsubmit vbtn">回复</button></div></div></div><div class="pd5 txt-right power">Powered By <a href="https://github.com/xCss/Valine" target="_blank">Valine</a></div><ul class="vlist"><li class="vloading"></li><li class="vempty"></li></ul>`;
         _root.element.innerHTML = eleHTML;
 
         // loading