domain-jekyll 1.2.0 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (37) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +3 -1
  3. data/_includes/Content.html +1 -0
  4. data/_includes/Header.html +18 -11
  5. data/_includes/PreviousNext.html +14 -0
  6. data/_includes/TwitterEmbed.html +5 -0
  7. data/_includes/YoutubeEmbed.html +4 -0
  8. data/_layouts/Default.html +3 -1
  9. data/_layouts/Home.html +27 -2
  10. data/_layouts/Post.html +1 -1
  11. data/_layouts/Tutorial.html +53 -0
  12. data/_layouts/Tutorials.html +20 -0
  13. data/_sass/domain/_author.scss +2 -2
  14. data/_sass/domain/_backtotop.scss +4 -4
  15. data/_sass/domain/_codecopy.scss +35 -35
  16. data/_sass/domain/_content.scss +0 -1
  17. data/_sass/domain/_contextmenu.scss +84 -84
  18. data/_sass/domain/_embed.scss +20 -0
  19. data/_sass/domain/_highlight.scss +25 -27
  20. data/_sass/domain/_media.scss +13 -9
  21. data/_sass/domain/_normalize.scss +217 -260
  22. data/_sass/domain/_pagination.scss +17 -15
  23. data/_sass/domain/_previousnext.scss +108 -0
  24. data/_sass/domain/_search.scss +0 -2
  25. data/_sass/domain/_sidenote.scss +1 -1
  26. data/_sass/domain/_tables.scss +18 -0
  27. data/_sass/domain/_tag.scss +4 -2
  28. data/_sass/domain/_toc.scss +24 -24
  29. data/_sass/domain/_tooltip.scss +114 -115
  30. data/_sass/domain/_util.scss +262 -267
  31. data/_sass/domain/skin/_dark.scss +22 -28
  32. data/_sass/domain/skin/_light.scss +2 -9
  33. data/_sass/domain.scss +3 -0
  34. data/assets/.DS_Store +0 -0
  35. data/assets/js/ContextMenu.js +8 -8
  36. metadata +10 -3
  37. data/_includes/Postlist.html +0 -26
data/_sass/domain/_util.scss CHANGED
@@ -1,270 +1,265 @@
1
1
  /* ==========================================================================
2
2
  Util
3
3
  ========================================================================== */
4
-
5
- /* Utilities: Disable Selection, Kramdown TOC */
6
-
7
- .disable-select {
8
- user-select: none; /* supported by Chrome and Opera */
9
- -webkit-user-select: none; /* Safari */
10
- -khtml-user-select: none; /* Konqueror HTML */
11
- -moz-user-select: none; /* Firefox */
12
- -ms-user-select: none; /* Internet Explorer/Edge */
13
- }
14
-
15
- .very-small {
16
- font-size: 12px !important;
17
- }
18
-
19
- .medium-small {
20
- font-size: 13.5px !important;
21
- }
22
-
23
- .small {
24
- font-size: 16px !important;
25
- }
26
-
27
- .small-medium {
28
- font-size: 18px !important;
29
- }
30
-
31
- .medium {
32
- font-size: 22px !important;
33
- }
34
-
35
- .medium-large {
36
- font-size: 25px !important;
37
- }
38
-
39
- .large {
40
- font-size: 28px !important;
41
- }
42
-
43
- .serif {
44
- font-family: Georgia, serif !important;
45
- }
46
-
47
- .title-sans {
48
- font-family: var(--primary-font-family) !important;
49
- }
50
-
51
- .regular-sans {
52
- font-family: var(--secondary-font-family) !important;
53
- }
54
-
55
- .bold {
56
- font-weight: 600 !important;
57
- }
58
-
59
- .very-bold {
60
- font-weight: 800 !important;
61
- }
62
-
63
- .bolder {
64
- font-weight: 500 !important;
65
- }
66
-
67
- .normal {
68
- font-weight: 400 !important;
69
- }
70
-
71
- .regular {
72
- font-style: normal !important;
73
- }
74
-
75
- .oblique {
76
- font-style: oblique !important;
77
- }
78
-
79
- .italic {
80
- font-style: italic !important;
81
- }
82
-
83
- .left-align-text {
84
- text-align: left !important;
85
- }
86
-
87
- .center-align-text {
88
- text-align: center;
89
- }
90
-
91
- .right-align-text {
92
- text-align: right;
93
- }
94
-
95
- .dont-decorate a {
96
- text-decoration: none !important;
97
- color: var(--primary-text-color) !important;
98
- }
99
-
100
- .dont-decorate {
101
- background: rgb(242,242,242);
102
- background: linear-gradient(180deg, rgba(242,242,242,1) 15%, rgba(245,245,245,1) 54%, rgba(253,253,253,1) 100%);
103
- }
104
-
105
- .boxit {
106
- padding: 20px;
107
- background-color: var(--secondary-bg-color);
108
- border-radius: 5px;
109
- }
110
-
111
- #boxit {
112
- padding-left: 20px;
113
- border-radius: 5px;
114
- }
115
-
116
- .default-color {
117
- color: var(--primary-text-color) !important;
118
- }
119
-
120
- .default-background {
121
- background-color: var(--secondary-bg-color) !important;
122
- }
123
-
124
- .show {
125
- display: block !important;
126
- }
127
-
128
- .hide {
129
- display: none !important;
130
- }
131
-
132
- .dim-90 {
133
- opacity: 0.9 !important;
134
- }
135
-
136
- .dim-80 {
137
- opacity: 0.8 !important;
138
- }
139
-
140
- .dim-70 {
141
- opacity: 0.7 !important;
142
- }
143
-
144
- .dim-60 {
145
- opacity: 0.6 !important;
146
- }
147
-
148
- .dim-50 {
149
- opacity: 0.5 !important;
150
- }
151
-
152
- .dim-40 {
153
- opacity: 0.4 !important;
154
- }
155
-
156
- .dim-30 {
157
- opacity: 0.3 !important;
158
- }
159
-
160
- .dim-20 {
161
- opacity: 0.2 !important;
162
- }
163
-
164
- .dim-10 {
165
- opacity: 0.1 !important;
166
- }
167
-
168
- /* Margin Top Positive */
169
-
170
- .margin-top-5 {
171
- margin-top: 5px !important;
172
- }
173
-
174
- .margin-top-10 {
175
- margin-top: 10px !important;
176
- }
177
-
178
- .margin-top-15 {
179
- margin-top: 15px !important;
180
- }
181
-
182
- .margin-top-20 {
183
- margin-top: 20px !important;
184
- }
185
-
186
- .margin-top-25 {
187
- margin-top: 25px !important;
188
- }
189
-
190
- .margin-top-30 {
191
- margin-top: 30px !important;
192
- }
193
-
194
- /* Margin Top Negative */
195
-
196
- .margin-top-5-neg {
197
- margin-top: -5px !important;
198
- }
199
-
200
- .margin-top-10-neg {
201
- margin-top: -10px !important;
202
- }
203
-
204
- .margin-top-15-neg {
205
- margin-top: -15px !important;
206
- }
207
-
208
- .margin-top-20-neg {
209
- margin-top: -20px !important;
210
- }
211
-
212
- .margin-top-25-neg {
213
- margin-top: -25px !important;
214
- }
215
-
216
- .margin-top-30-neg {
217
- margin-top: -30px !important;
218
- }
219
-
220
- /* Margin Bottom Positive */
221
-
222
- .margin-bottom-5 {
223
- margin-top: 5px !important;
224
- }
225
-
226
- .margin-bottom-10 {
227
- margin-bottom: 10px !important;
228
- }
229
-
230
- .margin-bottom-15 {
231
- margin-bottom: 15px !important;
232
- }
233
-
234
- .margin-bottom-20 {
235
- margin-bottom: 20px !important;
236
- }
237
-
238
- .margin-bottom-25 {
239
- margin-bottom: 25px !important;
240
- }
241
-
242
- .margin-bottom-30 {
243
- margin-bottom: 30px !important;
244
- }
245
-
246
- /* Margin Bottom Negative */
247
-
248
- .margin-bottom-5-neg {
249
- margin-top: -5px !important;
250
- }
251
-
252
- .margin-bottom-10-neg {
253
- margin-bottom: -10px !important;
254
- }
255
-
256
- .margin-bottom-15-neg {
257
- margin-bottom: -15px !important;
258
- }
259
-
260
- .margin-bottom-20-neg {
261
- margin-bottom: -20px !important;
262
- }
263
-
264
- .margin-bottom-25-neg {
265
- margin-bottom: -25px !important;
266
- }
267
-
268
- .margin-bottom-30-neg {
269
- margin-bottom: -30px !important;
270
- }
4
+ /* Utilities: Disable Selection, Kramdown TOC */
5
+ .disable-select {
6
+ user-select: none;
7
+ /* supported by Chrome and Opera */
8
+ -webkit-user-select: none;
9
+ /* Safari */
10
+ -khtml-user-select: none;
11
+ /* Konqueror HTML */
12
+ -moz-user-select: none;
13
+ /* Firefox */
14
+ -ms-user-select: none;
15
+ /* Internet Explorer/Edge */
16
+ }
17
+
18
+ .very-small {
19
+ font-size: 12px !important;
20
+ }
21
+
22
+ .medium-small {
23
+ font-size: 13.5px !important;
24
+ }
25
+
26
+ .small {
27
+ font-size: 16px !important;
28
+ }
29
+
30
+ .small-medium {
31
+ font-size: 18px !important;
32
+ }
33
+
34
+ .medium {
35
+ font-size: 22px !important;
36
+ }
37
+
38
+ .medium-large {
39
+ font-size: 25px !important;
40
+ }
41
+
42
+ .large {
43
+ font-size: 28px !important;
44
+ }
45
+
46
+ .serif {
47
+ font-family: Georgia, serif !important;
48
+ }
49
+
50
+ .title-sans {
51
+ font-family: var(--primary-font-family) !important;
52
+ }
53
+
54
+ .regular-sans {
55
+ font-family: var(--secondary-font-family) !important;
56
+ }
57
+
58
+ .bold {
59
+ font-weight: 600 !important;
60
+ }
61
+
62
+ .very-bold {
63
+ font-weight: 800 !important;
64
+ }
65
+
66
+ .bolder {
67
+ font-weight: 500 !important;
68
+ }
69
+
70
+ .normal {
71
+ font-weight: 400 !important;
72
+ }
73
+
74
+ .regular {
75
+ font-style: normal !important;
76
+ }
77
+
78
+ .oblique {
79
+ font-style: oblique !important;
80
+ }
81
+
82
+ .italic {
83
+ font-style: italic !important;
84
+ }
85
+
86
+ .left-align-text {
87
+ text-align: left !important;
88
+ }
89
+
90
+ .center-align-text {
91
+ text-align: center;
92
+ }
93
+
94
+ .right-align-text {
95
+ text-align: right;
96
+ }
97
+
98
+ .dont-decorate a {
99
+ text-decoration: none !important;
100
+ color: var(--primary-text-color) !important;
101
+ }
102
+
103
+ .dont-decorate {
104
+ background: rgb(242,242,242);
105
+ background: linear-gradient(180deg, rgba(242,242,242,1) 15%, rgba(245,245,245,1) 54%, rgba(253,253,253,1) 100%);
106
+ }
107
+
108
+ .boxit {
109
+ padding: 20px;
110
+ background-color: var(--secondary-bg-color);
111
+ border-radius: 5px;
112
+ }
113
+
114
+ #boxit {
115
+ padding-left: 20px;
116
+ border-radius: 5px;
117
+ }
118
+
119
+ .default-color {
120
+ color: var(--primary-text-color) !important;
121
+ }
122
+
123
+ .default-background {
124
+ background-color: var(--secondary-bg-color) !important;
125
+ }
126
+
127
+ .show {
128
+ display: block !important;
129
+ }
130
+
131
+ .hide {
132
+ display: none !important;
133
+ }
134
+
135
+ .dim-90 {
136
+ opacity: 0.9 !important;
137
+ }
138
+
139
+ .dim-80 {
140
+ opacity: 0.8 !important;
141
+ }
142
+
143
+ .dim-70 {
144
+ opacity: 0.7 !important;
145
+ }
146
+
147
+ .dim-60 {
148
+ opacity: 0.6 !important;
149
+ }
150
+
151
+ .dim-50 {
152
+ opacity: 0.5 !important;
153
+ }
154
+
155
+ .dim-40 {
156
+ opacity: 0.4 !important;
157
+ }
158
+
159
+ .dim-30 {
160
+ opacity: 0.3 !important;
161
+ }
162
+
163
+ .dim-20 {
164
+ opacity: 0.2 !important;
165
+ }
166
+
167
+ .dim-10 {
168
+ opacity: 0.1 !important;
169
+ }
170
+ /* Margin Top Positive */
171
+ .margin-top-5 {
172
+ margin-top: 5px !important;
173
+ }
174
+
175
+ .margin-top-10 {
176
+ margin-top: 10px !important;
177
+ }
178
+
179
+ .margin-top-15 {
180
+ margin-top: 15px !important;
181
+ }
182
+
183
+ .margin-top-20 {
184
+ margin-top: 20px !important;
185
+ }
186
+
187
+ .margin-top-25 {
188
+ margin-top: 25px !important;
189
+ }
190
+
191
+ .margin-top-30 {
192
+ margin-top: 30px !important;
193
+ }
194
+ /* Margin Top Negative */
195
+ .margin-top-5-neg {
196
+ margin-top: -5px !important;
197
+ }
198
+
199
+ .margin-top-10-neg {
200
+ margin-top: -10px !important;
201
+ }
202
+
203
+ .margin-top-15-neg {
204
+ margin-top: -15px !important;
205
+ }
206
+
207
+ .margin-top-20-neg {
208
+ margin-top: -20px !important;
209
+ }
210
+
211
+ .margin-top-25-neg {
212
+ margin-top: -25px !important;
213
+ }
214
+
215
+ .margin-top-30-neg {
216
+ margin-top: -30px !important;
217
+ }
218
+ /* Margin Bottom Positive */
219
+ .margin-bottom-5 {
220
+ margin-top: 5px !important;
221
+ }
222
+
223
+ .margin-bottom-10 {
224
+ margin-bottom: 10px !important;
225
+ }
226
+
227
+ .margin-bottom-15 {
228
+ margin-bottom: 15px !important;
229
+ }
230
+
231
+ .margin-bottom-20 {
232
+ margin-bottom: 20px !important;
233
+ }
234
+
235
+ .margin-bottom-25 {
236
+ margin-bottom: 25px !important;
237
+ }
238
+
239
+ .margin-bottom-30 {
240
+ margin-bottom: 30px !important;
241
+ }
242
+ /* Margin Bottom Negative */
243
+ .margin-bottom-5-neg {
244
+ margin-top: -5px !important;
245
+ }
246
+
247
+ .margin-bottom-10-neg {
248
+ margin-bottom: -10px !important;
249
+ }
250
+
251
+ .margin-bottom-15-neg {
252
+ margin-bottom: -15px !important;
253
+ }
254
+
255
+ .margin-bottom-20-neg {
256
+ margin-bottom: -20px !important;
257
+ }
258
+
259
+ .margin-bottom-25-neg {
260
+ margin-bottom: -25px !important;
261
+ }
262
+
263
+ .margin-bottom-30-neg {
264
+ margin-bottom: -30px !important;
265
+ }
data/_sass/domain/skin/_dark.scss CHANGED
@@ -1,31 +1,25 @@
1
1
  /* ==========================================================================
2
2
  Dark Theme
3
3
  ========================================================================== */
4
-
5
- $primary-bg-color: #000000;
6
- $secondary-bg-color: #000000;
7
- $ternary-bg-color: #E8E8E8;
8
- $quaternary-bg-color: #EDEDED;
9
- $quinary-bg-color: #FFFFFF;
10
-
11
- $primary-border-color: #F7F7F7;
12
- $secondary-border-color: #E8E8E8;
13
- $ternary-border-color: #E0E0E0;
14
-
15
- $primary-box-shadow-color: #DEDEDE;
16
- $secondary-box-shadow-color: #CFCFCF;
17
-
18
- $primary-text-color: #545454;
19
- $secondary-text-color: #878787;
20
- $tertiary-text-color: #6E6E6E;
21
-
22
- $horizontal-rule-color: #E4E3E2;
23
- $anchor-text-color: #4082C4;
24
- $search-placeholder-color: #878787;
25
- $searchbox-shadow-color: #545454;
26
-
27
- $footer-border-color: #545454;
28
- $contact-hover-color: #545454;
29
- $back-to-top-color: #545454;
30
- $button-hover-color:#545454;
31
- $font-family: sans-serif !default;
4
+ $primary-bg-color: #000000;
5
+ $secondary-bg-color: #000000;
6
+ $ternary-bg-color: #E8E8E8;
7
+ $quaternary-bg-color: #EDEDED;
8
+ $quinary-bg-color: #FFFFFF;
9
+ $primary-border-color: #F7F7F7;
10
+ $secondary-border-color: #E8E8E8;
11
+ $ternary-border-color: #E0E0E0;
12
+ $primary-box-shadow-color: #DEDEDE;
13
+ $secondary-box-shadow-color: #CFCFCF;
14
+ $primary-text-color: #545454;
15
+ $secondary-text-color: #878787;
16
+ $tertiary-text-color: #6E6E6E;
17
+ $horizontal-rule-color: #E4E3E2;
18
+ $anchor-text-color: #4082C4;
19
+ $search-placeholder-color: #878787;
20
+ $searchbox-shadow-color: #545454;
21
+ $footer-border-color: #545454;
22
+ $contact-hover-color: #545454;
23
+ $back-to-top-color: #545454;
24
+ $button-hover-color: #545454;
25
+ $font-family: sans-serif !default;
data/_sass/domain/skin/_light.scss CHANGED
@@ -1,32 +1,25 @@
1
1
  /* ==========================================================================
2
2
  Light Theme
3
3
  ========================================================================== */
4
-
5
4
  $primary-bg-color: #FFFFFF;
6
5
  $secondary-bg-color: #F7F7F7;
7
6
  $ternary-bg-color: #E8E8E8;
8
7
  $quaternary-bg-color: #EDEDED;
9
8
  $quinary-bg-color: #FFFFFF;
10
-
11
9
  $primary-border-color: #F7F7F7;
12
10
  $secondary-border-color: #E8E8E8;
13
11
  $ternary-border-color: #E0E0E0;
14
-
15
12
  $primary-box-shadow-color: #DEDEDE;
16
13
  $secondary-box-shadow-color: #CFCFCF;
17
-
18
14
  $primary-text-color: #545454;
19
15
  $secondary-text-color: #878787;
20
16
  $tertiary-text-color: #6E6E6E;
21
-
22
17
  $horizontal-rule-color: #E4E3E2;
23
18
  $anchor-text-color: #4082C4;
24
19
  $search-placeholder-color: #878787;
25
- $searchbox-shadow-color: #545454;
26
-
20
+ $searchbox-shadow-color: #545454;
27
21
  $footer-border-color: #545454;
28
22
  $contact-hover-color: #545454;
29
23
  $back-to-top-color: #545454;
30
- $button-hover-color:#545454;
31
-
24
+ $button-hover-color: #545454;
32
25
  $font-family: sans-serif !default;
data/_sass/domain.scss CHANGED
@@ -22,3 +22,6 @@
22
22
  @import "domain/tag";
23
23
  @import "domain/util";
24
24
  @import "domain/author";
25
+ @import "domain/embed";
26
+ @import "domain/previousnext";
27
+ @import "domain/tables";
data/assets/.DS_Store CHANGED
Binary file