chore: move theme-related files into ksio folders

README.md

@@ -1,18 +1,18 @@
 # [Lime](https://ourai.github.io/lime/)
 
-A simple, readable, responsive theme for blogs, personal websites and API docs.
+A simple, readable, responsive theme that:
 
-## Supports
+- audience experience first design
+- born for blogs, personal websites and API docs
+- supports most of PC and mobile modern web browsers
+- could be used with SSGs such as [Jekyll](src/jekyll/) (not gem-based), Hexo (coming soon)
 
-Compatibility see below.
+## Getting Started
 
-### SSGs
+Please follow the documentation [on the website](https://ourai.github.io/lime/).
 
-Supported static site generators are:
+## License
 
-- [Jekyll](src/jekyll/) (not gem-based)
-- Hexo (coming soon)
+[MIT](https://opensource.org/licenses/MIT)
 
-### Browsers
-
-Most of PC and mobile modern web browsers.
+Copyright (c) 2015-present, Yao (Ourai) Lin

man/cookbook/apis/html-reuse/entity.yml

@@ -0,0 +1 @@
+title: 结构复用

man/cookbook/apis/html-reuse/readme.md

@@ -0,0 +1,3 @@
+像 Jekyll 这类静态网站生成器并没有「组件」相关支持，但通过它提供的 [`include`](https://jekyllrb.com/docs/includes/){:target="_blank"}{:rel="external "} 机制可以进行一定程度上的模拟。
+
+虽没明说，但 `include` 这种复用机制就相当于是模板引擎的「partial」，故在此也将通过 `include` 使用的片段都称为「partial」。

src/jekyll/_assets/javascripts/global.js

@@ -1,2 +1,2 @@
-//= require ./jquery-1.11.3.min
-//= require ./bootstrap-sprockets.js
+//= require ./ksio/vendors/jquery-1.11.3.min
+//= require ./ksio/bootstrap-sprockets.js

src/jekyll/_assets/javascripts/ksio/bootstrap-sprockets.js

@@ -0,0 +1,12 @@
+//= require ./vendors/bootstrap/affix
+//= require ./vendors/bootstrap/alert
+//= require ./vendors/bootstrap/button
+//= require ./vendors/bootstrap/carousel
+//= require ./vendors/bootstrap/collapse
+//= require ./vendors/bootstrap/dropdown
+//= require ./vendors/bootstrap/modal
+//= require ./vendors/bootstrap/scrollspy
+//= require ./vendors/bootstrap/tab
+//= require ./vendors/bootstrap/transition
+//= require ./vendors/bootstrap/tooltip
+//= require ./vendors/bootstrap/popover

src/jekyll/_assets/javascripts/initializers/lazyload.coffee → src/jekyll/_assets/javascripts/ksio/initializers/lazyload.coffee

@@ -1,4 +1,4 @@
-#= require jquery.lazyload
+#= require ksio/vendors/jquery.lazyload
 
 $(document).ready ->
  $(".Article-content img").lazyload()

src/jekyll/_assets/javascripts/ksio/initializers/time.coffee

@@ -0,0 +1,5 @@
+#= require ksio/vendors/jquery.timeago
+#= require ksio/vendors/jquery.timeago.zh-CN
+
+$(document).ready ->
+ $("time").timeago()

src/jekyll/_assets/stylesheets/_helper.scss

@@ -1,9 +1 @@
-@import "compass";
-@import "compass/layout";
-
-@import "variables";
-@import "painter";
-
-//= Bootstrap
-@import "bootstrap/variables";
-@import "bootstrap/mixins";
+@import "ksio/helper";

src/jekyll/_assets/stylesheets/global.scss

@@ -1,113 +1 @@
-@import "./helper";
-
-@import "bootstrap-sprockets";
-@import "bootstrap-custom";
-
-@import "font-awesome-sprockets";
-@import "font-awesome";
-
-@import "./reset";
-
-@import "./components/utilities";
-@import "./components/component";
-@import "./components/widget";
-@import "./components/page";
-@import "./components/article";
-
-
-
-.Page-banner {
- height: 400px;
- font: 0px/0 a;
- @include covered_background;
-
- &:before {
- width: 100%;
- height: 100%;
- display: block;
- content: $UN-space;
- background-color: #000;
- opacity: .35;
- }
-
- &.is-translucent:before {
- opacity: .5;
- }
-
- @media (min-width: $screen-sm-min) {
- + .container {
- .Article {
- position: relative;
- padding-top: 3em;
- }
-
- .Article-header {
- position: absolute;
- bottom: 100%;
- width: 100%;
- padding-bottom: 4em;
-
- &,
- * {
- color: #fff !important;
- }
- }
-
- .Article-title {
- margin-bottom: 15px;
- font-size: 3.5em;
- }
- }
- }
-
- @media (max-width: $screen-md-max) {
- height: 340px;
- }
-
- @media (max-width: $screen-sm-max) {
- height: 300px;
- }
-
- @media (max-width: $screen-xs-max) {
- height: 150px;
- }
-}
-
-.Page.has-headerImage {
- @media (min-width: $screen-sm-min) {
- $link-hover-color: rgba(255, 255, 255, .9);
-
- .Page-header {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- color: #fff;
- background-color: transparent;
- border-bottom-color: transparent;
-
- .navbar-brand {
- text-shadow: none;
-
- &:hover {
- color: $link-hover-color;
- }
- }
- }
-
- .Page-navs > .nav > li > a {
- color: inherit;
-
- &:hover,
- &:focus {
- color: $link-hover-color;
- }
- }
-
- .Page-content {
- &:before {
- display: none;
- }
- }
- }
-}
+@import "ksio/all";

src/jekyll/_assets/stylesheets/ksio/_all.scss

@@ -0,0 +1,113 @@
+@import "../helper";
+
+@import "bootstrap-sprockets";
+@import "bootstrap-custom";
+
+@import "font-awesome-sprockets";
+@import "font-awesome";
+
+@import "./reset";
+
+@import "./components/utilities";
+@import "./components/component";
+@import "./components/widget";
+@import "./components/page";
+@import "./components/article";
+
+
+
+.Page-banner {
+ height: 400px;
+ font: 0px/0 a;
+ @include covered_background;
+
+ &:before {
+ width: 100%;
+ height: 100%;
+ display: block;
+ content: $UN-space;
+ background-color: #000;
+ opacity: .35;
+ }
+
+ &.is-translucent:before {
+ opacity: .5;
+ }
+
+ @media (min-width: $screen-sm-min) {
+ + .container {
+ .Article {
+ position: relative;
+ padding-top: 3em;
+ }
+
+ .Article-header {
+ position: absolute;
+ bottom: 100%;
+ width: 100%;
+ padding-bottom: 4em;
+
+ &,
+ * {
+ color: #fff !important;
+ }
+ }
+
+ .Article-title {
+ margin-bottom: 15px;
+ font-size: 3.5em;
+ }
+ }
+ }
+
+ @media (max-width: $screen-md-max) {
+ height: 340px;
+ }
+
+ @media (max-width: $screen-sm-max) {
+ height: 300px;
+ }
+
+ @media (max-width: $screen-xs-max) {
+ height: 150px;
+ }
+}
+
+.Page.has-headerImage {
+ @media (min-width: $screen-sm-min) {
+ $link-hover-color: rgba(255, 255, 255, .9);
+
+ .Page-header {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ color: #fff;
+ background-color: transparent;
+ border-bottom-color: transparent;
+
+ .navbar-brand {
+ text-shadow: none;
+
+ &:hover {
+ color: $link-hover-color;
+ }
+ }
+ }
+
+ .Page-navs > .nav > li > a {
+ color: inherit;
+
+ &:hover,
+ &:focus {
+ color: $link-hover-color;
+ }
+ }
+
+ .Page-content {
+ &:before {
+ display: none;
+ }
+ }
+ }
+}

src/jekyll/_assets/stylesheets/ksio/_helper.scss

@@ -0,0 +1,9 @@
+@import "compass";
+@import "compass/layout";
+
+@import "./variables";
+@import "./painter";
+
+//= Bootstrap
+@import "bootstrap/variables";
+@import "bootstrap/mixins";

src/jekyll/_assets/stylesheets/pages/doc.scss → src/jekyll/_assets/stylesheets/ksio/pages/doc.scss

@@ -1,4 +1,4 @@
-@import "../helper";
+@import "../../helper";
 @import "../components/brand";
 
 $headerHeight: 60px;

src/jekyll/_assets/stylesheets/pages/post.scss → src/jekyll/_assets/stylesheets/ksio/pages/post.scss

@@ -1,4 +1,4 @@
-@import "../helper";
+@import "../../helper";
 @import "../syntax-highlighting";
 
 

src/jekyll/_assets/stylesheets/share.scss → src/jekyll/_assets/stylesheets/ksio/vendors/share.scss

@@ -1,10 +1,10 @@
 
 @font-face {font-family: "socialshare";
- src: font-url('share/iconfont.eot'); /* IE9*/
- src: font-url('share/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
- font-url('share/iconfont.woff') format('woff'), /* chrome, firefox */
- font-url('share/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
- font-url('share/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
+ src: font-url('ksio/vendors/share/iconfont.eot'); /* IE9*/
+ src: font-url('ksio/vendors/share/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ font-url('ksio/vendors/share/iconfont.woff') format('woff'), /* chrome, firefox */
+ font-url('ksio/vendors/share/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ font-url('ksio/vendors/share/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .social-share {