modify index

readme.md

@@ -30,9 +30,9 @@ $ npm start
  1. https://bird.ioliu.cn/v1?url=http[s]://YouWantProxyJSONUrls.com&[?]params1=val1&params2=val2[&callback=fn]
  2. [详细食用方法请点此](https://github.com/xCss/JsonBird/wiki)
 
-## 你能得到
+## 我们能做到
 1. :sparkles: 让不支持跨域的远程数据接口支持跨域
-2. :muscle: 让不支持JSONP的远程数据接口支持JSONP (在URL后面添加`&callback=fn`)
+2. :muscle: 让不支持JSONP的远程数据接口支持JSONP (添加参数`&callback=fn`)
 
 
 ## License

static/css/main.css

@@ -1649,12 +1649,12 @@ blockquote {
 
 code {
     background: rgba(144, 144, 144, 0.075);
-    border-radius: 0;
     border: solid 1px #dbdbdb;
     font-family: "Courier New", monospace;
     font-size: 0.9em;
     margin: 0 0.25em;
-    padding: 0.25em 0.65em;
+    padding: 0.15em 0.65em;
+    border-radius: 15px;
 }
 
 pre {
@@ -1725,7 +1725,7 @@ article.special article {
 
 section.wrapper,
 article.wrapper {
-    padding: 6em 0;
+    padding: 2.5em 0;
 }
 
 section.wrapper header,
@@ -2834,7 +2834,7 @@ button:disabled,
 /* Banner */
 
 #banner {
-    padding: 8em 0 9em 0;
+    padding: 8em 0 4em 0;
     background-image: url(../images/banner.jpg);
     background-size: cover;
     background-position: bottom;
@@ -2858,7 +2858,7 @@ button:disabled,
     border-top: 2px solid rgba(255, 255, 255, 0.2);
     position: relative;
     z-index: 10005;
-    padding-top: 8em;
+    padding-top: 5em;
 }
 
 #banner h1 {

views/welcome.pug

@@ -34,10 +34,18 @@ block content
                 div
                     a.button(href='#interface') 数据接口
                 div
-                    a.button(href="/v1?url=http://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1",target="_blank") 快速开始
+                    a.button(href="/v1?url=http://www.bing.com/HPImageArchive.aspx?format=js&idx=1&n=1",target="_blank") 快速开始
+    section#can.wrapper
+        div.inner
+            h4 我们能够做到:
+            ol
+                li 让<code>不支持跨域</code>的远程数据接口<code>支持跨域</code>.
+                li 让<code>不支持JSONP</code>的远程数据接口<code>支持JSONP</code>(添加参数<code>&callback=cb_name</code>).
+                li 多种数据请求方式与返回格式.
+                li 更多接口...
     section#interface.wrapper
         div.inner
-            h4 目前已经实现的接口:
+            h4 已经实现的数据接口:
             div.table-wrapper
                 table.alt
                     thead