jekyll-theme-fica 0.1.5 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yaml +27 -0
  3. data/404.html +16 -0
  4. data/License.md +2 -0
  5. data/README.md +31 -13
  6. data/_includes/BTT.html +9 -0
  7. data/_includes/Google-Analytics.html +11 -10
  8. data/_includes/Head.html +5 -4
  9. data/_includes/Header.html +14 -19
  10. data/_layouts/default.html +12 -11
  11. data/_layouts/home.html +39 -36
  12. data/_layouts/page.html +1 -0
  13. data/_layouts/post.html +40 -23
  14. data/_layouts/post_home.html +72 -47
  15. data/_posts/2022-03-31-To-Know-if-the-nav-works.md +8 -0
  16. data/_posts/2022-04-1-Demo.md +114 -0
  17. data/_posts/2022-04-5-Getting-Started.md +103 -0
  18. data/_posts/2022-04-6-Creating-a-new-post.md +124 -0
  19. data/_sass/custom/styles.scss +1 -0
  20. data/_sass/custom/variables.scss +1 -0
  21. data/_sass/jekyll-theme-fica.scss +7 -0
  22. data/_sass/layouts/base.scss +573 -0
  23. data/_sass/layouts/layout.scss +676 -0
  24. data/_sass/layouts/variables.scss +89 -0
  25. data/_sass/themes/dark theme/highlight.scss +363 -0
  26. data/_sass/themes/dark theme/theme-dark.scss +135 -0
  27. data/_sass/themes/{Light_Theme.scss → light theme/highlight.scss } +8 -65
  28. data/_sass/themes/light theme/theme-light.scss +132 -0
  29. data/assets/404.svg +22 -0
  30. data/assets/css/Style.scss +42 -0
  31. data/assets/css/fica-icons.svg +68 -0
  32. data/assets/fica-icons.svg +12 -2
  33. data/bin/build +7 -0
  34. data/bin/server +7 -0
  35. data/docs/contributing.md +69 -0
  36. data/js/back-to-top.js +48 -0
  37. data/post/index.html +4 -0
  38. metadata +41 -10
  39. data/_sass/Base.scss +0 -401
  40. data/_sass/Custom-Styles.scss +0 -2
  41. data/_sass/Custom-Variables.scss +0 -1
  42. data/_sass/Initialize.scss +0 -71
  43. data/_sass/Layout.scss +0 -474
  44. data/_sass/themes/Dark_Theme.scss +0 -269
  45. data/assets/css/Styles.scss +0 -11
data/_sass/Base.scss DELETED
@@ -1,401 +0,0 @@
1
- html {
2
- font-size: $base-font-size;
3
- }
4
-
5
- /**
6
- * Reset some basic elements
7
- */
8
- body,
9
- h1,
10
- h2,
11
- h3,
12
- h4,
13
- h5,
14
- h6,
15
- p,
16
- blockquote,
17
- pre,
18
- hr,
19
- dl,
20
- dd,
21
- ol,
22
- ul,
23
- figure {
24
- margin: 0;
25
- padding: 0;
26
- }
27
-
28
- body {
29
- font: $base-font-weight #{$base-font-size}/#{$base-line-height}
30
- $base-font-family;
31
- color: $text-color;
32
- background-color: $background-color;
33
- -webkit-text-size-adjust: 100%;
34
- -webkit-font-feature-settings: "kern" 1;
35
- -moz-font-feature-settings: "kern" 1;
36
- -o-font-feature-settings: "kern" 1;
37
- font-feature-settings: "kern" 1;
38
- font-kerning: normal;
39
- display: flex;
40
- min-height: 100vh;
41
- flex-direction: column;
42
- overflow-wrap: break-word;
43
-
44
- &::-webkit-scrollbar {
45
- width: 7px;
46
- height: 4px;
47
- }
48
-
49
- &::-webkit-scrollbar-track {
50
- background-color: $background-color;
51
- }
52
-
53
- &::-webkit-scrollbar-thumb {
54
- background: $scroll_bar_bg_color;
55
- border-radius: 4px;
56
- }
57
- }
58
-
59
- /**
60
- * Set `margin-bottom` to maintain vertical rhythm
61
- */
62
- h1,
63
- h2,
64
- h3,
65
- h4,
66
- h5,
67
- h6,
68
- p,
69
- blockquote,
70
- pre,
71
- ul,
72
- ol,
73
- dl,
74
- figure,
75
- %vertical-rhythm {
76
- margin-bottom: $spacing-unit / 2;
77
- }
78
-
79
- hr {
80
- margin-top: $spacing-unit;
81
- margin-bottom: $spacing-unit;
82
- background: $text-color;
83
- }
84
-
85
- /**
86
- * `main` element
87
- */
88
- main {
89
- display: block;
90
- /* Default value of `display` of `main` element is 'inline' in IE 11. */
91
- animation-name: text_trans;
92
- animation-duration: 1s;
93
- -webkit-animation-timing-function: ease-in;
94
- animation-timing-function: ease-in;
95
- @keyframes text_trans {
96
- 0% {
97
- opacity: 0%;
98
- }
99
- 20% {
100
- opacity: 20%;
101
- }
102
- 50% {
103
- opacity: 50%;
104
- }
105
- 70% {
106
- opacity: 70%;
107
- }
108
- 90% {
109
- opacity: 90%;
110
- }
111
- 100% {
112
- opacity: 100%;
113
- }
114
- }
115
- }
116
-
117
- /**
118
- * Images
119
- */
120
- img {
121
- max-width: 100%;
122
- vertical-align: middle;
123
- }
124
-
125
- /**
126
- * Figures
127
- */
128
- figure > img {
129
- display: block;
130
- }
131
-
132
- figcaption {
133
- font-size: $small-font-size;
134
- }
135
-
136
- /**
137
- * Lists
138
- */
139
- ul,
140
- ol {
141
- margin-left: $spacing-unit;
142
- }
143
-
144
- li {
145
- > ul,
146
- > ol {
147
- margin-bottom: 0;
148
- }
149
- }
150
-
151
- /**
152
- * Headings
153
- */
154
- h2,
155
- h3,
156
- h4,
157
- h5,
158
- h6 {
159
- font-weight: 650;
160
- font-family: $base-font-family;
161
- }
162
-
163
- h1 {
164
- font-weight: 700;
165
- font-family: $base-font-family;
166
- font-size: 35px;
167
- }
168
-
169
- /**
170
- * Links
171
- */
172
- a {
173
- color: $link-base-color;
174
- text-decoration: none;
175
- transition: $transition-links;
176
-
177
- &:visited {
178
- color: $link-visited-color;
179
- }
180
-
181
- &:hover {
182
- color: $link-hover-color;
183
- text-decoration: none;
184
- }
185
- }
186
-
187
- /**
188
- * Blockquotes
189
- */
190
- blockquote {
191
- color: $blockquote-text-color;
192
- border-left: 4px solid $code-background-color;
193
- padding-left: $spacing-unit / 2;
194
- @include relative-font-size(1.125);
195
- font-style: italic;
196
-
197
- > :last-child {
198
- margin-bottom: 0;
199
- }
200
-
201
- i,
202
- em {
203
- font-style: normal;
204
- }
205
- }
206
-
207
- /**
208
- * Code formatting
209
- */
210
- pre,
211
- code {
212
- font-family: $code-font-family;
213
- font-size: 0.9375em;
214
- border: 1px solid $code-background-color;
215
- border-radius: 4px;
216
- font-weight: bold;
217
- background-color: $code-background-color;
218
-
219
- &::-webkit-scrollbar {
220
- width: 7px;
221
- height: 9px;
222
- }
223
-
224
- &::-webkit-scrollbar-track {
225
- background-color: $code-background-color;
226
- }
227
-
228
- &::-webkit-scrollbar-thumb {
229
- background: $scroll_bar_bg_color;
230
- border-radius: 4px;
231
- }
232
- }
233
-
234
- code {
235
- padding: 1px 5px;
236
- }
237
-
238
- pre {
239
- padding: 8px 12px;
240
- overflow-x: auto;
241
-
242
- > code {
243
- border: 0;
244
- padding-right: 0;
245
- padding-left: 0;
246
- }
247
- }
248
-
249
- .highlight {
250
- border-radius: 3px;
251
- background: $code-background-color;
252
- @extend %vertical-rhythm;
253
-
254
- .highlighter-rouge & {
255
- background: $code-background-color;
256
- }
257
- }
258
-
259
- /**
260
- * Wrapper
261
- */
262
- .wrapper {
263
- max-width: calc(#{$content-width} - (#{$spacing-unit}));
264
- margin-right: auto;
265
- margin-left: auto;
266
- padding-right: $spacing-unit / 2;
267
- padding-left: $spacing-unit / 2;
268
- @extend %clearfix;
269
-
270
- @media screen and (min-width: $on-large) {
271
- max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
272
- padding-right: $spacing-unit;
273
- padding-left: $spacing-unit;
274
- }
275
- }
276
-
277
- .wrapper_header {
278
- padding-left: 20px;
279
- padding-right: auto;
280
- @extend %clearfix;
281
- @media screen and (min-width: $on-medium) {
282
- padding-right: 70px;
283
- padding-left: 70px;
284
- }
285
- }
286
-
287
- .wrapper_footer {
288
- max-width: calc(#{$content-width} - (#{$spacing-unit}));
289
- margin-right: auto;
290
- margin-left: auto;
291
- padding-right: $spacing-unit / 2;
292
- padding-left: $spacing-unit / 2;
293
- @extend %clearfix;
294
-
295
- @media screen and (min-width: $on-large) {
296
- max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
297
- padding-right: $spacing-unit;
298
- padding-left: $spacing-unit;
299
- }
300
- }
301
-
302
- /**
303
- * Clearfix
304
- */
305
- %clearfix:after {
306
- content: "";
307
- display: table;
308
- clear: both;
309
- }
310
-
311
- /**
312
- * Icons
313
- */
314
-
315
- .stackoverflow {
316
- color: #f66a0a;
317
- }
318
-
319
- .youtube {
320
- color: #dd0505;
321
- }
322
-
323
- .github {
324
- color: $Github;
325
- }
326
-
327
- .svg-icon {
328
- width: 16px;
329
- height: 16px;
330
- display: inline-block;
331
- fill: currentColor;
332
- padding: 5px 3px 2px 5px;
333
- vertical-align: text-bottom;
334
- }
335
-
336
- .gitlab {
337
- color: $Github;
338
- }
339
-
340
- /**
341
- * Tables
342
- */
343
- table {
344
- margin-bottom: $spacing-unit;
345
- width: 100%;
346
- text-align: $table-text-align;
347
- color: $table-text-color;
348
- border-collapse: collapse;
349
- border: 1px solid $table-border-color;
350
-
351
- &::-webkit-scrollbar {
352
- width: 7px;
353
- height: 9px;
354
- }
355
-
356
- &::-webkit-scrollbar-track {
357
- background-color: $background-color;
358
- }
359
-
360
- &::-webkit-scrollbar-thumb {
361
- background: $scroll_bar_bg_color;
362
- border-radius: 4px;
363
- }
364
- tr {
365
- &:nth-child(even) {
366
- background-color: $table-zebra-color;
367
- }
368
- }
369
- th,
370
- td {
371
- padding: ($spacing-unit / 3) ($spacing-unit / 2);
372
- }
373
- th {
374
- background-color: $table-header-bg-color;
375
- border: 1px solid $table-header-border;
376
- }
377
- td {
378
- border: 1px solid $table-border-color;
379
- }
380
-
381
- @include media-query($on-laptop) {
382
- display: block;
383
- overflow-x: auto;
384
- -webkit-overflow-scrolling: touch;
385
- -ms-overflow-style: -ms-autohiding-scrollbar;
386
- }
387
- }
388
- dl {
389
- padding: 0;
390
-
391
- dt {
392
- padding: 0;
393
- margin-top: 1rem;
394
- font-size: $base-font-size;
395
- font-weight: 690;
396
- }
397
-
398
- dd {
399
- margin-inline-start: 40px;
400
- }
401
- }
@@ -1,2 +0,0 @@
1
- // Placeholder to allow defining custom styles that override everything else.
2
- // (Use `_sass/minima/custom-variables.scss` to override variable defaults)
@@ -1 +0,0 @@
1
- // Placeholder to allow overriding predefined variables smoothly.
@@ -1,71 +0,0 @@
1
- @charset "utf-8";
2
-
3
- // Define defaults for each variable.
4
-
5
- //transitions
6
- $transition-btn: color 0.2s, background-color 0.2s, border-color 0.2s;
7
- $transition-links: color 0.3s;
8
-
9
- $base-font-family: 'Roboto', sans-serif !default;
10
- $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
11
- $base-font-size: 17px !default;
12
- $base-font-weight: 400 !default;
13
- $small-font-size: $base-font-size * 0.875 !default;
14
- $base-line-height: 1.5 !default;
15
-
16
- $spacing-unit: 30px !default;
17
-
18
- $table-text-align: left !default;
19
-
20
- // Width of the content area
21
- $content-width: 800px !default;
22
-
23
- $on-palm: 600px !default;
24
- $on-laptop: 800px !default;
25
-
26
- $on-medium: $on-palm !default;
27
- $on-large: $on-laptop !default;
28
-
29
- // Use media queries like this:
30
- // @include media-query($on-palm) {
31
- // .wrapper {
32
- // padding-right: $spacing-unit / 2;
33
- // padding-left: $spacing-unit / 2;
34
- // }
35
- // }
36
- // Notice the following mixin uses max-width, in a deprecated, desktop-first
37
- // approach, whereas media queries used elsewhere now use min-width.
38
- @mixin media-query($device) {
39
- @media screen and (max-width: $device) {
40
- @content;
41
- }
42
- }
43
-
44
- @mixin relative-font-size($ratio) {
45
- font-size: #{$ratio}rem;
46
- }
47
- @mixin large {
48
- @media screen and (min-width: #{$large-breakpoint}) {
49
- @content;
50
- }
51
- }
52
-
53
- @mixin medium {
54
- @media screen and (min-width: #{$medium-breakpoint}) and (max-width: #{$large-breakpoint}) {
55
- @content;
56
- }
57
- }
58
-
59
- @mixin small {
60
- @media screen and (max-width: #{$medium-breakpoint}) {
61
- @content;
62
- }
63
- }
64
-
65
- // Import pre-styling-overrides hook and style-partials.
66
- @import
67
- "Base", // Defines element resets.
68
- "Layout", // Defines structure and style based on CSS selectors.
69
- "Custom-Variables", // Override predefined variables.
70
- "Custom-Styles" // Override existing styles .
71
- ;