bytewax-docs 0.1.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 (136) hide show
  1. checksums.yaml +7 -0
  2. data/.stylelintrc +13 -0
  3. data/LICENSE.txt +21 -0
  4. data/README.md +175 -0
  5. data/_assets/js/cookies.js +39 -0
  6. data/_assets/js/docs.js +103 -0
  7. data/_assets/js/lib/jquery-3.6.0.min.js +2 -0
  8. data/_assets/js/lib/jquery.scrollspy.js +97 -0
  9. data/_assets/js/lib/marked.min.js +6 -0
  10. data/_assets/js/lib/notebook.min.js +1 -0
  11. data/_assets/js/lib/prism.js +17 -0
  12. data/_assets/js/lib/simple-jekyll-search.min.js +6 -0
  13. data/_assets/js/navbar.js +90 -0
  14. data/_assets/js/search.js +12 -0
  15. data/_assets/js/tutorial.js +248 -0
  16. data/_assets/scss/components/article.scss +132 -0
  17. data/_assets/scss/components/cookie-consent.scss +35 -0
  18. data/_assets/scss/components/footer.scss +154 -0
  19. data/_assets/scss/components/navbar.scss +345 -0
  20. data/_assets/scss/components/newsletter.scss +222 -0
  21. data/_assets/scss/global/alerts.scss +112 -0
  22. data/_assets/scss/global/animate.scss +633 -0
  23. data/_assets/scss/global/buttons.scss +186 -0
  24. data/_assets/scss/global/fonts.scss +95 -0
  25. data/_assets/scss/global/layout.scss +25 -0
  26. data/_assets/scss/global/mixins.scss +134 -0
  27. data/_assets/scss/global/normalize.scss +349 -0
  28. data/_assets/scss/global/prism.scss +383 -0
  29. data/_assets/scss/global/slick.scss +133 -0
  30. data/_assets/scss/global/typography.scss +106 -0
  31. data/_assets/scss/global/variables.scss +23 -0
  32. data/_assets/scss/main.scss +35 -0
  33. data/_assets/scss/templates/default.scss +100 -0
  34. data/_assets/scss/templates/docs/content.scss +113 -0
  35. data/_assets/scss/templates/docs/layout.scss +21 -0
  36. data/_assets/scss/templates/docs/pagination.scss +48 -0
  37. data/_assets/scss/templates/docs/sidebar.scss +222 -0
  38. data/_assets/scss/templates/docs/toc.scss +65 -0
  39. data/_assets/scss/templates/tutorials/archive.scss +173 -0
  40. data/_assets/scss/templates/tutorials/content.scss +208 -0
  41. data/_assets/scss/templates/tutorials/layout.scss +22 -0
  42. data/_assets/scss/templates/tutorials/snippets.scss +259 -0
  43. data/_config.yml +84 -0
  44. data/_data/categories.yml +3 -0
  45. data/_data/cookies.yml +10 -0
  46. data/_data/footer.yml +14 -0
  47. data/_data/navbar.yml +17 -0
  48. data/_docs/another-article.md +19 -0
  49. data/_docs/sample-article.md +19 -0
  50. data/_includes/alert.html +4 -0
  51. data/_includes/cookie-consent.html +13 -0
  52. data/_includes/docs/pagination.html +28 -0
  53. data/_includes/docs/sidebar.html +42 -0
  54. data/_includes/docs/toc.html +4 -0
  55. data/_includes/footer.html +36 -0
  56. data/_includes/google_analytics.html +12 -0
  57. data/_includes/head.html +73 -0
  58. data/_includes/navbar.html +57 -0
  59. data/_includes/tutorials/content.html +30 -0
  60. data/_includes/tutorials/post.html +31 -0
  61. data/_includes/tutorials/snippets.html +36 -0
  62. data/_layouts/base.html +21 -0
  63. data/_layouts/default.html +14 -0
  64. data/_layouts/docs.html +32 -0
  65. data/_layouts/tutorial.html +17 -0
  66. data/_layouts/tutorials.html +26 -0
  67. data/_tutorials/hello-world.md +142 -0
  68. data/assets/css/docs.css +1 -0
  69. data/assets/css/main.css +8 -0
  70. data/assets/fonts/jetbrains-mono-v3-latin-regular.eot +0 -0
  71. data/assets/fonts/jetbrains-mono-v3-latin-regular.svg +318 -0
  72. data/assets/fonts/jetbrains-mono-v3-latin-regular.ttf +0 -0
  73. data/assets/fonts/jetbrains-mono-v3-latin-regular.woff +0 -0
  74. data/assets/fonts/jetbrains-mono-v3-latin-regular.woff2 +0 -0
  75. data/assets/fonts/material-icons.woff2 +0 -0
  76. data/assets/fonts/open-sans-v18-latin-600.eot +0 -0
  77. data/assets/fonts/open-sans-v18-latin-600.svg +336 -0
  78. data/assets/fonts/open-sans-v18-latin-600.ttf +0 -0
  79. data/assets/fonts/open-sans-v18-latin-600.woff +0 -0
  80. data/assets/fonts/open-sans-v18-latin-600.woff2 +0 -0
  81. data/assets/fonts/open-sans-v18-latin-600italic.eot +0 -0
  82. data/assets/fonts/open-sans-v18-latin-600italic.svg +349 -0
  83. data/assets/fonts/open-sans-v18-latin-600italic.ttf +0 -0
  84. data/assets/fonts/open-sans-v18-latin-600italic.woff +0 -0
  85. data/assets/fonts/open-sans-v18-latin-600italic.woff2 +0 -0
  86. data/assets/fonts/open-sans-v18-latin-700.eot +0 -0
  87. data/assets/fonts/open-sans-v18-latin-700.svg +334 -0
  88. data/assets/fonts/open-sans-v18-latin-700.ttf +0 -0
  89. data/assets/fonts/open-sans-v18-latin-700.woff +0 -0
  90. data/assets/fonts/open-sans-v18-latin-700.woff2 +0 -0
  91. data/assets/fonts/open-sans-v18-latin-700italic.eot +0 -0
  92. data/assets/fonts/open-sans-v18-latin-700italic.svg +342 -0
  93. data/assets/fonts/open-sans-v18-latin-700italic.ttf +0 -0
  94. data/assets/fonts/open-sans-v18-latin-700italic.woff +0 -0
  95. data/assets/fonts/open-sans-v18-latin-700italic.woff2 +0 -0
  96. data/assets/fonts/open-sans-v18-latin-italic.eot +0 -0
  97. data/assets/fonts/open-sans-v18-latin-italic.svg +349 -0
  98. data/assets/fonts/open-sans-v18-latin-italic.ttf +0 -0
  99. data/assets/fonts/open-sans-v18-latin-italic.woff +0 -0
  100. data/assets/fonts/open-sans-v18-latin-italic.woff2 +0 -0
  101. data/assets/fonts/open-sans-v18-latin-regular.eot +0 -0
  102. data/assets/fonts/open-sans-v18-latin-regular.svg +336 -0
  103. data/assets/fonts/open-sans-v18-latin-regular.ttf +0 -0
  104. data/assets/fonts/open-sans-v18-latin-regular.woff +0 -0
  105. data/assets/fonts/open-sans-v18-latin-regular.woff2 +0 -0
  106. data/assets/img/cancel-grey.svg +11 -0
  107. data/assets/img/cancel.svg +3 -0
  108. data/assets/img/facebook-yellow.svg +11 -0
  109. data/assets/img/facebook.svg +3 -0
  110. data/assets/img/favicon.png +0 -0
  111. data/assets/img/github_black.svg +4 -0
  112. data/assets/img/github_white.svg +4 -0
  113. data/assets/img/linkedin-yellow.svg +12 -0
  114. data/assets/img/linkedin.svg +3 -0
  115. data/assets/img/logo.svg +44 -0
  116. data/assets/img/logo_mono.svg +40 -0
  117. data/assets/img/logo_white.svg +46 -0
  118. data/assets/img/logo_yellow.svg +44 -0
  119. data/assets/img/og-image.png +0 -0
  120. data/assets/img/twitter-yellow.svg +14 -0
  121. data/assets/img/twitter.svg +3 -0
  122. data/assets/js/color-mode.min.js +2 -0
  123. data/assets/js/scripts.js +625 -0
  124. data/assets/js/scripts.min.js +56 -0
  125. data/gulpfile.js +49 -0
  126. data/package-lock.json +7350 -0
  127. data/package.json +34 -0
  128. data/search.json +13 -0
  129. data/tutorials/hello-world/Dockerfile +4 -0
  130. data/tutorials/hello-world/client.py +3 -0
  131. data/tutorials/hello-world/hello-world.png +0 -0
  132. data/tutorials/hello-world/hello.py +10 -0
  133. data/tutorials/hello-world/setup.sh +5 -0
  134. data/tutorials/hello-world/shell_commands.sh +5 -0
  135. data/tutorials/hello-world/swarm.yaml +26 -0
  136. metadata +191 -0
@@ -0,0 +1,222 @@
1
+ /** Docs -- Sidebar **/
2
+ .docs{
3
+ &__sidebar{
4
+ width:100%;
5
+ margin-bottom:36px;
6
+ padding-bottom:24px;
7
+ border-bottom:1px solid rgba($black,.12);
8
+ @include min-sm{
9
+ position:sticky;
10
+ top:128px;
11
+ min-width:240px;
12
+ max-width:240px;
13
+ margin-bottom:0;
14
+ padding-bottom:0;
15
+ border-bottom:0;
16
+ }
17
+ @include min-lg{
18
+ min-width:300px;
19
+ max-width:300px;
20
+ }
21
+ }
22
+ &__search{
23
+ position:relative;
24
+ margin-bottom:18px;
25
+ @include min-sm{
26
+ margin-bottom:24px;
27
+ }
28
+ &::before{
29
+ position:absolute;
30
+ top:12px;
31
+ left:12px;
32
+ font-size:24px;
33
+ content:"search";
34
+ @include material-icons;
35
+ @include min-sm{
36
+ top:15px;
37
+ left:15px;
38
+ }
39
+ }
40
+ &-input{
41
+ width:100%;
42
+ height:48px;
43
+ padding-left:48px;
44
+ font-size:0.875em;
45
+ border:1px solid rgba($black,.12);
46
+ border-radius: 0;
47
+ outline:none;
48
+ @include placeholder(rgba($black,.6));
49
+ @include min-sm{
50
+ height:54px;
51
+ padding-left:50px;
52
+ font-size:.888em;
53
+ }
54
+ &:focus{
55
+ border-color:rgba($black,.18);
56
+ box-shadow: 0 1px 3px rgba($black,0.12),
57
+ }
58
+ &::-webkit-search-cancel-button{
59
+ position:absolute;
60
+ top:15px;
61
+ right:5px;
62
+ width: 24px;
63
+ height: 24px;
64
+ background:url('../img/cancel-grey.svg')no-repeat center;
65
+ background-size:10px;
66
+ -webkit-appearance: none;
67
+ }
68
+ }
69
+ &-results{
70
+ position:absolute;
71
+ top:54px;
72
+ z-index:3;
73
+ width:100%;
74
+ max-height:320px;
75
+ margin:0;
76
+ padding:0;
77
+ overflow:auto;
78
+ list-style-type:none;
79
+ background:$white;
80
+ border:1px solid rgba($black,.12);
81
+ border-top:0;
82
+ box-shadow: 0 3px 9px rgba($black,0.18);
83
+ @include min-sm{
84
+ font-size:.777em;
85
+ line-height:150%;
86
+ }
87
+ &-item{
88
+ &--blank{
89
+ padding:8px 15px;
90
+ border-left:3px solid $red;
91
+ }
92
+ }
93
+ &-link{
94
+ display:block;
95
+ padding:8px 15px;
96
+ color:rgba($black,.6);
97
+ text-decoration:none;
98
+ border-left:3px solid transparent;
99
+ @include transition(.25s ease-in-out);
100
+ &:hover{
101
+ color:rgba($black,.87);
102
+ border-color:$yellow;
103
+ }
104
+ }
105
+ }
106
+ }
107
+ &__nav{
108
+ margin:0;
109
+ padding:0;
110
+ list-style-type: none;
111
+ &-toggle{
112
+ display:block;
113
+ padding:6px 0;
114
+ color:$black;
115
+ font-weight:600;
116
+ font-size:1.125em;
117
+ font-family:$mainFont;
118
+ cursor:pointer;
119
+ @include min-sm{
120
+ padding:9px 0;
121
+ font-size:1em;
122
+ }
123
+ &::before{
124
+ display:inline-block;
125
+ margin-right:8px;
126
+ color:$yellow;
127
+ font-size:24px;
128
+ vertical-align:-6px;
129
+ transform:rotate(-90deg);
130
+ content:"expand_more";
131
+ @include material-icons;
132
+ @include transition(transform .25s ease-in-out);
133
+ }
134
+ }
135
+ &-item--active &-toggle::before{
136
+ transform:rotate(0deg);
137
+ }
138
+ &-item--active &-dropdown{
139
+ display:block;
140
+ }
141
+ &-dropdown{
142
+ display:none;
143
+ margin:0;
144
+ padding:0 0 12px 0;
145
+ list-style-type:none;
146
+ &-link{
147
+ position:relative;
148
+ display:block;
149
+ padding:6px 0 6px 29px;
150
+ color:inherit;
151
+ font-size:1em;
152
+ line-height:150%;
153
+ text-decoration:none;
154
+ border-left:3px solid transparent;
155
+ @include transition(.25s ease-in-out);
156
+ @include min-sm{
157
+ font-size:.888em;
158
+ }
159
+ }
160
+ &-item--external &-link{
161
+ padding-right:36px;
162
+ }
163
+ &-item--external &-link::after{
164
+ position:absolute;
165
+ top:8px;
166
+ right:8px;
167
+ display:inline-block;
168
+ color:rgba($black,.38);
169
+ font-size:20px;
170
+ content:"open_in_new";
171
+ @include material-icons;
172
+ }
173
+ &-item--active &-link{
174
+ color:rgba($black,.87);
175
+ border-color:rgba($black,.12);
176
+ }
177
+ &-item:hover &-link{
178
+ color:rgba($black,.87);
179
+ border-color:$yellow;
180
+ }
181
+ }
182
+ }
183
+ }
184
+
185
+ /** Dark mode styles **/
186
+ body.dark-mode .docs{
187
+ &__search{
188
+ &::before{
189
+ color:rgba($white,.38);
190
+ }
191
+ &-input{
192
+ color:$white;
193
+ background:transparent;
194
+ border:1px solid rgba($white,.12);
195
+ @include placeholder(rgba($white,.6));
196
+ }
197
+ &-results{
198
+ background-color:$darkGrey;
199
+ border:1px solid rgba($white,.12);
200
+ }
201
+ &-results-link{
202
+ color:rgba($white,.6);
203
+ &:hover{
204
+ color:rgba($white,.87);
205
+ }
206
+ }
207
+ }
208
+ &__nav {
209
+ &-toggle{
210
+ color:$white;
211
+ }
212
+ &-dropdown{
213
+ &-item--active .docs__nav-dropdown-link{
214
+ color:rgba($white,.87);
215
+ border-color:rgba($white,.12);
216
+ }
217
+ &-item:hover .docs__nav-dropdown-link{
218
+ color:rgba($white,.87);
219
+ }
220
+ }
221
+ }
222
+ }
@@ -0,0 +1,65 @@
1
+ /** Docs -- Table of contents **/
2
+ .docs{
3
+ &__toc{
4
+ display:none;
5
+ @include min-xxl{
6
+ position:sticky;
7
+ top:128px;
8
+ display:block;
9
+ min-width:202px;
10
+ }
11
+ &-title{
12
+ margin-bottom:8px;
13
+ padding-top:12px;
14
+ padding-bottom:12px;
15
+ color:rgba($black,.6);
16
+ border-bottom:2px solid rgba($black,.12);
17
+ }
18
+ &-list{
19
+ margin:0;
20
+ padding:0;
21
+ list-style-type:none;
22
+ }
23
+ &-item{
24
+ position:relative;
25
+ }
26
+ &-link{
27
+ display:block;
28
+ padding:2px 0;
29
+ color:inherit;
30
+ font-size:.888em;
31
+ text-decoration: none;
32
+ &::before{
33
+ position:absolute;
34
+ left:-18px;
35
+ color:$yellow;
36
+ content:"#";
37
+ @include opacity(0);
38
+ @include transition(opacity .25s ease-in-out);
39
+ }
40
+ }
41
+ &-item--active &-link{
42
+ color:$yellow;
43
+ font-weight:600;
44
+ }
45
+ &-item:hover &-link{
46
+ color:rgba($black,.87);
47
+ }
48
+ &-item:hover &-link::before{
49
+ @include opacity(1);
50
+ }
51
+ }
52
+ }
53
+
54
+ /** Dark mode styles **/
55
+ body.dark-mode .docs{
56
+ &__toc{
57
+ &-title{
58
+ color:rgba($white,.6);
59
+ border-color:rgba($white,.12);
60
+ }
61
+ &-item:hover .docs__toc-link{
62
+ color:rgba($white,.87);
63
+ }
64
+ }
65
+ }
@@ -0,0 +1,173 @@
1
+ /** Tutorials -- Archive **/
2
+ .tutorials{
3
+ &__container{
4
+ position:relative;
5
+ padding-top:12px;
6
+ padding-bottom:48px;
7
+ @include min-sm{
8
+ padding-top:24px;
9
+ padding-bottom:72px;
10
+ }
11
+ @include min-lg{
12
+ padding-bottom:120px;
13
+ }
14
+ }
15
+ &__intro{
16
+ margin-bottom:36px;
17
+ @include min-sm{
18
+ margin-bottom:48px;
19
+ }
20
+ @include min-lg{
21
+ margin-bottom:54px;
22
+ }
23
+ &-title{
24
+ margin-bottom:.375em;
25
+ font-weight:600;
26
+ }
27
+ }
28
+ &__archive{
29
+ margin:0 -18px;
30
+ @include min-lg{
31
+ margin:0 -24px;
32
+ }
33
+ }
34
+ &__post{
35
+ display:flex;
36
+ &-thumbnail{
37
+ position:relative;
38
+ margin:0;
39
+ overflow:hidden;
40
+ &-img{
41
+ position:absolute;
42
+ top:50%;
43
+ left:50%;
44
+ transform:translate(-50%,-50%);
45
+ }
46
+ }
47
+ &-permalink{
48
+ color:inherit;
49
+ text-decoration:none;
50
+ }
51
+ &-title{
52
+ margin-bottom:8px;
53
+ font-weight:600;
54
+ @include min-sm{
55
+ margin-bottom:12px;
56
+ }
57
+ }
58
+ &-link{
59
+ display:inline-block;
60
+ color:$yellow;
61
+ font-weight:600;
62
+ font-size:1em;
63
+ font-family:$mainFont;
64
+ text-decoration:none;
65
+ &::after{
66
+ display:inline-block;
67
+ font-size:24px;
68
+ vertical-align:-7px;
69
+ content:"arrow_right";
70
+ @include material-icons;
71
+ }
72
+ }
73
+ &--featured{
74
+ flex-direction:column;
75
+ width:100%;
76
+ margin:0 18px 48px 18px;
77
+ @include min-sm{
78
+ width:calc(50% - 36px);
79
+ margin:0 18px 64px 18px;
80
+ padding-bottom:36px;
81
+ border-bottom:1px solid rgba($black,.12);
82
+ }
83
+ @include min-lg{
84
+ width:calc(50% - 48px);
85
+ margin:0 24px 64px 24px;
86
+ }
87
+ }
88
+ &--featured &-thumbnail{
89
+ height:210px;
90
+ margin-bottom:27px;
91
+ border-radius:12px;
92
+ @include min-lg{
93
+ height:270px;
94
+ }
95
+ @include min-xxl{
96
+ height:320px;
97
+ }
98
+ &-img{
99
+ width:auto;
100
+ max-width:100%;
101
+ height:auto;
102
+ }
103
+ }
104
+ &--featured &-excerpt{
105
+ margin-bottom:18px;
106
+ }
107
+ &--archive{
108
+ flex-direction:row;
109
+ align-items:center;
110
+ width:100%;
111
+ margin:0 18px 27px 18px;
112
+ @include min-sm{
113
+ margin:0 18px 36px 18px;
114
+ }
115
+ @include min-lg{
116
+ width:calc(50% - 48px);
117
+ margin:0 24px 36px 24px;
118
+ }
119
+ }
120
+ &--archive &-thumbnail{
121
+ min-width:45%;
122
+ height:150px;
123
+ margin-right:24px;
124
+ border-radius:8px;
125
+ @include min-sm{
126
+ min-width:33.3%;
127
+ height:100%;
128
+ margin-right:36px;
129
+ }
130
+ @include min-lg{
131
+ min-width:40%;
132
+ border-radius:10px;
133
+ }
134
+ @include min-xxl{
135
+ min-width:33.3%;
136
+ }
137
+ &-img{
138
+ width:auto;
139
+ height:100%
140
+ }
141
+ }
142
+ &--archive &-content{
143
+ @include min-sm{
144
+ padding:18px 0;
145
+ }
146
+ }
147
+ &--archive &-title{
148
+ @include min-sm{
149
+ margin-bottom:6px;
150
+ }
151
+ }
152
+ &--archive &-excerpt{
153
+ display:none;
154
+ @include min-sm{
155
+ display:block;
156
+ margin-bottom:12px;
157
+ font-size:16px;
158
+ line-height:28px;
159
+ }
160
+ }
161
+ }
162
+ }
163
+
164
+ /** Dark mode styles **/
165
+ body.dark-mode .tutorials{
166
+ &__post{
167
+ &--featured{
168
+ @include min-sm{
169
+ border-bottom:1px solid rgba($white,.12);
170
+ }
171
+ }
172
+ }
173
+ }