jekyll-bonsai 0.0.3 → 0.0.4

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 (191) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +676 -0
  3. data/README.md +2 -6
  4. data/_config.yml +173 -76
  5. data/_data/emoji.yml +45 -0
  6. data/_data/themes.yml +145 -0
  7. data/_includes/anchor-headings.html +5 -1
  8. data/_includes/btn_state.html +14 -0
  9. data/_includes/connect.html +11 -9
  10. data/_includes/cookie-consent.html +79 -0
  11. data/_includes/dates.html +22 -0
  12. data/_includes/hp-tooltip.html +106 -0
  13. data/_includes/img/bullet-net-web.svg +1 -1
  14. data/_includes/img/bullet-tree.svg +1 -1
  15. data/_includes/img/pencil-filter.svg +17 -0
  16. data/_includes/share.html +10 -8
  17. data/_includes/site-nav.html +83 -37
  18. data/_includes/themes.scss.liquid +80 -0
  19. data/_includes/toc.html +187 -0
  20. data/_layouts/404.html +10 -0
  21. data/_layouts/about.html +14 -0
  22. data/_layouts/archive.html +77 -0
  23. data/_layouts/base.html +68 -0
  24. data/_layouts/book.html +49 -0
  25. data/_layouts/entry.html +221 -93
  26. data/_layouts/home.html +96 -0
  27. data/_layouts/post.html +40 -22
  28. data/_layouts/privacy.html +15 -0
  29. data/_layouts/recent.html +65 -0
  30. data/_layouts/state.html +54 -43
  31. data/_sass/base/_code.scss +133 -0
  32. data/_sass/base/_layout.scss +30 -29
  33. data/_sass/base/_link.scss +105 -0
  34. data/_sass/base/_main.scss +19 -126
  35. data/_sass/base/_markdown.scss +281 -0
  36. data/_sass/base/_typography.scss +81 -67
  37. data/_sass/base/code_themes/_gruvbox.scss +92 -0
  38. data/_sass/base/code_themes/_monokai.scss +217 -0
  39. data/_sass/base/code_themes/_solarized.scss +84 -0
  40. data/_sass/components/_btn.scss +95 -0
  41. data/_sass/components/_infobox.scss +48 -0
  42. data/_sass/components/_item.scss +28 -0
  43. data/_sass/components/_search.scss +61 -0
  44. data/_sass/components/_tag_pills.scss +24 -0
  45. data/_sass/components/_visited.scss +42 -0
  46. data/_sass/includes/_anchor_headings.scss +36 -0
  47. data/_sass/includes/_connect.scss +8 -0
  48. data/_sass/includes/_cookie_consent.scss +46 -0
  49. data/_sass/includes/_dates.scss +6 -0
  50. data/_sass/includes/_hp_tooltip.scss +41 -0
  51. data/_sass/includes/_share.scss +10 -0
  52. data/_sass/includes/_site_nav.scss +26 -150
  53. data/_sass/includes/_svg.scss +89 -0
  54. data/_sass/includes/_toc.scss +38 -0
  55. data/_sass/layouts/_404.scss +3 -0
  56. data/_sass/layouts/_about.scss +3 -0
  57. data/_sass/layouts/_archive.scss +26 -0
  58. data/_sass/layouts/_book.scss +17 -0
  59. data/_sass/layouts/_entry.scss +140 -0
  60. data/_sass/layouts/_home.scss +75 -0
  61. data/_sass/layouts/_post.scss +17 -0
  62. data/_sass/layouts/_privacy.scss +3 -0
  63. data/_sass/layouts/_recent.scss +77 -0
  64. data/_sass/layouts/_state.scss +98 -0
  65. data/_sass/main.scss +72 -0
  66. data/_sass/{support → util}/_functions.scss +0 -0
  67. data/_sass/{support → util}/_variables.scss +21 -87
  68. data/_sass/{support → util}/mixins/_buttons.scss +0 -0
  69. data/_sass/util/mixins/_layout.scss +81 -0
  70. data/_sass/{support → util}/mixins/_typography.scss +0 -0
  71. data/assets/css/styles.scss +29 -6
  72. data/assets/img/bonsai-star.png +0 -0
  73. data/assets/img/bonsai-star.svg +1 -0
  74. data/assets/img/nav-base-star.svg +1 -0
  75. data/assets/img/nav-bonsai-star.svg +1 -0
  76. data/assets/js/entry.js +33 -5
  77. data/assets/js/graph.js +21 -509
  78. data/assets/js/scripts.js +41 -57
  79. data/assets/js/search.js +164 -0
  80. data/assets/js/site-nav.js +99 -99
  81. data/assets/js/theme-colors.js +23 -37
  82. data/assets/js/vendor/lunr.js +3475 -0
  83. data/assets/js/vendor/lunr.min.js +6 -0
  84. data/assets/js/visited-nav.js +65 -0
  85. metadata +143 -150
  86. data/_entries/digital-garden.bonsai.md +0 -36
  87. data/_entries/digital-garden.field-logs.md +0 -10
  88. data/_entries/digital-garden.fork.md +0 -10
  89. data/_entries/digital-garden.md +0 -17
  90. data/_entries/digital-garden.path.md +0 -11
  91. data/_entries/digital-garden.plants.md +0 -12
  92. data/_entries/digital-garden.pollinate.md +0 -10
  93. data/_entries/digital-garden.steps.md +0 -10
  94. data/_entries/digital-garden.stream.md +0 -12
  95. data/_entries/digital-garden.sweep.md +0 -12
  96. data/_entries/digital-garden.weather.md +0 -12
  97. data/_entries/features.md +0 -10
  98. data/_entries/features.notes.hover-preview.md +0 -10
  99. data/_entries/features.notes.md +0 -12
  100. data/_entries/features.notes.note-body.md +0 -12
  101. data/_entries/features.notes.note-body.share.md +0 -10
  102. data/_entries/features.notes.note-body.sidenotes.md +0 -52
  103. data/_entries/features.notes.note-foot.links.md +0 -10
  104. data/_entries/features.notes.note-foot.md +0 -11
  105. data/_entries/features.notes.note-foot.posts.md +0 -10
  106. data/_entries/features.notes.note-foot.webmentions.md +0 -10
  107. data/_entries/features.notes.note-head.md +0 -10
  108. data/_entries/features.pages.field-blogs.md +0 -10
  109. data/_entries/features.pages.md +0 -12
  110. data/_entries/features.pages.recent.md +0 -10
  111. data/_entries/features.pages.status-tags.md +0 -10
  112. data/_entries/features.site-nav.graph.links.md +0 -10
  113. data/_entries/features.site-nav.graph.links.namespacing.md +0 -14
  114. data/_entries/features.site-nav.graph.links.wikilinks.md +0 -25
  115. data/_entries/features.site-nav.graph.md +0 -12
  116. data/_entries/features.site-nav.graph.nodes.current-note.md +0 -10
  117. data/_entries/features.site-nav.graph.nodes.md +0 -12
  118. data/_entries/features.site-nav.graph.nodes.mia.missing-note.md +0 -20
  119. data/_entries/features.site-nav.graph.nodes.visited-status.md +0 -10
  120. data/_entries/features.site-nav.graph.toggle-graph.md +0 -13
  121. data/_entries/features.site-nav.graph.type.md +0 -16
  122. data/_entries/features.site-nav.graph.type.net-web.md +0 -10
  123. data/_entries/features.site-nav.graph.type.tree.md +0 -12
  124. data/_entries/features.site-nav.md +0 -10
  125. data/_entries/features.site-nav.visited.md +0 -14
  126. data/_entries/features.tags.md +0 -13
  127. data/_entries/features.themes.dark.md +0 -12
  128. data/_entries/features.themes.light.md +0 -10
  129. data/_entries/features.themes.md +0 -12
  130. data/_entries/features.visited.delete-data.md +0 -10
  131. data/_entries/features.visited.md +0 -12
  132. data/_entries/features.visitor-preferences.md +0 -27
  133. data/_entries/feedback.md +0 -10
  134. data/_entries/people.creator.md +0 -12
  135. data/_entries/people.md +0 -13
  136. data/_entries/people.visitors.md +0 -12
  137. data/_entries/plugins.jekyll-wikilinks.md +0 -10
  138. data/_entries/plugins.md +0 -10
  139. data/_entries/root.md +0 -26
  140. data/_includes/entry-attrs.html +0 -27
  141. data/_includes/head.html +0 -23
  142. data/_includes/hover-preview.html +0 -84
  143. data/_includes/metrics.html +0 -10
  144. data/_includes/styles.scss.liquid +0 -3
  145. data/_layouts/default.html +0 -39
  146. data/_pages/about.md +0 -7
  147. data/_pages/posts.html +0 -19
  148. data/_pages/recent.html +0 -48
  149. data/_plugins/doc_filters.rb +0 -44
  150. data/_plugins/prep_entry.rb +0 -43
  151. data/_plugins/sidenote.rb +0 -123
  152. data/_plugins/tags.rb +0 -52
  153. data/_sass/base/base.scss +0 -3
  154. data/_sass/color/dark.scss +0 -58
  155. data/_sass/color/light.scss +0 -58
  156. data/_sass/includes/_btn.scss +0 -106
  157. data/_sass/includes/_graph.scss +0 -69
  158. data/_sass/includes/_nav.scss +0 -89
  159. data/_sass/includes/_tooltip.scss +0 -29
  160. data/_sass/includes/includes.scss +0 -9
  161. data/_sass/markdown/_code.scss +0 -340
  162. data/_sass/markdown/_content.scss +0 -400
  163. data/_sass/markdown/_tables.scss +0 -60
  164. data/_sass/markdown/markdown.scss +0 -7
  165. data/_sass/modules.scss +0 -14
  166. data/_sass/pages/_index.scss +0 -72
  167. data/_sass/pages/_posts.scss +0 -17
  168. data/_sass/pages/_recent.scss +0 -26
  169. data/_sass/pages/_state.scss +0 -72
  170. data/_sass/pages/pages.scss +0 -4
  171. data/_sass/support/mixins/_layout.scss +0 -56
  172. data/_sass/support/mixins/mixins.scss +0 -3
  173. data/_sass/support/support.scss +0 -3
  174. data/_states/bamboo.md +0 -8
  175. data/_states/berry.md +0 -8
  176. data/_states/bloom.md +0 -8
  177. data/_states/bud.md +0 -6
  178. data/_states/fruit.md +0 -8
  179. data/_states/melon.md +0 -8
  180. data/_states/pot-bamboo.md +0 -8
  181. data/_states/seed.md +0 -8
  182. data/_states/sprout.md +0 -8
  183. data/_states/tags.md +0 -8
  184. data/_states/tea.md +0 -8
  185. data/assets/css/styles-dark.scss +0 -3
  186. data/assets/css/styles-light.scss +0 -3
  187. data/assets/img/nav-dot-dark.svg +0 -1
  188. data/assets/img/nav-dot-light.svg +0 -1
  189. data/assets/img/nav-wiki-links-dark.svg +0 -1
  190. data/assets/img/nav-wiki-links-light.svg +0 -1
  191. data/index.html +0 -82
@@ -1,58 +0,0 @@
1
- $body-background-color: $grey-dk-300;
2
- $sidebar-color: $grey-dk-300;
3
- $border-color: $grey-dk-200;
4
-
5
- $body-text-color: $grey-lt-300;
6
- // $body-text-color-highlighted: $grey-dk-100;
7
- $body-heading-color: $grey-lt-000;
8
- $nav-child-link-color: $grey-dk-000;
9
- $search-result-preview-color: $grey-dk-000;
10
-
11
- $separator-color: $grey-dk-200;
12
-
13
- $btn-primary-color: $blue-200;
14
- $base-button-color: $grey-dk-250;
15
-
16
- $code-background-color: $grey-dk-250;
17
- $search-background-color: $grey-dk-250;
18
- $table-background-color: $grey-dk-250;
19
- $box-shadow-color: $white;
20
- $feedback-color: darken($sidebar-color, 3%);
21
-
22
- $entry-foot-background-color: $grey-dk-250;
23
- $entry-foot-text-color: $grey-dk-000;
24
- $visited-color: $grey-dk-200;
25
-
26
- $infobox-color: $grey-dk-000;
27
-
28
- // link variables
29
-
30
- $link-color: $blue-000;
31
- $wiki-link-color: $green-07;
32
- $invalid-wiki-link-color: $grey-dk-200;
33
-
34
- // graph variables
35
- // (graph attributes had to be set in scripts.js because of poor svg 2.0 support)
36
-
37
- $link-line-stroke-color: $grey-dk-200;
38
- $link-line-stroke-width: 0.5;
39
- $link-line-dash-val: 0;
40
-
41
- $node-stroke-color: $grey-dk-200;
42
- $node-stroke-width: 1;
43
-
44
- $node-unvisited-color: $green-400;
45
- $node-visited-color: $green-05;
46
- $node-missing-color: $transparent;
47
-
48
- $node-active-color: $yellow-200;
49
- $node-tagged-color: $orange-300;
50
-
51
- $hover-active-brightness: 100%;
52
- $hover-inactive-brightness: 50%;
53
- $hover-active-alpha: 100%;
54
- $hover-inactive-alpha: 90%;
55
-
56
- // blockquote decoration
57
- $blockquote-border-color: rgba($link-line-stroke-color, 0.33);
58
- $blockquote-quote-color: rgba($link-line-stroke-color, .75);
@@ -1,58 +0,0 @@
1
- $body-background-color: $green-01 !default;
2
- $sidebar-color: $grey-lt-000 !default;
3
- $border-color: $grey-lt-100 !default;
4
-
5
- $body-text-color: $grey-dk-100 !default;
6
- // $body-text-color-highlighted: $grey-lt-300 !default;
7
- $body-heading-color: $grey-dk-300 !default;
8
- $nav-child-link-color: $grey-dk-100 !default;
9
- $search-background-color: $white !default;
10
-
11
- $separator-color: $green-02 !default;
12
-
13
- $btn-primary-color: $green-200 !default;
14
- $base-button-color: $green-02 !default;
15
-
16
- $code-background-color: $green-02 !default;
17
- $search-result-preview-color: $grey-dk-000 !default;
18
- $table-background-color: $white !default;
19
- $box-shadow-color: $black !default;
20
- $feedback-color: darken($sidebar-color, 3%) !default;
21
-
22
- $entry-foot-background-color: $green-01-03 !default;
23
- $entry-foot-text-color: $brown-02;
24
- $visited-color: $green-yellow-05 !default;
25
-
26
- $infobox-color: $brown-02 !default;
27
-
28
- // link variables
29
-
30
- $link-color: $blue-200 !default;
31
- $wiki-link-color: $green-200 !default;
32
- $invalid-wiki-link-color: $grey-lt-300;
33
-
34
- // graph variables
35
- // (graph attributes had to be set in scripts.js because of poor svg 2.0 support)
36
-
37
- $link-line-stroke-color: $brown-02;
38
- $link-line-stroke-width: 0.5;
39
- $link-line-dash-val: 0;
40
-
41
- $node-stroke-color: $transparent;
42
- $node-stroke-width: 0;
43
-
44
- $node-unvisited-color: $green-03;
45
- $node-visited-color: $green-05;
46
- $node-missing-color: $brown-02;
47
-
48
- $node-active-color: $yellow-300;
49
- $node-tagged-color: $orange-300;
50
-
51
- $hover-active-brightness: 100%;
52
- $hover-inactive-brightness: 100%;
53
- $hover-active-alpha: 100%;
54
- $hover-inactive-alpha: 25%;
55
-
56
- // blockquote
57
- $blockquote-border-color: rgba($link-line-stroke-color, 0.33) !default;
58
- $blockquote-quote-color: rgba($link-line-stroke-color, .5) !default;
@@ -1,106 +0,0 @@
1
- //
2
- // Buttons and things that look like buttons
3
- //
4
-
5
- .btn-selector {
6
- @include fs-6;
7
- display: flex; // transform animation breaks without this on theme-colors and graph-type...
8
- cursor: pointer;
9
- user-select: none;
10
- padding: $sp-2;
11
- transition: all .2s ease-in-out;
12
-
13
- &:hover {
14
- transform: scale(1.5);
15
- }
16
-
17
- /* Hide the browser's default checkbox */
18
- input {
19
- opacity: 0;
20
- height: 0;
21
- width: 0;
22
- }
23
-
24
- #graph-type-emoji-span {
25
- filter: drop-shadow(0 0 0.7mm $drop-shadow-green);
26
- }
27
-
28
- #nav-type-emoji-span {
29
- filter: drop-shadow(0 0 0.7mm $drop-shadow-orange);
30
- }
31
-
32
- #entry-head-emoji-span {
33
- filter: drop-shadow(0 0 0.7mm $drop-shadow-brown);
34
- }
35
-
36
- #theme-colors-emoji-span {
37
- filter: drop-shadow(0 0 0.7mm $drop-shadow-yellow);
38
- }
39
- }
40
-
41
- .entry-foot-selector {
42
- @include fs-6;
43
- display: flex;
44
- cursor: pointer;
45
- user-select: none;
46
- padding-right: $sp-3;
47
- padding-top: $sp-3;
48
- transition: all .2s ease-in-out;
49
-
50
- &:hover {
51
- transform: scale(1.5);
52
- }
53
-
54
- /* Hide the browser's default checkbox */
55
- input {
56
- opacity: 0;
57
- height: 0;
58
- width: 0;
59
- }
60
-
61
- #entry-foot-posts-emoji-span {
62
- filter: drop-shadow(0 0 0.7mm $drop-shadow-purple);
63
- }
64
-
65
- #entry-foot-link-emoji-span {
66
- filter: drop-shadow(0 0 0.7mm $drop-shadow-brown);
67
- }
68
- }
69
-
70
- .bonsai-burger {
71
- display: flex;
72
- flex-direction: column;
73
- position: fixed;
74
- right: $sp-2;
75
- bottom: $sp-4;
76
- cursor: pointer;
77
- user-select: none;
78
- filter: drop-shadow(0 0 0.7mm $drop-shadow-green);
79
- z-index: 5;
80
-
81
- /* Hide the browser's default checkbox */
82
- input {
83
- opacity: 0;
84
- height: 0;
85
- width: 0;
86
- }
87
-
88
- #nav-base {
89
- margin-left: 10px;
90
- margin-right: 10px;
91
- }
92
-
93
- #nav-bonsai {
94
- margin-left: 5px;
95
- }
96
- }
97
-
98
- .connect {
99
- // 'sticky footer' from: https://css-tricks.com/couple-takes-sticky-footer/#there-is-flexbox
100
- // ex = local
101
- // footer = connect
102
- // content = main-content
103
- // body = main-content-wrap
104
- // html, body = main
105
- flex-shrink: 0;
106
- }
@@ -1,69 +0,0 @@
1
- //
2
- // Graph attributes (garden/site-nav)
3
- //
4
-
5
- svg {
6
- .links line {
7
- stroke: $link-line-stroke-color;
8
- stroke-width: $link-line-stroke-width;
9
- stroke-dasharray: $link-line-dash-val;
10
- }
11
-
12
- .nodes circle {
13
- pointer-events: all;
14
- stroke: $node-stroke-color;
15
- stroke-width: $node-stroke-width;
16
- fill: $node-unvisited-color;
17
-
18
- &:hover {
19
- cursor: pointer;
20
- }
21
-
22
- &.pulse {
23
- fill: $node-active-color;
24
- animation: pulse 2s linear infinite;
25
- }
26
-
27
- &.pulse-sem-tag {
28
- fill: $node-tagged-color;
29
- animation: pulse 2s linear infinite;
30
- }
31
-
32
- &.missing {
33
- fill: $node-missing-color !important;
34
- cursor: help;
35
- }
36
-
37
- // &.unvisited {
38
- // fill: $node-unvisited-color;
39
- // }
40
-
41
- &.visited {
42
- fill: $node-visited-color;
43
- }
44
- }
45
-
46
- .text text {
47
- fill: $body-text-color;
48
- }
49
-
50
- .active {
51
- opacity: $hover-active-alpha;
52
- filter: brightness($hover-active-brightness);
53
- font-size: 50%;
54
- z-index: 10;
55
- transition: all 0.1s ease-in-out;
56
- }
57
-
58
- .inactive {
59
- opacity: $hover-inactive-alpha;
60
- filter: brightness($hover-inactive-brightness);
61
- z-index: 0;
62
- transition: all 0.1s ease-in-out;
63
- }
64
-
65
- @keyframes pulse {
66
- 0% {transform: scale(1.0); opacity: 1;}
67
- 100% {transform: scale(2); opacity: 0;}
68
- }
69
- }
@@ -1,89 +0,0 @@
1
- //
2
- // navigation
3
- //
4
- // stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type, selector-max-specificity
5
-
6
- // entry-breadcrumb nav
7
-
8
- .entry-head-nav {
9
- @include mq(md) {
10
- margin-top: -$sp-4;
11
- }
12
- display: flex;
13
- overflow-x: scroll;
14
- white-space: nowrap;
15
-
16
- .entry-head-breadcrumbs {
17
- padding-left: 0;
18
- padding-top: $sp-2;
19
- margin-bottom: 0;
20
- margin-top: 0;
21
- align-self: center;
22
- list-style: none;
23
-
24
- .entry-head-breadcrumb {
25
- @include fs-2;
26
- display: flex;
27
- flex-direction: row;
28
- padding-left: $sp-2;
29
-
30
- &::before {
31
- display: none;
32
- }
33
- }
34
- }
35
- }
36
-
37
- // entry-foot nav
38
-
39
- .entry-foot-wrapper {
40
- margin-top: $sp-6;
41
- margin-bottom: $sp-6;
42
- display: flex;
43
-
44
- .entry-foot-nav-title {
45
- @include fs-4;
46
- color: $entry-foot-text-color;
47
- }
48
-
49
- .entry-foot-nav-subtitle {
50
- @include fs-2;
51
- color: $entry-foot-text-color;
52
- }
53
-
54
- .entry-foot-nav {
55
- display: flex;
56
- flex-direction: column;
57
- border-radius: 16px;
58
-
59
- .entry-foot-nav-sections {
60
- display: flex;
61
- }
62
-
63
- .entry-foot-nav-section {
64
- padding-left: $sp-2;
65
- padding-right: $sp-2;
66
- }
67
-
68
- .entry-foot-nav-list {
69
- display: block; // columns require block
70
- column-count: 2;
71
- column-width: $content-width / 6;
72
- padding-left: 0;
73
- list-style: none;
74
-
75
- .entry-foot-nav-list-item {
76
- border-radius: 16px;
77
- padding: $sp-1;
78
- max-width: $content-width / 4;
79
- overflow: hidden;
80
- white-space: nowrap;
81
- text-overflow: ellipsis;
82
-
83
- &::before {
84
- display: none;
85
- }
86
- }
87
- }
88
- }
89
- }
@@ -1,29 +0,0 @@
1
- //
2
- // hover-preview tooltip
3
- //
4
-
5
- .tooltip-wrapper {
6
- @include fs-2;
7
- z-index: 5;
8
- background: $body-background-color;
9
- padding: 2em; // don't use sass spacing variables -- it makes hover preview buggy.
10
- border: 1px solid $border-color;
11
- border-radius: 15px;
12
- overflow: hidden;
13
- position: absolute;
14
- width: 400px;
15
- height: 250px;
16
- box-shadow: 0 1px 2px rgba($box-shadow-color, 0.12), 0 3px 10px rgba($box-shadow-color, 0.08);
17
- }
18
-
19
- .tooltip-wrapper:after {
20
- content: "";
21
- position: absolute;
22
- z-index: 5;
23
- bottom: 0;
24
- left: 0;
25
- pointer-events: none;
26
- background-image: linear-gradient(to bottom, rgba(0,0,0,0), $body-background-color 90%);
27
- width: 100%;
28
- height: 75px;
29
- }
@@ -1,9 +0,0 @@
1
- //
2
- // scss that corresponds to project _includes.
3
- //
4
-
5
- @import "./btn";
6
- @import "./graph";
7
- @import "./nav";
8
- @import "./site_nav";
9
- @import "./tooltip";