update tiletemplate

Author: pandao

tiletemplate/css/index.css

@@ -114,7 +114,7 @@ html.no-touch .pui-menu-dropdown > li > a:hover {
     padding: 4rem 0;
 }
 
-.pui-panel-simple .pui-panel-box {
+.pui-card-simple .pui-card-box {
     padding-top: 1.6rem;
 }
 
@@ -138,6 +138,10 @@ html.no-touch .pui-menu-dropdown > li > a:hover {
     margin-left: 8px;
 }
 
+.pui-card-title > h1 {
+    font-size: 1.8rem;
+}
+
 #go-to-top {
     position: fixed;
     bottom: 10%;

tiletemplate/index.html

@@ -112,11 +112,11 @@ <h1 class="pui-text-center pui-text-xxxxxl page-title"><a href="./index.html" cl
                 <div class="pui-row">
                     <div class="pui-grid-xs-12 pui-grid-sm-4 pui-grid-md-4">                        
                         <a name="features"></a>
-                        <div class="pui-panel pui-panel-simple">
-                            <div class="pui-panel-title">
+                        <div class="pui-card pui-card-simple">
+                            <div class="pui-card-title">
                                 <h1>主要特性</h1>
                             </div>
-                            <div class="pui-panel-box">
+                            <div class="pui-card-box">
                                 <ul>
                                     <li>简单小巧，精简后只有 4.58K，开启 gzip 后只有 2.3K；</li>
                                     <li>原生语法，高性能预编译和渲染模板 <a href="http://pandao.github.io/tiletemplate/tests/test-speed.html" title="(性能测试)" class="pui-link" target="_blank">（性能测试）</a>；</li>
@@ -148,11 +148,11 @@ <h3 class="pui-text-md">鸣谢</h3>
                     </div>
                     <div class="pui-grid-xs-12 pui-grid-sm-4 pui-grid-md-4">
                         <a name="download"></a>
-                        <div class="pui-panel pui-panel-simple">
-                            <div class="pui-panel-title">
+                        <div class="pui-card pui-card-simple">
+                            <div class="pui-card-title">
                                 <h1>下载和安装</h1>
                             </div>
-                            <div class="pui-panel-box">
+                            <div class="pui-card-box">
                                 <p><a href="https://github.com/pandao/tileTemplate/archive/master.zip" class="pui-btn pui-bg-green"><i class="fa fa-lg fa-github"></i> Github下载</a></p>
                                 <p>通过NPM安装：</p>
                                 <p><code>npm install tiletemplate</code></p>
@@ -167,11 +167,11 @@ <h1>下载和安装</h1>
                     </div>
                     <div class="pui-grid-xs-12 pui-grid-sm-4 pui-grid-md-4">                
                         <a name="license"></a>
-                        <div class="pui-panel pui-panel-simple">
-                            <div class="pui-panel-title">
+                        <div class="pui-card pui-card-simple">
+                            <div class="pui-card-title">
                                 <h1>开源协议</h1>
                             </div>
-                            <div class="pui-panel-box">
+                            <div class="pui-card-box">
                                 <p>tileTemplate 遵循和使用 <a href="https://github.com/pandao/tileTemplate/blob/master/LICENSE" class="pui-link" target="_blank">MIT License</a> 开源协议，无论个人还是公司，都可以免费自由使用。</p>
                                 <br/>
                                 <p><a href="https://github.com/pandao/tileTemplate/issues/new" class="pui-btn pui-bg-green" target="_blank" title="提交Bug或建议"><i class="fa fa-lg fa-github"></i> 提交 Bug 或建议</a></p>