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
data/_layouts/blog-base.html DELETED
@@ -1,36 +0,0 @@
1
- <!DOCTYPE html>
2
- {%- include snippets/get-lang.html -%}
3
- <html lang="{{ __return }}">
4
- <head>
5
- {%- include common-head.html -%}
6
- {%- include head-icons-rel.html -%}
7
- {%- assign __path = '/assets/css/blog.css' -%}
8
- {%- include snippets/prepend-baseurl.html -%}
9
- <link rel="stylesheet" href="{{ __return }}">
10
- <style>
11
- {%- if page.picture_frame == 'shadow' -%}
12
- .m-article-content img:not(.emoji) {
13
- box-shadow: 0 0 5px rgba(0, 0, 0, .4);
14
- }
15
- {%- endif -%}
16
- </style>
17
- <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
18
- </head>
19
- <body>
20
- <div class="m-page-stage js-page-stage">{{ content }}</div>
21
- {%- include blog/footer.html -%}
22
- <script>
23
- $(function() {
24
- // display coding language
25
- $(".highlight").each(function() {
26
- $(this).attr("data-lang", $(this).find("code").attr("data-lang"));
27
- });
28
- });
29
- </script>
30
- {%- include utils/mathjax.html -%}
31
- {%- include utils/mermaid.html -%}
32
- {%- if site.isdebug == false -%}
33
- {%- include utils/google-analytics.html -%}
34
- {%- endif -%}
35
- </body>
36
- </html>
data/_layouts/blog-default.html DELETED
@@ -1,7 +0,0 @@
1
- ---
2
- layout: blog-base
3
- ---
4
- <div class="m-page-content">
5
- {%- include blog/header.html -%}
6
- <div class="m-page-main">{{ content }}</div>
7
- </div>
data/_sass/base/_animate.scss DELETED
@@ -1,19 +0,0 @@
1
- @keyframes fade-in {
2
- from {
3
- opacity: 0;
4
- }
5
- to {
6
- opacity: 1;
7
- }
8
- }
9
-
10
- @keyframes fade-in-down {
11
- from {
12
- opacity: 0;
13
- @include transform(translateY(-$spacing-unit));
14
- }
15
- to {
16
- opacity: 1;
17
- @include transform(translateY(0));
18
- }
19
- }
data/_sass/base/_base.scss DELETED
@@ -1,83 +0,0 @@
1
- /**
2
- * Reset some basic elements
3
- */
4
-
5
- body,
6
- h1,
7
- h2,
8
- h3,
9
- h4,
10
- h5,
11
- h6,
12
- p,
13
- blockquote,
14
- pre,
15
- hr,
16
- dl,
17
- dd,
18
- ol,
19
- ul,
20
- figure {
21
- margin: 0;
22
- padding: 0;
23
- }
24
-
25
- h1,
26
- h2,
27
- h3,
28
- h4,
29
- h5,
30
- h6,
31
- p,
32
- blockquote,
33
- pre,
34
- ul,
35
- ol,
36
- dl,
37
- figure,
38
- %vertical-rhythm {
39
- margin: $base-font-size / 2 0;
40
- }
41
-
42
- html {
43
- height: 100%;
44
- }
45
-
46
- body {
47
- height: 100%;
48
- ::-moz-selection {
49
- background: $select-color;
50
- }
51
- ::-webkit-selection {
52
- background: $select-color;
53
- }
54
- ::selection {
55
- background: $select-color;
56
- }
57
- }
58
-
59
- .clearfix {
60
- &:after {
61
- content: "";
62
- display: table;
63
- clear: both;
64
- }
65
- }
66
-
67
- .left {
68
- float: left;
69
- }
70
-
71
- .right {
72
- float: right;
73
- }
74
-
75
- button {
76
- cursor: pointer;
77
- outline: none;
78
- background-color: transparent;
79
- padding: 0;
80
- margin: 0;
81
- border-width: 0;
82
- font-size: $base-font-size;
83
- }
data/_sass/base/_image&icon.scss DELETED
@@ -1,23 +0,0 @@
1
- /**
2
- * Figures
3
- */
4
-
5
- figure>img {
6
- display: block;
7
- }
8
-
9
- figcaption {
10
- font-size: $small-font-size;
11
- }
12
-
13
-
14
- /**
15
- * Icons
16
- */
17
-
18
- .icon {
19
- display: block;
20
- >svg {
21
- display: block;
22
- }
23
- }
data/_sass/base/_links.scss DELETED
@@ -1,73 +0,0 @@
1
- %cursor-pointer {
2
- cursor: pointer;
3
- }
4
-
5
- %cursor-default {
6
- cursor: default;
7
- }
8
-
9
- %cursor-not-allowed {
10
- cursor: not-allowed;
11
- }
12
-
13
- a {
14
- font-weight: $bold-font-weight;
15
- text-decoration: none;
16
- @include link-normal {
17
- color: $main-color-1;
18
- }
19
- @include link-emphasize {
20
- text-decoration: underline;
21
- color: $main-color-1;
22
- }
23
- @include transition(all .8s ease 0s);
24
- }
25
-
26
- %button {
27
- font-weight: $bold-font-weight;
28
- line-height: 1;
29
- text-decoration: none;
30
- box-sizing: border-box;
31
- @extend %cursor-pointer;
32
- @include link-colors( $text-color-3, $main-color-3, $text-color-1, $main-color-1);
33
- @include link-normal {
34
- text-decoration: none;
35
- }
36
- @include link-emphasize {
37
- text-decoration: none;
38
- }
39
- @include transition(all .8s ease 0s);
40
- svg {
41
- width: $base-font-size;
42
- height: $base-font-size;
43
- path {
44
- @include transition(fill .8s ease 0s);
45
- }
46
- }
47
- }
48
-
49
- %floating-action {
50
- box-shadow: $shadow-base;
51
- &:hover {
52
- box-shadow: $shadow-high;
53
- }
54
- }
55
-
56
- .round-button {
57
- @extend %button;
58
- @include round;
59
- @include flexbox;
60
- @include justify-content(center);
61
- @include align-items(center);
62
- }
63
-
64
- .floating-action-round-button {
65
- @extend .round-button;
66
- @extend %floating-action;
67
- }
68
-
69
- .pill-button {
70
- @extend %button;
71
- @include round-rect($base-font-size * 2);
72
- display: block;
73
- }
data/_sass/base/_text.scss DELETED
@@ -1,56 +0,0 @@
1
- body {
2
- font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
3
- color: $text-color;
4
- }
5
-
6
- h1,
7
- h2,
8
- h3,
9
- h4,
10
- h5,
11
- h6,
12
- strong {
13
- font-weight: $bold-font-weight;
14
- }
15
-
16
- h1 {
17
- font-size: $h1-font-size;
18
- color: $text-color-d;
19
- @include media-query($on-palm) {
20
- font-size: $h1-font-size-palm;
21
- }
22
- }
23
-
24
- h2 {
25
- font-size: $h2-font-size;
26
- color: $text-color-d;
27
- @include media-query($on-palm) {
28
- font-size: $h2-font-size-palm;
29
- }
30
- }
31
-
32
- h3 {
33
- font-size: $h3-font-size;
34
- color: $text-color-d;
35
- }
36
-
37
- h4 {
38
- font-size: $h4-font-size;
39
- color: $text-color;
40
- }
41
-
42
- h5 {
43
- font-size: $h5-font-size;
44
- color: $text-color;
45
- }
46
-
47
- h6 {
48
- font-size: $h6-font-size;
49
- color: $text-color-l;
50
- }
51
-
52
- pre,
53
- code {
54
- font-family: $code-font-family;
55
- font-size: $code-font-size;
56
- }
data/_sass/blog/_layout.base.scss DELETED
@@ -1,3 +0,0 @@
1
- body {
2
- background-color: $background-color;
3
- }
data/_sass/blog/_layout.default.scss DELETED
@@ -1,21 +0,0 @@
1
- .m-page-stage {
2
- box-sizing: border-box;
3
- min-height: 100%;
4
- overflow: auto;
5
- padding-bottom: $footer-height;
6
- @include animation(fade-in-down .8s);
7
- }
8
-
9
- .m-page-content {
10
- padding: $content-gap * 3 0 $content-gap * 2;
11
- @include media-query($on-laptop) {
12
- padding: $content-gap * 2 0;
13
- }
14
- @include media-query($on-palm) {
15
- padding: $content-gap 0;
16
- }
17
- }
18
-
19
- .m-page-main {
20
- margin: 0 auto;
21
- }
data/_sass/blog/_layout.post.scss DELETED
@@ -1,68 +0,0 @@
1
- .m-post {
2
- &>div {
3
- display: block;
4
- @include media-query($on-laptop) {
5
- display: block;
6
- }
7
- }
8
- .col-1 {
9
- @include flex(1);
10
- max-width: $content-max-width;
11
- &>article {
12
- &>header {
13
- color: $text-color-d;
14
- margin-bottom: $spacing-unit / 6;
15
- &>h1 {
16
- margin-bottom: $spacing-unit;
17
- }
18
- }
19
- }
20
- }
21
- .col-2 {
22
- display: none;
23
- &>aside {
24
- box-sizing: border-box;
25
- width: $aside-width;
26
- position: absolute;
27
- padding: $spacing-unit;
28
- padding-right: 0;
29
- overflow: hidden;
30
- }
31
- }
32
- footer {
33
- &>span {
34
- color: $text-color-l;
35
- }
36
- &>.article-license {
37
- position: relative;
38
- max-width: 500px;
39
- margin: 1.5em 0;
40
- }
41
- }
42
- }
43
-
44
- .has-toc {
45
- .m-post {
46
- &>div {
47
- @include flexbox;
48
- @include media-query($on-laptop) {
49
- display: block;
50
- }
51
- }
52
- .col-2 {
53
- width: $aside-width;
54
- position: relative;
55
- display: block;
56
- &>aside {
57
- &.fixed {
58
- position: fixed;
59
- z-index: 2;
60
- -webkit-font-smoothing: subpixel-antialiased;
61
- }
62
- }
63
- @include media-query($on-laptop) {
64
- display: none;
65
- }
66
- }
67
- }
68
- }
data/_sass/blog/_page.all.scss DELETED
@@ -1,35 +0,0 @@
1
- .m-all {
2
- &>div>section {
3
- margin: $content-gap * 3 0;
4
- &>section {
5
- &:not(:last-child) {
6
- padding: 0 0 $base-font-size * .4 0;
7
- }
8
- }
9
- .year-title {
10
- font-size: $base-font-size * 1.6;
11
- }
12
- .year-list {
13
- &>li {
14
- list-style-type: none;
15
- margin: $base-font-size * .4 0;
16
- }
17
- }
18
- .post-date {
19
- font-family: $code-font-family;
20
- display: inline-block;
21
- font-size: $small-font-size;
22
- color: $text-color-l;
23
- padding: 0 $base-font-size 0 0;
24
- }
25
- }
26
- .post-link {
27
- font-size: $base-font-size;
28
- @include link-normal {
29
- color: $text-color-d;
30
- }
31
- @include link-emphasize {
32
- color: $main-color-1;
33
- }
34
- }
35
- }
data/_sass/blog/_page.index.scss DELETED
@@ -1,50 +0,0 @@
1
- .m-post-list {
2
- &>article {
3
- &>h1 {
4
- font-size: $article-list-head;
5
- &>a {
6
- @include link-text-colors( $text-color-d, $main-color-1);
7
- }
8
- }
9
- &>a {
10
- font-size: $small-font-size;
11
- }
12
- margin: $content-gap * 3 0;
13
- }
14
- .m-article-content {
15
- font-size: $small-font-size;
16
- h1,
17
- h2,
18
- h3,
19
- h4,
20
- h5,
21
- h6 {
22
- margin: $content-gap 0;
23
- }
24
- h1,
25
- h2,
26
- h3 {
27
- color: $text-color;
28
- }
29
- h1,
30
- h2 {
31
- padding: 0;
32
- border: none;
33
- }
34
- h1 {
35
- font-size: $h1-font-size-excerpt;
36
- }
37
- h2 {
38
- font-size: $h2-font-size-excerpt;
39
- }
40
- h3 {
41
- font-size: $h3-font-size-excerpt;
42
- }
43
- h4 {
44
- font-size: $h4-font-size-excerpt;
45
- }
46
- img {
47
- max-height: 200px;
48
- }
49
- }
50
- }