jekyll-text-theme 1.4.3 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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>