add sponsor

i18n/en_US.json

@@ -166,5 +166,6 @@
     "download": "Download",
     "decompress": "Decompress",
     "keymap": "Keymap",
-    "resize": "Resize"
+    "resize": "Resize",
+    "sponsor": "Sponsor"
 }

i18n/ja_JP.json

@@ -166,5 +166,6 @@
     "download": "ダウンロード",
     "decompress": "解凍する",
     "keymap": "キーマップ",
-    "resize": "サイズ変更"
+    "resize": "サイズ変更",
+    "sponsor": "スポンサー"
 }

i18n/ko_KR.json

@@ -166,5 +166,6 @@
     "download": "다운로드",
     "decompress": "압축풀기",
     "keymap": "단축키",
-    "resize": "크기조절"
+    "resize": "크기조절",
+    "sponsor": "후원사"
 }

i18n/zh_CN.json

@@ -166,5 +166,6 @@
     "download": "下载",
     "decompress": "解压缩",
     "keymap": "快捷键",
-    "resize": "调整大小"
+    "resize": "调整大小",
+    "sponsor": "赞助"
 }

i18n/zh_TW.json

@@ -166,5 +166,6 @@
     "download": "下載",
     "decompress": "解壓縮",
     "keymap": "快速鍵",
-    "resize": "調整大小"
+    "resize": "調整大小",
+    "sponsor": "贊助"
 }

static/css/sign.css

@@ -127,6 +127,14 @@ body {
     box-shadow: 0 0 0 0.2em rgba(40, 167, 69, .3);
 }
 
+.btn-blue {
+    background-color: #4285f4;
+}
+
+.btn-blue:hover {
+    background-color: #2a75f3;
+}
+
 .btn.btn-white,
 .btn.btn-red {
     color: #333;

views/index.html

@@ -325,6 +325,10 @@
                                 <span class="font-ico ico-about"></span>
                                 <span>{{.i18n.about}}</span>
                             </li>
+                            <li onclick="window.open('https://hacpai.com/sponsor')">
+                                <span class="space"></span>
+                                <span>{{.i18n.sponsor}}</span>
+                            </li>
                         </ul>
                     </div>                    
                 </li>

views/playground/index.html

@@ -8,11 +8,13 @@
     <meta name="description" content="A Web-based Go IDE , do your development anytime, anywhere."/>
     <meta name="author" content="B3log">
 
-        <link rel="stylesheet" href="/static/js/lib/codemirror-{{.codeMirrorVer}}/codemirror.css?{{.conf.StaticResourceVersion}}">
+    <link rel="stylesheet"
+          href="/static/js/lib/codemirror-{{.codeMirrorVer}}/codemirror.css?{{.conf.StaticResourceVersion}}">
     <link rel="stylesheet" href="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/hint/show-hint.css">
     <link rel="stylesheet" href="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/foldgutter.css">
     <link rel="stylesheet" href="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/dialog/dialog.css">
-        <link rel="stylesheet" href="{{$.conf.Server}}/static/js/overwrite/codemirror/theme/wide.css?{{.conf.StaticResourceVersion}}">
+    <link rel="stylesheet"
+          href="{{$.conf.Server}}/static/js/overwrite/codemirror/theme/wide.css?{{.conf.StaticResourceVersion}}">
 
     <link rel="stylesheet" href="/static/css/dialog.css?{{.conf.StaticResourceVersion}}">
     <link rel="stylesheet" href="/static/css/base.css?{{.conf.StaticResourceVersion}}">
@@ -47,6 +49,11 @@
         <li>
             <button class="btn-white btn" id="share" onclick="playground.share();">{{.i18n.share}}</button>
         </li>
+        <li>
+            <button class="btn btn-blue" onclick="window.open('https://hacpai.com/sponsor')">
+                {{.i18n.sponsor}}
+            </button>
+        </li>
     </ul>
     <div class="fn-right">
         <span class="font-ico ico-about" onclick='$("#dialogAbout").dialog("open");'></span> &nbsp;
@@ -75,7 +82,8 @@
 </div>
 <div class="footer">
     <span class="wrapper">
-                Ver {{.ver}}, &copy; {{.year}}&nbsp;<a rel="copyright" href="https://b3log.org" target="_blank">B3log 开源</a>
+        Ver {{.ver}}, &copy; {{.year}}&nbsp;<a rel="copyright" href="https://b3log.org"
+                                               target="_blank">B3log 开源</a>
     </span>
 </div>
 
@@ -103,7 +111,8 @@
 <script type="text/javascript" src="/static/js/lib/reconnecting-websocket.js"></script>
 <script type="text/javascript" src="/static/js/lib/Autolinker.min.js"></script>
 <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/codemirror.min.js"></script>
-        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/selection/active-line.js"></script>
+<script type="text/javascript"
+        src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/selection/active-line.js"></script>
 <script type="text/javascript" src="/static/js/overwrite/codemirror/addon/hint/show-hint.js"></script>
 <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/hint/anyword-hint.js"></script>
 <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/display/rulers.js"></script>
@@ -113,7 +122,8 @@
 <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/search/searchcursor.js"></script>
 <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/search/search.js"></script>
 <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/dialog/dialog.js"></script>
-        <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/search/match-highlighter.js"></script>
+<script type="text/javascript"
+        src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/search/match-highlighter.js"></script>
 <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/foldcode.js"></script>
 <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/foldgutter.js"></script>
 <script type="text/javascript" src="/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/brace-fold.js"></script>