jekyll-text-theme 2.0.1 → 2.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (80) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +12 -3
  3. data/_data/locale.yml +4 -4
  4. data/_data/variables.yml +1 -0
  5. data/_includes/article-footer/author-profile.html +2 -7
  6. data/_includes/article-footer/license.html +1 -2
  7. data/_includes/article-info.html +6 -13
  8. data/_includes/article-section-navigator.html +54 -0
  9. data/_includes/{follow-me.html → author-links.html} +4 -10
  10. data/_includes/footer.html +20 -21
  11. data/_includes/head.html +10 -18
  12. data/_includes/header.html +5 -8
  13. data/_includes/markdown-enhancements.html +6 -18
  14. data/_includes/markdown-enhancements/mathjax.html +4 -8
  15. data/_includes/markdown-enhancements/mermaid.html +3 -1
  16. data/_includes/pageview.html +1 -3
  17. data/_includes/paginator.html +97 -0
  18. data/_includes/scripts/archieve.js +4 -4
  19. data/_includes/scripts/article-list.html +2 -4
  20. data/_includes/scripts/aside/affix.js +7 -9
  21. data/_includes/scripts/aside/toc.js +7 -9
  22. data/_includes/scripts/{sidebar.js → components/sidebar.js} +0 -0
  23. data/_includes/scripts/lib/affix.js +35 -26
  24. data/_includes/scripts/lib/toc.js +7 -5
  25. data/_includes/sidebar/toc.html +2 -4
  26. data/_includes/snippets/assign.html +7 -3
  27. data/_includes/snippets/get-nav-url.html +4 -4
  28. data/_includes/snippets/get-sources.html +1 -4
  29. data/_includes/snippets/locale-to-string.html +4 -4
  30. data/_includes/snippets/page-title.html +2 -4
  31. data/_includes/snippets/page-url.html +1 -2
  32. data/_includes/snippets/prepend-baseurl.html +1 -1
  33. data/_includes/tags.html +1 -1
  34. data/_layouts/article.html +8 -38
  35. data/_layouts/home.html +4 -108
  36. data/_layouts/landing.html +6 -12
  37. data/_layouts/page.html +16 -28
  38. data/_sass/additional/_alert.scss +4 -4
  39. data/_sass/animate/_fade-in-up.scss +10 -0
  40. data/_sass/common/_classes.scss +2 -1
  41. data/_sass/common/_reset.scss +0 -13
  42. data/_sass/common/_variables.scss +1 -1
  43. data/_sass/common/classes/_clickable.scss +1 -1
  44. data/_sass/common/classes/_link.scss +0 -62
  45. data/_sass/common/components/_menu.scss +21 -1
  46. data/_sass/common/components/_toc.scss +9 -10
  47. data/_sass/components/{_article.content.scss → _article-content.scss} +3 -5
  48. data/_sass/components/{_article.info.scss → _article-info.scss} +3 -3
  49. data/_sass/components/{_follow-me.scss → _author-links.scss} +1 -1
  50. data/_sass/components/_author-profile.scss +1 -1
  51. data/_sass/components/_footer.scss +14 -12
  52. data/_sass/components/_header.scss +2 -1
  53. data/_sass/components/_tags.scss +1 -0
  54. data/_sass/layout/_archive.scss +7 -4
  55. data/_sass/layout/_article.scss +1 -1
  56. data/_sass/layout/_base.scss +10 -0
  57. data/_sass/layout/_home.scss +3 -0
  58. data/_sass/layout/_page.scss +5 -1
  59. data/_sass/skins/_chocolate.scss +25 -14
  60. data/_sass/skins/_dark.scss +19 -8
  61. data/_sass/skins/_default.scss +16 -5
  62. data/_sass/skins/_forest.scss +17 -6
  63. data/_sass/skins/_ocean.scss +23 -12
  64. data/_sass/skins/_orange.scss +26 -14
  65. data/_sass/skins/highlight/_default.scss +0 -0
  66. data/_sass/skins/highlight/_tomorrow-night-blue.scss +2 -0
  67. data/_sass/skins/highlight/_tomorrow-night-bright.scss +2 -0
  68. data/_sass/skins/highlight/_tomorrow-night-eighties.scss +2 -0
  69. data/_sass/skins/highlight/_tomorrow-night.scss +2 -0
  70. data/_sass/skins/highlight/_tomorrow.scss +2 -0
  71. data/_sass/skins/highlight/tomorrow/_default.scss +10 -0
  72. data/_sass/skins/highlight/tomorrow/_highlight.scss +74 -0
  73. data/_sass/skins/highlight/tomorrow/_night-blue.scss +10 -0
  74. data/_sass/skins/highlight/tomorrow/_night-bright.scss +10 -0
  75. data/_sass/skins/highlight/tomorrow/_night-eighties.scss +10 -0
  76. data/_sass/skins/highlight/tomorrow/_night.scss +10 -0
  77. data/assets/css/main.scss +20 -9
  78. metadata +23 -9
  79. data/_includes/snippets/to-boolean.html +0 -7
  80. data/_sass/common/_highlighting.scss +0 -65
@@ -14,8 +14,9 @@ $text-color-2: #fff;
14
14
  $main-color-3: #f2f2f2;
15
15
  $text-color-3: #333;
16
16
 
17
- // background colors
17
+ // page background
18
18
  $background-color: #fff;
19
+
19
20
  // text colors
20
21
  $text-color-theme-light-d: #000;
21
22
  $text-color-theme-light: #222;
@@ -31,6 +32,13 @@ $text-color-l: $text-color-theme-light-l;
31
32
 
32
33
  $text-background-color: rgba(#000, .05);
33
34
 
35
+ // header and footer colors
36
+ $header-text-color: $text-color-3;
37
+ $header-background: $main-color-3;
38
+
39
+ $footer-text-color: $text-color-3;
40
+ $footer-background: $main-color-3;
41
+
34
42
  // border and shadow colors
35
43
  $border-color: mix(#000, $background-color, 20%);
36
44
  $border-color-l: mix(#000, $background-color, 10%);
@@ -39,10 +47,10 @@ $mask-color: rgba(#000, .8);
39
47
  $select-color: rgba($main-color-1, .5);
40
48
 
41
49
  // function colors
42
- $green: #57c22d;
43
- $blue: #2593fc;
44
- $yellow: #f8ac30;
45
- $red: #f22635;
50
+ $green: #52c41a;
51
+ $blue: #1890ff;
52
+ $yellow: #fa8c16;
53
+ $red: #f5222d;
46
54
  $text-color-function: #fff;
47
55
 
48
56
  // logo colors
@@ -54,3 +62,6 @@ $twitter-color: #1da1f2;
54
62
  $douban-color: #42bd56;
55
63
  $github-color: #000;
56
64
  $linkedin-color: #1074af;
65
+
66
+ // highlight colors
67
+ @import './highlight/tomorrow';
@@ -14,8 +14,9 @@ $text-color-2: #fff;
14
14
  $main-color-3: #7cc7bb;
15
15
  $text-color-3: #fff;
16
16
 
17
- // background colors
17
+ // page background
18
18
  $background-color: #f8fcfb;
19
+
19
20
  // text colors
20
21
  $text-color-theme-light-d: #325f74;
21
22
  $text-color-theme-light: #3e758f;
@@ -31,18 +32,25 @@ $text-color-l: $text-color-theme-light-l;
31
32
 
32
33
  $text-background-color: rgba(#000, .05);
33
34
 
35
+ // header and footer colors
36
+ $header-text-color: $text-color-3;
37
+ $header-background: $main-color-3;
38
+
39
+ $footer-text-color: $text-color-3;
40
+ $footer-background: $main-color-3;
41
+
34
42
  // border and shadow colors
35
- $border-color: mix(#000, $background-color, 20%);
43
+ $border-color: #3e758f;
36
44
  $border-color-l: mix(#000, $background-color, 10%);
37
45
  $decorate-color: rgba(#bb6170, .15);
38
46
  $mask-color: rgba(#000, .8);
39
47
  $select-color: rgba($main-color-1, .5);
40
48
 
41
49
  // function colors
42
- $green: #57c22d;
43
- $blue: #2593fc;
44
- $yellow: #f8ac30;
45
- $red: #f22635;
50
+ $green: #52c41a;
51
+ $blue: #1890ff;
52
+ $yellow: #fa8c16;
53
+ $red: #f5222d;
46
54
  $text-color-function: #fff;
47
55
 
48
56
  // logo colors
@@ -54,3 +62,6 @@ $twitter-color: #1da1f2;
54
62
  $douban-color: #42bd56;
55
63
  $github-color: #000;
56
64
  $linkedin-color: #1074af;
65
+
66
+ // highlight colors
67
+ @import './highlight/tomorrow';
@@ -5,21 +5,22 @@
5
5
  ///
6
6
 
7
7
  // main colors
8
- $main-color-1: #09abff;
8
+ $main-color-1: #125c9f;
9
9
  $text-color-1: #fff;
10
10
 
11
- $main-color-2: #ead4d9;
12
- $text-color-2: #444;
11
+ $main-color-2: #a5917f;
12
+ $text-color-2: #fff;
13
13
 
14
14
  $main-color-3: #e1f5ff;
15
15
  $text-color-3: #00537f;
16
16
 
17
- // background colors
17
+ // page background
18
18
  $background-color: #f5fcff;
19
+
19
20
  // text colors
20
- $text-color-theme-light-d: #32434c;
21
- $text-color-theme-light: #00537f;
22
- $text-color-theme-light-l: #0079ba;
21
+ $text-color-theme-light-d: rgba(#000, .95);
22
+ $text-color-theme-light: rgba(#000, .85);
23
+ $text-color-theme-light-l: rgba(#000, .5);
23
24
 
24
25
  $text-color-theme-dark-d: #fff;
25
26
  $text-color-theme-dark: rgba(#fff, .95);
@@ -31,18 +32,25 @@ $text-color-l: $text-color-theme-light-l;
31
32
 
32
33
  $text-background-color: rgba(#000, .05);
33
34
 
35
+ // header and footer colors
36
+ $header-text-color: $text-color-3;
37
+ $header-background: $main-color-3;
38
+
39
+ $footer-text-color: $text-color-3;
40
+ $footer-background: $main-color-3;
41
+
34
42
  // border and shadow colors
35
- $border-color: mix(#000, $background-color, 20%);
43
+ $border-color: #125c9f;
36
44
  $border-color-l: mix(#000, $background-color, 10%);
37
45
  $decorate-color: rgba(#000, .1);
38
46
  $mask-color: rgba(#000, .8);
39
47
  $select-color: rgba($main-color-1, .5);
40
48
 
41
49
  // function colors
42
- $green: #57c22d;
43
- $blue: #2593fc;
44
- $yellow: #f8ac30;
45
- $red: #f22635;
50
+ $green: #52c41a;
51
+ $blue: #1890ff;
52
+ $yellow: #fa8c16;
53
+ $red: #f5222d;
46
54
  $text-color-function: #fff;
47
55
 
48
56
  // logo colors
@@ -54,3 +62,6 @@ $twitter-color: #1da1f2;
54
62
  $douban-color: #42bd56;
55
63
  $github-color: #000;
56
64
  $linkedin-color: #1074af;
65
+
66
+ // highlight colors
67
+ @import './highlight/tomorrow-night-blue';
@@ -5,25 +5,26 @@
5
5
  ///
6
6
 
7
7
  // main colors
8
- $main-color-1: #fa510f;
8
+ $main-color-1: #f92651;
9
9
  $text-color-1: #fff;
10
10
 
11
- $main-color-2: #fc4d50;
11
+ $main-color-2: #fdb824;
12
12
  $text-color-2: #fff;
13
13
 
14
- $main-color-3: #f2f2f2;
15
- $text-color-3: #333;
14
+ $main-color-3: #ff8a64;
15
+ $text-color-3: #fff;
16
+
17
+ // page background
18
+ $background-color: #fffdfa;
16
19
 
17
- // background colors
18
- $background-color: #fff;
19
20
  // text colors
20
21
  $text-color-theme-light-d: rgba(#000, .95);
21
22
  $text-color-theme-light: rgba(#000, .85);
22
23
  $text-color-theme-light-l: rgba(#000, .5);
23
24
 
24
- $text-color-theme-dark-d: #fff;
25
- $text-color-theme-dark: rgba(#fff, .95);
26
- $text-color-theme-dark-l: rgba(#fff, .85);
25
+ $text-color-theme-dark-d: rgba(#fff, .95);
26
+ $text-color-theme-dark: rgba(#fff, .85);
27
+ $text-color-theme-dark-l: rgba(#fff, .65);
27
28
 
28
29
  $text-color-d: $text-color-theme-light-d;
29
30
  $text-color: $text-color-theme-light;
@@ -31,18 +32,26 @@ $text-color-l: $text-color-theme-light-l;
31
32
 
32
33
  $text-background-color: rgba(#000, .05);
33
34
 
35
+ // header and footer colors
36
+ $header-text-color: $text-color-3;
37
+ $header-background: linear-gradient(60deg, #ffa650 0%, #ff7b50 100%);
38
+
39
+
40
+ $footer-text-color: $text-color-3;
41
+ $footer-background: linear-gradient(60deg, #ffa650 0%, #ff7b50 100%);
42
+
34
43
  // border and shadow colors
35
- $border-color: mix(#000, $background-color, 20%);
44
+ $border-color: mix($main-color-1, $background-color, 50%);
36
45
  $border-color-l: mix(#000, $background-color, 10%);
37
46
  $decorate-color: rgba(#000, .1);
38
47
  $mask-color: rgba(#000, .8);
39
48
  $select-color: rgba($main-color-3, .5);
40
49
 
41
50
  // function colors
42
- $green: #57c22d;
43
- $blue: #2593fc;
44
- $yellow: #f8ac30;
45
- $red: #f22635;
51
+ $green: #52c41a;
52
+ $blue: #1890ff;
53
+ $yellow: #fa8c16;
54
+ $red: #f5222d;
46
55
  $text-color-function: #fff;
47
56
 
48
57
  // logo colors
@@ -54,3 +63,6 @@ $twitter-color: #1da1f2;
54
63
  $douban-color: #42bd56;
55
64
  $github-color: #000;
56
65
  $linkedin-color: #1074af;
66
+
67
+ // highlight colors
68
+ @import './highlight/tomorrow-night-eighties';
File without changes
@@ -0,0 +1,2 @@
1
+ @import "./tomorrow/night-blue";
2
+ @import "./tomorrow/highlight";
@@ -0,0 +1,2 @@
1
+ @import "./tomorrow/night-bright";
2
+ @import "./tomorrow/highlight";
@@ -0,0 +1,2 @@
1
+ @import "./tomorrow/night-eighties";
2
+ @import "./tomorrow/highlight";
@@ -0,0 +1,2 @@
1
+ @import "./tomorrow/night";
2
+ @import "./tomorrow/highlight";
@@ -0,0 +1,2 @@
1
+ @import "./tomorrow/default";
2
+ @import "./tomorrow/highlight";
@@ -0,0 +1,10 @@
1
+ $highlight-background : #f7f7f7;
2
+ $highlight-foreground : #4d4d4c;
3
+ $highlight-comment : #8e908c;
4
+ $highlight-red : #c82829;
5
+ $highlight-orange : #f5871f;
6
+ $highlight-yellow : #eab700;
7
+ $highlight-green : #718c00;
8
+ $highlight-aqua : #3e999f;
9
+ $highlight-blue : #4271ae;
10
+ $highlight-purple : #8959a8;
@@ -0,0 +1,74 @@
1
+ figure.highlight::before {
2
+ background-color: $highlight-background !important;
3
+ color: $highlight-comment !important;
4
+ }
5
+ pre.lineno {
6
+ color: $highlight-comment !important;
7
+ }
8
+ .highlight > pre {
9
+ background-color: $highlight-background !important;
10
+ color: $highlight-foreground;
11
+ .c { color: $highlight-comment } /* Comment */
12
+ .err { color: $highlight-red } /* Error */
13
+ .k { color: $highlight-purple } /* Keyword */
14
+ .l { color: $highlight-orange } /* Literal */
15
+ .n { color: $highlight-foreground } /* Name */
16
+ .o { color: $highlight-aqua } /* Operator */
17
+ .p { color: $highlight-foreground } /* Punctuation */
18
+ .cm { color: $highlight-comment } /* Comment.Multiline */
19
+ .cp { color: $highlight-comment } /* Comment.Preproc */
20
+ .c1 { color: $highlight-comment } /* Comment.Single */
21
+ .cs { color: $highlight-comment } /* Comment.Special */
22
+ .gd { color: $highlight-red } /* Generic.Deleted */
23
+ .ge { font-style: italic } /* Generic.Emph */
24
+ .gh { color: $highlight-foreground; font-weight: bold } /* Generic.Heading */
25
+ .gi { color: $highlight-green } /* Generic.Inserted */
26
+ .gp { color: $highlight-comment; font-weight: bold } /* Generic.Prompt */
27
+ .gs { font-weight: bold } /* Generic.Strong */
28
+ .gu { color: $highlight-aqua; font-weight: bold } /* Generic.Subheading */
29
+ .kc { color: $highlight-purple } /* Keyword.Constant */
30
+ .kd { color: $highlight-purple } /* Keyword.Declaration */
31
+ .kn { color: $highlight-aqua } /* Keyword.Namespace */
32
+ .kp { color: $highlight-purple } /* Keyword.Pseudo */
33
+ .kr { color: $highlight-purple } /* Keyword.Reserved */
34
+ .kt { color: $highlight-yellow } /* Keyword.Type */
35
+ .ld { color: $highlight-green } /* Literal.Date */
36
+ .m { color: $highlight-orange } /* Literal.Number */
37
+ .s { color: $highlight-green } /* Literal.String */
38
+ .na { color: $highlight-blue } /* Name.Attribute */
39
+ .nb { color: $highlight-foreground } /* Name.Builtin */
40
+ .nc { color: $highlight-yellow } /* Name.Class */
41
+ .no { color: $highlight-red } /* Name.Constant */
42
+ .nd { color: $highlight-aqua } /* Name.Decorator */
43
+ .ni { color: $highlight-foreground } /* Name.Entity */
44
+ .ne { color: $highlight-red } /* Name.Exception */
45
+ .nf { color: $highlight-blue } /* Name.Function */
46
+ .nl { color: $highlight-foreground } /* Name.Label */
47
+ .nn { color: $highlight-yellow } /* Name.Namespace */
48
+ .nx { color: $highlight-blue } /* Name.Other */
49
+ .py { color: $highlight-foreground } /* Name.Property */
50
+ .nt { color: $highlight-aqua } /* Name.Tag */
51
+ .nv { color: $highlight-red } /* Name.Variable */
52
+ .ow { color: $highlight-aqua } /* Operator.Word */
53
+ .w { color: $highlight-foreground } /* Text.Whitespace */
54
+ .mf { color: $highlight-orange } /* Literal.Number.Float */
55
+ .mh { color: $highlight-orange } /* Literal.Number.Hex */
56
+ .mi { color: $highlight-orange } /* Literal.Number.Integer */
57
+ .mo { color: $highlight-orange } /* Literal.Number.Oct */
58
+ .sb { color: $highlight-green } /* Literal.String.Backtick */
59
+ .sc { color: $highlight-foreground } /* Literal.String.Char */
60
+ .sd { color: $highlight-comment } /* Literal.String.Doc */
61
+ .s2 { color: $highlight-green } /* Literal.String.Double */
62
+ .se { color: $highlight-orange } /* Literal.String.Escape */
63
+ .sh { color: $highlight-green } /* Literal.String.Heredoc */
64
+ .si { color: $highlight-orange } /* Literal.String.Interpol */
65
+ .sx { color: $highlight-green } /* Literal.String.Other */
66
+ .sr { color: $highlight-green } /* Literal.String.Regex */
67
+ .s1 { color: $highlight-green } /* Literal.String.Single */
68
+ .ss { color: $highlight-green } /* Literal.String.Symbol */
69
+ .bp { color: $highlight-foreground } /* Name.Builtin.Pseudo */
70
+ .vc { color: $highlight-red } /* Name.Variable.Class */
71
+ .vg { color: $highlight-red } /* Name.Variable.Global */
72
+ .vi { color: $highlight-red } /* Name.Variable.Instance */
73
+ .il { color: $highlight-orange } /* Literal.Number.Integer.Long */
74
+ }
@@ -0,0 +1,10 @@
1
+ $highlight-background :#002451;
2
+ $highlight-foreground :#ffffff;
3
+ $highlight-comment :#7285b7;
4
+ $highlight-red :#ff9da4;
5
+ $highlight-orange :#ffc58f;
6
+ $highlight-yellow :#ffeead;
7
+ $highlight-green :#d1f1a9;
8
+ $highlight-aqua :#99ffff;
9
+ $highlight-blue :#bbdaff;
10
+ $highlight-purple :#ebbbff;
@@ -0,0 +1,10 @@
1
+ $highlight-background :#000000;
2
+ $highlight-foreground :#eaeaea;
3
+ $highlight-comment :#969896;
4
+ $highlight-red :#d54e53;
5
+ $highlight-orange :#e78c45;
6
+ $highlight-yellow :#e7c547;
7
+ $highlight-green :#b9ca4a;
8
+ $highlight-aqua :#70c0b1;
9
+ $highlight-blue :#7aa6da;
10
+ $highlight-purple :#c397d8;
@@ -0,0 +1,10 @@
1
+ $highlight-background :#2d2d2d;
2
+ $highlight-foreground :#cccccc;
3
+ $highlight-comment :#999999;
4
+ $highlight-red :#f2777a;
5
+ $highlight-orange :#f99157;
6
+ $highlight-yellow :#ffcc66;
7
+ $highlight-green :#99cc99;
8
+ $highlight-aqua :#66cccc;
9
+ $highlight-blue :#6699cc;
10
+ $highlight-purple :#cc99cc;
@@ -0,0 +1,10 @@
1
+ $highlight-background : #1d1f21;
2
+ $highlight-foreground : #c5c8c6;
3
+ $highlight-comment : #969896;
4
+ $highlight-red : #cc6666;
5
+ $highlight-orange : #de935f;
6
+ $highlight-yellow : #f0c674;
7
+ $highlight-green : #b5bd68;
8
+ $highlight-aqua : #8abeb7;
9
+ $highlight-blue : #81a2be;
10
+ $highlight-purple : #b294bb;
data/assets/css/main.scss CHANGED
@@ -3,7 +3,9 @@
3
3
  ---
4
4
  @charset "utf-8";
5
5
 
6
+
6
7
  @import
8
+
7
9
  "skins/{{ site.text_skin | default: site.data.variables.default.text_skin }}",
8
10
  // "skins/chocolate",
9
11
  // "skins/dark",
@@ -12,35 +14,44 @@
12
14
  // "skins/ocean",
13
15
  // "skins/orange",
14
16
 
17
+ "skins/highlight/{{ site.highlight_theme | default: site.data.variables.default.highlight_theme }}",
18
+ // "skins/highlight/tomorrow",
19
+ // "skins/highlight/tomorrow-night",
20
+ // "skins/highlight/tomorrow-night-eighties",
21
+ // "skins/highlight/tomorrow-night-blue",
22
+ // "skins/highlight/tomorrow-night-bright",
23
+
24
+
15
25
  "common/variables",
16
- "common/highlighting",
17
26
  "common/function",
18
27
  "common/classes",
19
28
  "common/reset",
20
29
  "common/components/button",
21
- "common/components/menu",
22
30
  "common/components/card",
31
+ "common/components/menu",
23
32
  "common/components/toc",
24
33
 
25
34
  "animate/fade-in",
26
35
  "animate/fade-in-down",
36
+ "animate/fade-in-up",
27
37
 
38
+ "components/article-info",
39
+ "components/article-content",
40
+ "components/author-links",
28
41
  "components/author-profile",
29
- "components/main",
42
+ "components/footer",
30
43
  "components/header",
31
- "components/article.info",
32
- "components/article.content",
44
+ "components/main",
33
45
  "components/tags",
34
- "components/follow-me",
35
- "components/footer",
36
46
 
37
47
  "additional/alert",
38
48
  "additional/photo-frame",
39
49
 
40
- "layout/page",
41
- "layout/home",
42
50
  "layout/archive",
43
51
  "layout/article",
52
+ "layout/base",
53
+ "layout/home",
44
54
  "layout/landing",
55
+ "layout/page",
45
56
  "layout/404"
46
57
  ;