Add languages flag

shogun88888888 · Apr 8, 2016 · eb437dc · eb437dc
1 parent 5a3886d
commit eb437dc
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 0 deletions.
diff --git a/assets/css/page.css b/assets/css/page.css
@@ -308,3 +308,39 @@ section.cmd-description {
     right: 40px;
   }
 }
+
+/**
+ * Flags
+ */
+.languages-flag {
+    margin-top: 10px;
+    color: gray;
+}
+.languages-flag a {
+    margin: 0 .3em;
+}
+ i.flag:not(.icon),i.flag:not(.icon):before {
+     display: inline-block;
+     width: 16px;
+     height: 11px
+ }
+
+i.flag:not(.icon) {
+     line-height: 11px;
+     vertical-align: baseline;
+     -webkit-backface-visibility: hidden;
+     backface-visibility: hidden
+ }
+
+i.flag:not(.icon):before {
+     content: '';
+     background: url('../images/flags.png') -108px -1976px no-repeat
+ }
+
+i.flag.china:before,i.flag.cn:before {
+    background-position: 0 -1196px
+}
+
+i.flag.gb:before,i.flag.united.kingdom:before {
+    background-position: -36px -26px
+}
diff --git a/assets/images/flags.png b/assets/images/flags.png
diff --git a/index.html b/index.html
@@ -85,6 +85,15 @@ <h5 class="sidebar-title">Laravel 5.1 LTS Cheat Sheet</h5>
                           <i class="icon-weibo"></i>
                         </a>
                       </li>
+                      <li class="languages-flag">
+                        <a href="https://cs.phphub.org/">
+                          <i class="cn flag"></i>
+                        </a>
+                        <span class="vertical-line">|</span>
+                        <a href="https://aufree.github.io/laravel5-cheatsheet/">
+                          <i class="gb flag"></i>
+                        </a>
+                      </li>
                     </ul>
                   </div>
                   <div class="large-10 columns code-column code-container">

diff --git a/index_zh-CN.html b/index_zh-CN.html
@@ -87,6 +87,15 @@ <h5 class="sidebar-title">Laravel 5.1 LTS 速查表</h5>
                           <i class="icon-weibo"></i>
                         </a>
                       </li>
+                      <li class="languages-flag">
+                        <a href="https://cs.phphub.org/">
+                          <i class="cn flag"></i>
+                        </a>
+                        <span class="vertical-line">|</span>
+                        <a href="https://aufree.github.io/laravel5-cheatsheet/">
+                          <i class="gb flag"></i>
+                        </a>
+                      </li>
                     </ul>
                   </div>
                   <div class="large-10 columns code-column code-container">