feat: update doc, landing page and copywriters

xiaerfei · Jul 6, 2018 · a01c63d · a01c63d
1 parent 9936255
commit a01c63d
Show file tree

Hide file tree

Showing 9 changed files with 266 additions and 44 deletions.
diff --git a/about.md b/about.md
@@ -11,7 +11,7 @@ key: page-about
 
 ![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.png)
 
-TeXt is succinct Jekyll theme, Perfect for hosting your personal site, blog, documentation on GitHub or self-hosting on your own server.
+TeXt is a Jekyll theme for personal site, team site, blog, project, documentation, etc. Similar to iOS 11 style, it has large and prominent titles, round buttons and cards.
 
 ```javascript
 (() => console.log('Hello, World!'))();
@@ -20,23 +20,20 @@ TeXt is succinct Jekyll theme, Perfect for hosting your personal site, blog, doc
 ## Features
 
 - Responsive
-- Paginate ([jekyll-paginate](https://github.com/jekyll/jekyll-paginate))
+- Skins
 - Table of contents
-- Tag
+- Authors
+- Multi-language support(English, Simplified Chinese, Traditional Chinese)
 - Search
-- Page views ([LeanCloud](https://leancloud.cn/))
-- Emoji ([Jemoji](https://github.com/jekyll/jemoji))
-- Comments ([Disqus](https://disqus.com/))
-- Google Analytics
-- Contact information (Email, Facebook, Twitter, Linkedin, Weibo, Zhihu, etc)
 - Semantic HTML
-- Icon automation tool ([gulp-svg2png](https://www.npmjs.com/package/gulp-svg2png), [gulp-to-ico](https://www.npmjs.com/package/gulp-to-ico))
-- Skins
+- RSS（[jekyll-feed](https://github.com/jekyll/jekyll-feed))
+- Contact information (Email, Facebook, Twitter, Linkedin, Weibo, Zhihu, etc)
 - Mathematical formula ([MathJax](https://www.mathjax.org/))
 - Flowchart, Sequence diagram, Gantt diagram ([mermaid](https://mermaidjs.github.io/))
 - Line Chart, Bar Chart, Radar Chart, Pie Chart ([chartjs](http://www.chartjs.org/))
-- RSS（[jekyll-feed](https://github.com/jekyll/jekyll-feed))
-- Multi-language support(English, Simplified Chinese, Traditional Chinese)
+- Page views ([LeanCloud](https://leancloud.cn/))
+- Comments ([Disqus](https://disqus.com/))
+- Google Analytics
 
 ## Skins
 

diff --git a/docs/_config.dev.yml b/docs/_config.dev.yml
@@ -38,8 +38,7 @@ author:
   url       :
   avatar    : /assets/apple-touch-icon.png
   bio: >
-    TeXt is a Jekyll theme for personal site, blog, project, documentation and so on.
-    Similar to iOS 11 style, it has large and prominent titles, round buttons and cards.
+    for TeXt development.
   email     :
   facebook  :
   twitter   :

diff --git a/docs/_config.yml b/docs/_config.yml
@@ -38,7 +38,7 @@ author:
   url       :
   avatar    : /assets/apple-touch-icon.png
   bio: >
-    TeXt is a Jekyll theme for personal site, blog, project, documentation and so on.
+    TeXt is a Jekyll theme for personal site, team site, blog, project, documentation, etc.
     Similar to iOS 11 style, it has large and prominent titles, round buttons and cards.
   email     : kitian616@outlook.com
   facebook  :

diff --git a/docs/en/2.2-navigation.md b/docs/en/2.2-navigation.md
@@ -34,4 +34,4 @@ header:
     url:        https://github.com/kitian616/jekyll-TeXt-theme
 ```
 
-You can ues `titles` for a multi-language name.
+You can use `titles` for a multi-language name.
diff --git a/docs/landing.html b/docs/landing.html
@@ -11,8 +11,6 @@
     - text: Getting Started
       type: primary
       url: /docs/en/quick-start
-    - text: '<i class="fab fa-github"></i> GitHub'
-      url: https://github.com/kitian616/jekyll-TeXt-theme
     - text: Demo
       type: outline-info
       url: /test/
@@ -49,6 +47,9 @@
               url: /docs/en/markdown-enhancements
     - title: 100% Free
       description: Free to use however you want under the MIT License. Clone it, fork it, customize it, whatever!
+      actions:
+        - text: '<i class="fab fa-github"></i> GitHub'
+          url: https://github.com/kitian616/jekyll-TeXt-theme
     - title: Tip Me
       children:
         - title: 'WeChat <i class="fas fa-arrow-down"></i>'

diff --git a/screenshots/TeXt-details.png b/screenshots/TeXt-details.png
diff --git a/screenshots/TeXt-layouts.png b/screenshots/TeXt-layouts.png
diff --git a/screenshots/TeXt.sketch b/screenshots/TeXt.sketch
diff --git a/test/_posts/2017-08-08-additional-styles.md b/test/_posts/2017-08-08-additional-styles.md
@@ -10,9 +10,34 @@ toc: true
 Success!
 {:.success}
 
+
+<div class="grid">
+<div class="row">
+<div class="col-4 col-md-5 col-sm-12" markdown="1">
 ![Lenna](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/test/assets/images/lenna.jpg "Lenna_rounded"){:.rounded}
+</div>
+<div class="col-4 col-md-5 col-sm-12" markdown="1">
+![Lenna](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/test/assets/images/lenna.jpg "Lenna_rounded"){:.circle.shadow}
+</div>
+</div>
+</div>
 
-[BUTTON](#){:.button.button--info.button--rounded.button--lg}
+<div class="grid">
+<div class="row">
+<div class="col-2 col-md-4 col-sm-6">
+<div class="button button--primary button--pill my-2"><i class="fas fa-space-shuttle"></i> BUTTON</div>
+</div>
+<div class="col-2 col-md-4 col-sm-6">
+<div class="button button--outline-info button--pill my-2"><i class="fas fa-space-shuttle"></i> BUTTON</div>
+</div>
+<div class="col-2 col-md-4 col-sm-6">
+<div class="button button--success button--rounded my-2"><i class="fas fa-user-astronaut"></i> BUTTON</div>
+</div>
+<div class="col-2 col-md-4 col-sm-6">
+<div class="button button--warning button--rounded my-2"><i class="fas fa-user-astronaut"></i> BUTTON</div>
+</div>
+</div>
+</div>
 
 <!--more-->
 
@@ -67,38 +92,238 @@ Error Text.
 
 ## Button
 
-| Primary | Secondary | Success | Info | Warning | Error |
-| ---- | ---- | ---- | ---- | ---- | ---- |
-| [BUTTON](#){:.button.button--primary.button--pill} | [BUTTON](#){:.button.button--secondary.button--pill} | [BUTTON](#){:.button.button--success.button--pill} | [BUTTON](#){:.button.button--info.button--pill} | [BUTTON](#){:.button.button--warning.button--pill} | [BUTTON](#){:.button.button--error.button--pill} |
+<div class="grid">
+<div class="row">
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Primary</strong></div>
+<div class="button button--primary button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Secondary</strong></div>
+<div class="button button--secondary button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Success</strong></div>
+<div class="button button--success button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Info</strong></div>
+<div class="button button--info button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Warning</strong></div>
+<div class="button button--warning button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Error</strong></div>
+<div class="button button--error button--pill my-2">BUTTON</div>
+</div>
+</div>
+</div>
+
+<div class="grid">
+<div class="row">
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Primary</strong></div>
+<div class="button button--outline-primary button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Secondary</strong></div>
+<div class="button button--outline-secondary button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Success</strong></div>
+<div class="button button--outline-success button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Info</strong></div>
+<div class="button button--outline-info button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Warning</strong></div>
+<div class="button button--outline-warning button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Error</strong></div>
+<div class="button button--outline-error button--pill my-2">BUTTON</div>
+</div>
+</div>
+</div>
+
+<div class="grid">
+<div class="row">
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Primary</strong></div>
+<div class="button button--primary button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Secondary</strong></div>
+<div class="button button--secondary button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Success</strong></div>
+<div class="button button--success button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Info</strong></div>
+<div class="button button--info button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Warning</strong></div>
+<div class="button button--warning button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Error</strong></div>
+<div class="button button--error button--rounded my-2">BUTTON</div>
+</div>
+</div>
+</div>
+
+<div class="grid">
+<div class="row">
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Primary</strong></div>
+<div class="button button--outline-primary button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Secondary</strong></div>
+<div class="button button--outline-secondary button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Success</strong></div>
+<div class="button button--outline-success button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Info</strong></div>
+<div class="button button--outline-info button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Warning</strong></div>
+<div class="button button--outline-warning button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Error</strong></div>
+<div class="button button--outline-error button--rounded my-2">BUTTON</div>
+</div>
+</div>
+</div>
 
-| Primary | Secondary | Success | Info | Warning | Error |
-| ---- | ---- | ---- | ---- | ---- | ---- |
-| [BUTTON](#){:.button.button--outline-primary.button--pill} | [BUTTON](#){:.button.button--outline-secondary.button--pill} | [BUTTON](#){:.button.button--outline-success.button--pill} | [BUTTON](#){:.button.button--outline-info.button--pill} | [BUTTON](#){:.button.button--outline-warning.button--pill} | [BUTTON](#){:.button.button--outline-error.button--pill} |
+<div class="grid">
+<div class="row">
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Primary</strong></div>
+<div class="button button--primary button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Secondary</strong></div>
+<div class="button button--secondary button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Success</strong></div>
+<div class="button button--success button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Info</strong></div>
+<div class="button button--info button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Warning</strong></div>
+<div class="button button--warning button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Error</strong></div>
+<div class="button button--error button--circle my-2 mx-auto">X</div>
+</div>
+</div>
+</div>
 
-| Primary | Secondary | Success | Info | Warning | Error |
-| ---- | ---- | ---- | ---- | ---- | ---- |
-| [BUTTON](#){:.button.button--primary.button--rounded} | [BUTTON](#){:.button.button--secondary.button--rounded} | [BUTTON](#){:.button.button--success.button--rounded} | [BUTTON](#){:.button.button--info.button--rounded} | [BUTTON](#){:.button.button--warning.button--rounded} | [BUTTON](#){:.button.button--error.button--rounded} |
+<div class="grid">
+<div class="row">
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Primary</strong></div>
+<div class="button button--outline-primary button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Secondary</strong></div>
+<div class="button button--outline-secondary button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Success</strong></div>
+<div class="button button--outline-success button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Info</strong></div>
+<div class="button button--outline-info button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Warning</strong></div>
+<div class="button button--outline-warning button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Error</strong></div>
+<div class="button button--outline-error button--circle my-2 mx-auto">X</div>
+</div>
+</div>
+</div>
 
-| Primary | Secondary | Success | Info | Warning | Error |
-| ---- | ---- | ---- | ---- | ---- | ---- |
-| [BUTTON](#){:.button.button--outline-primary.button--rounded} | [BUTTON](#){:.button.button--outline-secondary.button--rounded} | [BUTTON](#){:.button.button--outline-success.button--rounded} | [BUTTON](#){:.button.button--outline-info.button--rounded} | [BUTTON](#){:.button.button--outline-warning.button--rounded} | [BUTTON](#){:.button.button--outline-error.button--rounded} |
 
-| Primary | Secondary | Success | Info | Warning | Error |
-| ---- | ---- | ---- | ---- | ---- | ---- |
-| [X](#){:.button.button--primary.button--circle} | [X](#){:.button.button--secondary.button--circle} | [X](#){:.button.button--success.button--circle} | [X](#){:.button.button--info.button--circle} | [X](#){:.button.button--warning.button--circle} | [X](#){:.button.button--error.button--circle} |
 
-| Primary | Secondary | Success | Info | Warning | Error |
-| ---- | ---- | ---- | ---- | ---- | ---- |
-| [X](#){:.button.button--outline-primary.button--circle} | [X](#){:.button.button--outline-secondary.button--circle} | [X](#){:.button.button--outline-success.button--circle} | [X](#){:.button.button--outline-info.button--circle} | [X](#){:.button.button--outline-warning.button--circle} | [X](#){:.button.button--outline-error.button--circle} |
 
-| Small | Middle | Large |
-| ---- | ---- | ---- |
-| [BUTTON](#){:.button.button--secondary.button--pill.button--sm} | [BUTTON](#){:.button.button--secondary.button--pill.button--md} | [BUTTON](#){:.button.button--secondary.button--pill.button--lg} |
-| [BUTTON](#){:.button.button--secondary.button--rounded.button--sm} | [BUTTON](#){:.button.button--secondary.button--rounded.button--md} | [BUTTON](#){:.button.button--secondary.button--rounded.button--lg} |
-| [X](#){:.button.button--secondary.button--circle.button--sm} | [X](#){:.button.button--secondary.button--circle.button--md} | [X](#){:.button.button--secondary.button--circle.button--lg} |
+<div class="grid">
+<div class="row">
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Large</strong></div>
+<div class="button button--secondary button--pill button--lg my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Middle</strong></div>
+<div class="button button--secondary button--pill my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Small</strong></div>
+<div class="button button--secondary button--pill button--sm my-2">BUTTON</div>
+</div>
+</div>
+</div>
+
+<div class="grid">
+<div class="row">
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Large</strong></div>
+<div class="button button--secondary button--rounded button--lg my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Middle</strong></div>
+<div class="button button--secondary button--rounded my-2">BUTTON</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Small</strong></div>
+<div class="button button--secondary button--rounded button--sm my-2">BUTTON</div>
+</div>
+</div>
+</div>
+
+<div class="grid">
+<div class="row">
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Large</strong></div>
+<div class="button button--secondary button--circle button--lg my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Middle</strong></div>
+<div class="button button--secondary button--circle my-2 mx-auto">X</div>
+</div>
+<div style="text-align: center;" class="col-2 col-md-4 col-sm-6">
+<div class="mt-3"><strong>Small</strong></div>
+<div class="button button--secondary button--circle button--sm my-2 mx-auto">X</div>
+</div>
+</div>
+</div>
 
 ## Font Awesome
 
-<i class="fas fa-download"></i>
+<i class="fas fa-space-shuttle"></i>
+
+<i class="fas fa-user-astronaut"></i>
 
-<a class="button button--success button--rounded button--lg" href="#"><i class="fas fa-download"></i> Download TeXt Theme</a>
+<div class="button button--success button--rounded button--lg"><i class="fas fa-download"></i> Download TeXt Theme</div>