jekyll-text-theme 1.4.3 → 1.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -6
  3. data/_data/locale.yml +21 -3
  4. data/_data/variables.yml +31 -0
  5. data/_includes/{blog → components}/article-data.html +4 -2
  6. data/_includes/{info → components}/follow-me.html +1 -1
  7. data/_includes/{blog → components}/footer.html +1 -1
  8. data/_includes/components/header.html +42 -0
  9. data/_includes/{blog → components}/license.html +0 -0
  10. data/_includes/{blog → components}/tags.html +5 -6
  11. data/_includes/icon/clear.svg +3 -0
  12. data/_includes/icon/link.svg +1 -0
  13. data/_includes/icon/omit.svg +1 -0
  14. data/_includes/icon/search.svg +3 -0
  15. data/_includes/icon/{mail.svg → social/mail.svg} +0 -0
  16. data/_includes/scripts/all.html +244 -0
  17. data/_includes/scripts/common.html +30 -0
  18. data/_includes/scripts/data.html +27 -0
  19. data/_includes/scripts/home.html +26 -0
  20. data/_includes/scripts/page-post.html +32 -0
  21. data/_includes/scripts/post.html +183 -0
  22. data/_includes/scripts/utils.html +180 -0
  23. data/_includes/snippets/get-lang.html +2 -2
  24. data/_includes/snippets/get-sources.html +5 -0
  25. data/_includes/utils/chart.html +17 -0
  26. data/_includes/utils/comment-disqus.html +0 -3
  27. data/_includes/utils/comment-gitalk.html +15 -12
  28. data/_includes/utils/google-analytics.html +6 -8
  29. data/_includes/utils/mathjax.html +10 -4
  30. data/_includes/utils/mermaid.html +5 -4
  31. data/_layouts/all.html +10 -131
  32. data/_layouts/base.html +38 -0
  33. data/_layouts/error-404.html +1 -1
  34. data/_layouts/home.html +81 -68
  35. data/_layouts/page.html +3 -3
  36. data/_layouts/post.html +32 -172
  37. data/_sass/animate/_fade-in-down.scss +10 -0
  38. data/_sass/animate/_fade-in.scss +8 -0
  39. data/_sass/colors/{_colors.chocolate.scss → _chocolate.scss} +9 -3
  40. data/_sass/colors/{_colors.dark.scss → _dark.scss} +10 -3
  41. data/_sass/colors/{_colors.default.scss → _default.scss} +10 -4
  42. data/_sass/colors/{_colors.forest.scss → _forest.scss} +9 -3
  43. data/_sass/colors/{_colors.ocean.scss → _ocean.scss} +9 -3
  44. data/_sass/colors/{_colors.orange.scss → _orange.scss} +9 -3
  45. data/_sass/common/_classes.scss +15 -0
  46. data/_sass/{settings → common}/_highlighting.scss +0 -12
  47. data/_sass/common/_reset.scss +171 -0
  48. data/_sass/common/_variables.scss +64 -0
  49. data/_sass/common/classes/_animation.scss +4 -0
  50. data/_sass/common/classes/_clearfix.scss +7 -0
  51. data/_sass/{mixins → common/classes}/_flex.scss +0 -0
  52. data/_sass/common/classes/_link.scss +161 -0
  53. data/_sass/common/classes/_media.scss +18 -0
  54. data/_sass/common/classes/_shadow.scss +14 -0
  55. data/_sass/common/classes/_shape.scss +19 -0
  56. data/_sass/common/classes/_space.scss +40 -0
  57. data/_sass/common/classes/_split-line.scss +24 -0
  58. data/_sass/common/classes/_transform.scss +4 -0
  59. data/_sass/common/classes/_transition.scss +4 -0
  60. data/_sass/common/classes/_user-select.scss +6 -0
  61. data/_sass/common/components/_button.scss +72 -0
  62. data/_sass/components/_article.content.extra.scss +41 -0
  63. data/_sass/components/_article.content.scss +127 -69
  64. data/_sass/components/_article.data.scss +11 -11
  65. data/_sass/components/_follow-me.scss +27 -34
  66. data/_sass/components/_footer.scss +4 -4
  67. data/_sass/components/_header.scss +35 -22
  68. data/_sass/components/_license.scss +7 -7
  69. data/_sass/components/_main.scss +23 -0
  70. data/_sass/components/_pagination.scss +12 -0
  71. data/_sass/components/_tags.scss +30 -15
  72. data/_sass/components/_toc.scss +32 -19
  73. data/_sass/layout/_all.scss +82 -0
  74. data/_sass/layout/_default.scss +19 -0
  75. data/_sass/{blog/_page.error-404.scss → layout/_error-404.scss} +1 -1
  76. data/_sass/layout/_home.scss +61 -0
  77. data/_sass/layout/_post.scss +80 -0
  78. data/assets/css/blog.scss +29 -34
  79. data/assets/images/logo/logo.svg +1 -1
  80. metadata +56 -38
  81. data/_includes/blog/header.html +0 -56
  82. data/_layouts/blog-base.html +0 -36
  83. data/_layouts/blog-default.html +0 -7
  84. data/_sass/base/_animate.scss +0 -19
  85. data/_sass/base/_base.scss +0 -83
  86. data/_sass/base/_image&icon.scss +0 -23
  87. data/_sass/base/_links.scss +0 -73
  88. data/_sass/base/_text.scss +0 -56
  89. data/_sass/blog/_layout.base.scss +0 -3
  90. data/_sass/blog/_layout.default.scss +0 -21
  91. data/_sass/blog/_layout.post.scss +0 -68
  92. data/_sass/blog/_page.all.scss +0 -35
  93. data/_sass/blog/_page.index.scss +0 -50
  94. data/_sass/components/_wrapper.scss +0 -29
  95. data/_sass/mixins/_link.scss +0 -67
  96. data/_sass/mixins/_media.scss +0 -12
  97. data/_sass/mixins/_prefix.scss +0 -14
  98. data/_sass/mixins/_shape.scss +0 -19
  99. data/_sass/settings/_base.scss +0 -12
  100. data/_sass/settings/_colors.scss +0 -9
  101. data/_sass/settings/_font.scss +0 -32
@@ -0,0 +1,19 @@
1
+ .m-page-stage {
2
+ box-sizing: border-box;
3
+ min-height: 100%;
4
+ overflow: auto;
5
+ padding-bottom: map-get($layout, footer-height);
6
+ @include animation(fade-in-down map-get($animation, duration) map-get($animation, timing-function));
7
+ }
8
+
9
+ .m-page-content {
10
+ padding: 0;
11
+ padding-bottom: 1.6rem;
12
+ @include media-breakpoint-down(l) {
13
+ padding-bottom: 0.8rem;
14
+ }
15
+ }
16
+
17
+ .m-page-main {
18
+ margin: 0 auto;
19
+ }
@@ -2,6 +2,6 @@
2
2
  @include flexbox;
3
3
  @include align-items(center);
4
4
  &>.main>h1 {
5
- font-size: $base-font-size * 7;
5
+ font-size: 7rem;
6
6
  }
7
7
  }
@@ -0,0 +1,61 @@
1
+ .m-post-list {
2
+ & > article {
3
+ & > h1 {
4
+ font-size: map-get($base, font-size-header-list);
5
+ & > a {
6
+ @include link-text-colors( $text-color-d, $main-color-1, $main-color-1);
7
+ }
8
+ }
9
+ & > a {
10
+ font-size: map-get($base, font-size-sub);
11
+ }
12
+ padding-bottom: 1.3rem;
13
+ margin: 2.6rem 0 1rem 0;
14
+ &:not(:last-child) {
15
+ @include split-line(bottom);
16
+ }
17
+ }
18
+ .m-article-content {
19
+ font-size: map-get($base, font-size-sub);
20
+ line-height: map-get($base, line-height);
21
+ @include block-elements() {
22
+ margin-top: map-get($base, vertical-space);
23
+ margin-bottom: map-get($base, vertical-space);
24
+ }
25
+ @include heading-elements() {
26
+ margin-top: map-get($base, vertical-space) * 1.5;
27
+ }
28
+
29
+ h1,
30
+ h2,
31
+ h3 {
32
+ color: $text-color;
33
+ }
34
+ h1,
35
+ h2 {
36
+ padding: 0;
37
+ border: none;
38
+ }
39
+ h1 {
40
+ font-size: map-get($base, font-size-h1-excerpt);
41
+ }
42
+ h2 {
43
+ font-size: map-get($base, font-size-h2-excerpt);
44
+ }
45
+ h3 {
46
+ font-size: map-get($base, font-size-h3-excerpt);
47
+ }
48
+ h4 {
49
+ font-size: map-get($base, font-size-h4-excerpt);
50
+ }
51
+ h5 {
52
+ font-size: map-get($base, font-size-h5-excerpt);
53
+ }
54
+ h6 {
55
+ font-size: map-get($base, font-size-h6-excerpt);
56
+ }
57
+ img {
58
+ max-height: 12rem;
59
+ }
60
+ }
61
+ }
@@ -0,0 +1,80 @@
1
+ .m-post {
2
+ .col-2 {
3
+ display: none;
4
+ float: right;
5
+ &>aside {
6
+ box-sizing: border-box;
7
+ width: map-get($layout, aside-width);
8
+ position: absolute;
9
+ padding: 1.5rem;
10
+ padding-right: 0;
11
+ overflow: hidden;
12
+ }
13
+ @include media-breakpoint-down(l) {
14
+ float: none;
15
+ }
16
+ }
17
+ footer {
18
+ &>span {
19
+ color: $text-color-l;
20
+ }
21
+ &>.article-license {
22
+ position: relative;
23
+ max-width: 30rem;
24
+ margin: .8rem 0;
25
+ }
26
+ }
27
+ .article-previous-next {
28
+ word-wrap: break-word;
29
+ margin: map-get($base, vertical-space-large) * 2 0 map-get($base, vertical-space-large) 0;
30
+ padding-top: map-get($base, vertical-space-large) / 2;
31
+ @include split-line(top, 4px);
32
+ & > .article-previous, & > .article-next {
33
+ box-sizing: border-box;
34
+ width: 50%;
35
+ & > span {
36
+ font-weight: map-get($base, font-weight-bold);
37
+ color: $text-color-l;
38
+ }
39
+ & > a{
40
+ display: block;
41
+ @include link-text-colors($text-color, $main-color-1, $main-color-1);
42
+ }
43
+ }
44
+ & > .article-previous {
45
+ float: left;
46
+ padding-right: .5rem;
47
+ }
48
+ & > .article-next {
49
+ float: right;
50
+ padding-left: .5rem;
51
+ text-align: right;
52
+ }
53
+ }
54
+ }
55
+
56
+ .has-toc {
57
+ .m-post {
58
+ .col-1 {
59
+ margin-right: map-get($layout, aside-width);
60
+ @include media-breakpoint-down(l) {
61
+ margin-right: 0;
62
+ }
63
+ }
64
+ .col-2 {
65
+ width: map-get($layout, aside-width);
66
+ position: relative;
67
+ display: block;
68
+ &>aside {
69
+ &.fixed {
70
+ position: fixed;
71
+ z-index: 2;
72
+ -webkit-font-smoothing: subpixel-antialiased;
73
+ }
74
+ }
75
+ @include media-breakpoint-down(l) {
76
+ display: none;
77
+ }
78
+ }
79
+ }
80
+ }
data/assets/css/blog.scss CHANGED
@@ -4,43 +4,38 @@
4
4
  @charset "utf-8";
5
5
 
6
6
  @import
7
- "settings/base",
8
- "settings/colors",
9
- "settings/font",
10
- "settings/highlighting",
11
-
12
- "mixins/prefix",
13
- "mixins/media",
14
- "mixins/link",
15
- "mixins/flex",
16
- "mixins/shape",
17
-
18
- "base/base",
19
- "base/text",
20
- "base/links",
21
- "base/image&icon",
22
- "base/animate",
23
-
24
- "components/wrapper",
25
-
26
- "components/follow-me",
27
-
7
+ "colors/{{ site.text_color_theme | default: site.data.variables.default.text_color_theme }}",
8
+ // "colors/chocolate",
9
+ // "colors/dark",
10
+ // "colors/default",
11
+ // "colors/forest",
12
+ // "colors/ocean",
13
+ // "colors/orange",
14
+
15
+ "common/variables",
16
+ "common/highlighting",
17
+ "common/classes",
18
+ "common/reset",
19
+ "common/components/button",
20
+
21
+ "animate/fade-in",
22
+ "animate/fade-in-down",
23
+
24
+ "components/main",
28
25
  "components/header",
29
- "components/footer",
30
-
31
- "components/toc",
32
- "components/tags",
33
- "components/pagination",
34
-
35
26
  "components/article.data",
36
27
  "components/article.content",
28
+ "components/article.content.extra",
29
+ "components/pagination",
30
+ "components/tags",
31
+ "components/toc",
32
+ "components/follow-me",
37
33
  "components/license",
34
+ "components/footer",
38
35
 
39
- "blog/layout.base",
40
- "blog/layout.default",
41
- "blog/layout.post",
42
-
43
- "blog/page.all",
44
- "blog/page.index",
45
- "blog/page.error-404"
36
+ "layout/default",
37
+ "layout/home",
38
+ "layout/all",
39
+ "layout/post",
40
+ "layout/error-404"
46
41
  ;
@@ -1,5 +1,5 @@
1
1
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2
- width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
2
+ width="24px" height="24px" viewBox="0 0 24 24">
3
3
  <style type="text/css">
4
4
  .st0{fill:#666666;}
5
5
  </style>
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-text-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.4.3
4
+ version: 1.5.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - kitian616
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-01-13 00:00:00.000000000 Z
11
+ date: 2018-03-18 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -118,17 +118,22 @@ files:
118
118
  - LICENSE
119
119
  - README.md
120
120
  - _data/locale.yml
121
- - _includes/blog/article-data.html
122
- - _includes/blog/footer.html
123
- - _includes/blog/header.html
124
- - _includes/blog/license.html
125
- - _includes/blog/tags.html
121
+ - _data/variables.yml
126
122
  - _includes/common-head.html
123
+ - _includes/components/article-data.html
124
+ - _includes/components/follow-me.html
125
+ - _includes/components/footer.html
126
+ - _includes/components/header.html
127
+ - _includes/components/license.html
128
+ - _includes/components/tags.html
127
129
  - _includes/head-icons-rel.html
128
- - _includes/icon/mail.svg
130
+ - _includes/icon/clear.svg
131
+ - _includes/icon/link.svg
129
132
  - _includes/icon/menu.svg
130
133
  - _includes/icon/next.svg
134
+ - _includes/icon/omit.svg
131
135
  - _includes/icon/previous.svg
136
+ - _includes/icon/search.svg
132
137
  - _includes/icon/social/behance.svg
133
138
  - _includes/icon/social/douban.svg
134
139
  - _includes/icon/social/facebook.svg
@@ -136,69 +141,82 @@ files:
136
141
  - _includes/icon/social/github.svg
137
142
  - _includes/icon/social/googleplus.svg
138
143
  - _includes/icon/social/linkedin.svg
144
+ - _includes/icon/social/mail.svg
139
145
  - _includes/icon/social/pinterest.svg
140
146
  - _includes/icon/social/qq.svg
141
147
  - _includes/icon/social/twitter.svg
142
148
  - _includes/icon/social/weibo.svg
143
149
  - _includes/icon/social/weixin.svg
144
150
  - _includes/icon/social/zhihu.svg
145
- - _includes/info/follow-me.html
146
151
  - _includes/logo/logo.svg
152
+ - _includes/scripts/all.html
153
+ - _includes/scripts/common.html
154
+ - _includes/scripts/data.html
155
+ - _includes/scripts/home.html
156
+ - _includes/scripts/page-post.html
157
+ - _includes/scripts/post.html
158
+ - _includes/scripts/utils.html
147
159
  - _includes/snippets/get-lang.html
148
160
  - _includes/snippets/get-nav-url.html
161
+ - _includes/snippets/get-sources.html
149
162
  - _includes/snippets/locale-to-string.html
150
163
  - _includes/snippets/page-title.html
151
164
  - _includes/snippets/page-url.html
152
165
  - _includes/snippets/prepend-baseurl.html
166
+ - _includes/utils/chart.html
153
167
  - _includes/utils/comment-disqus.html
154
168
  - _includes/utils/comment-gitalk.html
155
169
  - _includes/utils/google-analytics.html
156
170
  - _includes/utils/mathjax.html
157
171
  - _includes/utils/mermaid.html
158
172
  - _layouts/all.html
159
- - _layouts/blog-base.html
160
- - _layouts/blog-default.html
173
+ - _layouts/base.html
161
174
  - _layouts/error-404.html
162
175
  - _layouts/home.html
163
176
  - _layouts/none.html
164
177
  - _layouts/page.html
165
178
  - _layouts/post.html
166
- - _sass/base/_animate.scss
167
- - _sass/base/_base.scss
168
- - _sass/base/_image&icon.scss
169
- - _sass/base/_links.scss
170
- - _sass/base/_text.scss
171
- - _sass/blog/_layout.base.scss
172
- - _sass/blog/_layout.default.scss
173
- - _sass/blog/_layout.post.scss
174
- - _sass/blog/_page.all.scss
175
- - _sass/blog/_page.error-404.scss
176
- - _sass/blog/_page.index.scss
177
- - _sass/colors/_colors.chocolate.scss
178
- - _sass/colors/_colors.dark.scss
179
- - _sass/colors/_colors.default.scss
180
- - _sass/colors/_colors.forest.scss
181
- - _sass/colors/_colors.ocean.scss
182
- - _sass/colors/_colors.orange.scss
179
+ - _sass/animate/_fade-in-down.scss
180
+ - _sass/animate/_fade-in.scss
181
+ - _sass/colors/_chocolate.scss
182
+ - _sass/colors/_dark.scss
183
+ - _sass/colors/_default.scss
184
+ - _sass/colors/_forest.scss
185
+ - _sass/colors/_ocean.scss
186
+ - _sass/colors/_orange.scss
187
+ - _sass/common/_classes.scss
188
+ - _sass/common/_highlighting.scss
189
+ - _sass/common/_reset.scss
190
+ - _sass/common/_variables.scss
191
+ - _sass/common/classes/_animation.scss
192
+ - _sass/common/classes/_clearfix.scss
193
+ - _sass/common/classes/_flex.scss
194
+ - _sass/common/classes/_link.scss
195
+ - _sass/common/classes/_media.scss
196
+ - _sass/common/classes/_shadow.scss
197
+ - _sass/common/classes/_shape.scss
198
+ - _sass/common/classes/_space.scss
199
+ - _sass/common/classes/_split-line.scss
200
+ - _sass/common/classes/_transform.scss
201
+ - _sass/common/classes/_transition.scss
202
+ - _sass/common/classes/_user-select.scss
203
+ - _sass/common/components/_button.scss
204
+ - _sass/components/_article.content.extra.scss
183
205
  - _sass/components/_article.content.scss
184
206
  - _sass/components/_article.data.scss
185
207
  - _sass/components/_follow-me.scss
186
208
  - _sass/components/_footer.scss
187
209
  - _sass/components/_header.scss
188
210
  - _sass/components/_license.scss
211
+ - _sass/components/_main.scss
189
212
  - _sass/components/_pagination.scss
190
213
  - _sass/components/_tags.scss
191
214
  - _sass/components/_toc.scss
192
- - _sass/components/_wrapper.scss
193
- - _sass/mixins/_flex.scss
194
- - _sass/mixins/_link.scss
195
- - _sass/mixins/_media.scss
196
- - _sass/mixins/_prefix.scss
197
- - _sass/mixins/_shape.scss
198
- - _sass/settings/_base.scss
199
- - _sass/settings/_colors.scss
200
- - _sass/settings/_font.scss
201
- - _sass/settings/_highlighting.scss
215
+ - _sass/layout/_all.scss
216
+ - _sass/layout/_default.scss
217
+ - _sass/layout/_error-404.scss
218
+ - _sass/layout/_home.scss
219
+ - _sass/layout/_post.scss
202
220
  - assets/css/blog.scss
203
221
  - assets/images/license-cc4.png
204
222
  - assets/images/logo/icon-120x120.png
@@ -1,56 +0,0 @@
1
- <header class="m-page-header main clearfix">
2
- {%- if site.paths.base -%}
3
- {%- assign __path = site.paths.base -%}
4
- {%- else -%}
5
- {%- assign __path = '/' -%}
6
- {%- endif -%}
7
- {%- include snippets/get-nav-url.html -%}
8
- {%- if site.title -%}
9
- <a class="site-title" title="{%- if site.description -%}{{ site.description }}{%- endif -%}" href="{{ __return }}">{{ site.title }}</a>
10
- {%- endif -%}
11
- <div class="site-logo">
12
- {%- include logo/logo.svg -%}
13
- </div>
14
- <nav>
15
- <ul class="inline-list">
16
- {%- if site.paths.home -%}
17
- {%- assign __path = site.paths.home -%}
18
- {%- else -%}
19
- {%- assign __path = '/' -%}
20
- {%- endif -%}
21
- {%- include snippets/get-nav-url.html -%}
22
- {%- assign href = __return -%}
23
- {%- assign __locale = site.data.locale.NAV.HOME -%}
24
- {%- include snippets/locale-to-string.html -%}
25
- <li><a href="{{ href }}">{{ __return }}</a></li>
26
- {%- if site.paths.all -%}
27
- {%- assign __path = site.paths.all -%}
28
- {%- else -%}
29
- {%- assign __path = '/all.html' -%}
30
- {%- endif -%}
31
- {%- include snippets/get-nav-url.html -%}
32
- {%- assign href = __return -%}
33
- {%- assign __locale = site.data.locale.NAV.ALL -%}
34
- {%- include snippets/locale-to-string.html -%}
35
- <li><a href="{{ href }}">{{ __return }}</a></li>
36
- {%- for list in site.nav_lists -%}
37
- {%- assign __path = list.url -%}
38
- {%- include snippets/get-nav-url.html -%}
39
- {%- assign href = __return -%}
40
- {%- assign __locale = list.titles -%}
41
- {%- include snippets/locale-to-string.html -%}
42
- <li><a href="{{ href }}">{%- if list.title -%}{{ list.title }}{%- else -%}{{ __return }}{%- endif -%}</a></li>
43
- {%- endfor -%}
44
- {%- if site.paths.rss -%}
45
- {%- assign __path = site.paths.rss -%}
46
- {%- else -%}
47
- {%- assign __path = '/feed.xml' -%}
48
- {%- endif -%}
49
- {%- include snippets/get-nav-url.html -%}
50
- {%- assign href = __return -%}
51
- {%- assign __locale = site.data.locale.NAV.RSS -%}
52
- {%- include snippets/locale-to-string.html -%}
53
- <li><a type="application/rss+xml" href="{{ href }}">{{ __return }}</a></li>
54
- </ul>
55
- </nav>
56
- </header>