fixed #13

LunaGao · Apr 20, 2020 · 0d2f733 · 0d2f733
1 parent d7a1471
commit 0d2f733
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 42 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,6 @@
 # BlessYourCodeTag (代码保佑标签)
 [![GodBless](https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/god.svg)](https://github.com/LunaGao/BlessYourCodeTag)
+[![GodBlessFS](https://img.shields.io/badge/bless-God-brightgreen?style=flat-square)](https://github.com/LunaGao/BlessYourCodeTag)
 [![AlpacaBless](https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/alpaca.svg)](https://github.com/LunaGao/BlessYourCodeTag)
 [![SakyamuniBless](https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/sakyamuni.svg)](https://github.com/LunaGao/BlessYourCodeTag)
 [![JesusBless](https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/jesus.svg)](https://github.com/LunaGao/BlessYourCodeTag)
@@ -9,6 +10,9 @@
 [![BaconBless](https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/bacon.svg)](https://github.com/LunaGao/BlessYourCodeTag)
 [![UnicornBless](https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/unicorn.svg)](https://github.com/LunaGao/BlessYourCodeTag)
 
+**Based by [shields](https://shields.io/)**
+
+**基于 [shields](https://shields.io/)**
 
 ## How to use? (如何使用)
 Please visit [this project web page](http://lunagao.github.io/BlessYourCodeTag/).

diff --git a/index.html b/index.html
@@ -45,6 +45,11 @@ <h1>保佑你的代码</h1>
         <p><a class="btn btn-lg btn-success" href="#addinreadme" role="button">Add tag now!（现在就添加）</a></p>
       </div>
 
+      <div class="page-header">
+        <h1>Based on <a href="https://shields.io/">Shields IO</a></h1>
+        <h2>基于 <a href="https://shields.io/">Shields IO</a> 创作</h2>
+      </div>
+
       <div class="page-header">
         <h1>Tag List <small>标签列表</small></h1>
       </div>
@@ -54,59 +59,49 @@ <h1>Tag List <small>标签列表</small></h1>
         <div class="panel-heading">
           <h3 class="panel-title">God 上帝 <small>God bless your code. 上帝保佑你的代码。</small></h3>
         </div>
-        <div class="panel-body">
-          <a href="http://lunagao.github.io/BlessYourCodeTag/"><img src="https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/god.svg" /></a>
-        </div>
         <ul class="list-group">
-          <li class="list-group-item">https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/god.svg</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-God-brightgreen" /> https://img.shields.io/badge/bless-God-brightgreen</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-God-brightgreen?style=flat-square" /> https://img.shields.io/badge/bless-God-brightgreen?style=flat-square</li>
         </ul>
       </div>
 
       <div class="panel panel-default">
         <div class="panel-heading">
           <h3 class="panel-title">Alpaca 羊驼 <small>Alpaca bless your code. 羊驼（草泥马）保佑你的代码。</small></h3>
         </div>
-        <div class="panel-body">
-          <a href="http://lunagao.github.io/BlessYourCodeTag/"><img src="https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/alpaca.svg" /></a>
-        </div>
         <ul class="list-group">
-          <li class="list-group-item">https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/alpaca.svg</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Alpaca-brightgreen" /> https://img.shields.io/badge/bless-Alpaca-brightgreen</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Alpaca-brightgreen?style=flat-square" /> https://img.shields.io/badge/bless-Alpaca-brightgreen?style=flat-square</li>
         </ul>
       </div>
 
       <div class="panel panel-default">
         <div class="panel-heading">
           <h3 class="panel-title">Sakyamuni 释迦牟尼 <small>Sakyamuni bless your code. 释迦牟尼保佑你的代码。</small></h3>
         </div>
-        <div class="panel-body">
-          <a href="http://lunagao.github.io/BlessYourCodeTag/"><img src="https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/sakyamuni.svg" /></a>
-        </div>
         <ul class="list-group">
-          <li class="list-group-item">https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/sakyamuni.svg</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Sakyamuni-brightgreen" /> https://img.shields.io/badge/bless-Sakyamuni-brightgreen</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Sakyamuni-brightgreen?style=flat-square" /> https://img.shields.io/badge/bless-Sakyamuni-brightgreen?style=flat-square</li>
         </ul>
       </div>
 
       <div class="panel panel-default">
         <div class="panel-heading">
           <h3 class="panel-title">Jesus 耶稣 <small>Jesus bless your code. 耶稣保佑你的代码。</small></h3>
         </div>
-        <div class="panel-body">
-          <a href="http://lunagao.github.io/BlessYourCodeTag/"><img src="https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/jesus.svg" /></a>
-        </div>
         <ul class="list-group">
-          <li class="list-group-item">https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/jesus.svg</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Jesus-brightgreen" /> https://img.shields.io/badge/bless-Jesus-brightgreen</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Jesus-brightgreen?style=flat-square" /> https://img.shields.io/badge/bless-Jesus-brightgreen?style=flat-square</li>
         </ul>
       </div>
 
       <div class="panel panel-default">
         <div class="panel-heading">
           <h3 class="panel-title">Allah 真主 <small>Allah bless your code. 真主保佑你的代码。</small></h3>
         </div>
-        <div class="panel-body">
-          <a href="http://lunagao.github.io/BlessYourCodeTag/"><img src="https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/allah.svg" /></a>
-        </div>
         <ul class="list-group">
-          <li class="list-group-item">https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/allah.svg</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Allah-brightgreen" /> https://img.shields.io/badge/bless-Allah-brightgreen</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Allah-brightgreen?style=flat-square" /> https://img.shields.io/badge/bless-Allah-brightgreen?style=flat-square</li>
         </ul>
       </div>
 
@@ -117,24 +112,18 @@ <h3 class="panel-title">😀 Different translation 不同的翻译</h3>
         <div class="panel-heading">
           <h3 class="panel-title">Ramen 飞天面条教 <small>Ramen bless your code. 飞天面条教保佑你的代码。</small></h3>
         </div>
-        <div class="panel-body">
-          <a href="http://lunagao.github.io/BlessYourCodeTag/"><img src="https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/ramen.svg" /></a>
-        </div>
         <ul class="list-group">
-          <li class="list-group-item">https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/ramen.svg</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Ramen-brightgreen" /> https://img.shields.io/badge/bless-Ramen-brightgreen</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Ramen-brightgreen?style=flat-square" /> https://img.shields.io/badge/bless-Ramen-brightgreen?style=flat-square</li>
         </ul>
         <div class="panel-heading">
           <h3 class="panel-title">FSM 飞天面条教
             <small>Flying Spaghetti Monster (FSM) bless your code. 飞意大利面条怪物（FSM）保佑您的代码</small>
           </h3>
         </div>
-        <div class="panel-body">
-          <a href="http://lunagao.github.io/BlessYourCodeTag/">
-            <img src="https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/fsm.svg" />
-          </a>
-        </div>
         <ul class="list-group">
-          <li class="list-group-item">https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/fsm.svg</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-FSM-brightgreen" /> https://img.shields.io/badge/bless-FSM-brightgreen</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-FSM-brightgreen?style=flat-square" /> https://img.shields.io/badge/bless-FSM-brightgreen?style=flat-square</li>
         </ul>
       </div>
 
@@ -144,13 +133,9 @@ <h3 class="panel-title">Bacon 培根
             <small>Bacon bless your code. 培根保佑您的代码。</small>
           </h3>
         </div>
-        <div class="panel-body">
-          <a href="http://lunagao.github.io/BlessYourCodeTag/">
-            <img src="https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/bacon.svg" />
-          </a>
-        </div>
         <ul class="list-group">
-          <li class="list-group-item">https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/bacon.svg</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Bacon-brightgreen" /> https://img.shields.io/badge/bless-Bacon-brightgreen</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Bacon-brightgreen?style=flat-square" /> https://img.shields.io/badge/bless-Bacon-brightgreen?style=flat-square</li>
         </ul>
       </div>
 
@@ -160,13 +145,9 @@ <h3 class="panel-title">Unicorn 独角兽
             <small>Unicorn bless your code. 独角兽保佑您的代码。</small>
           </h3>
         </div>
-        <div class="panel-body">
-          <a href="http://lunagao.github.io/BlessYourCodeTag/">
-            <img src="https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/unicorn.svg" />
-          </a>
-        </div>
         <ul class="list-group">
-          <li class="list-group-item">https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/unicorn.svg</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Unicorn-brightgreen" /> https://img.shields.io/badge/bless-Unicorn-brightgreen</li>
+          <li class="list-group-item"><img src="https://img.shields.io/badge/bless-Unicorn-brightgreen?style=flat-square" /> https://img.shields.io/badge/bless-Unicorn-brightgreen?style=flat-square</li>
         </ul>
       </div>