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/Layout.scss DELETED
@@ -1,474 +0,0 @@
1
- /*
2
- * Site header
3
- */
4
-
5
- .site-header {
6
- background-color: $site-header-bg;
7
- border-top: 5px solid $site-header-bg;
8
- border-bottom: 5px solid $site-header-bg;
9
- min-height: $spacing-unit * 1.865;
10
- line-height: $base-line-height * $base-font-size * 2.25;
11
-
12
- // Positioning context for the mobile navigation icon
13
- position: relative;
14
- }
15
-
16
- .site-header-home {
17
- background-color: $home-header-title-color;
18
- border-top: 5px solid $home-header-title-color;
19
- border-bottom: 5px solid $home-header-title-color;
20
- min-height: $spacing-unit * 1.865;
21
- line-height: $base-line-height * $base-font-size * 2.25;
22
-
23
- // Positioning context for the mobile navigation icon
24
- position: relative;
25
- }
26
- .site-title {
27
- @include relative-font-size(1.625);
28
- font-weight: 690;
29
- letter-spacing: -1px;
30
- margin-bottom: 0;
31
- float: left;
32
- font-family: $base-font-family;
33
-
34
- @include media-query($on-palm) {
35
- padding-right: 45px;
36
- }
37
-
38
- &,
39
- &:visited {
40
- color: $text-color;
41
- }
42
-
43
- &:hover {
44
- color: $header-link-color;
45
- }
46
- }
47
- //Header Banner
48
- .header-pic {
49
- position: relative;
50
- animation-name: pic_app;
51
- animation-duration: 2s;
52
- -webkit-animation-timing-function: linear;
53
- animation-timing-function: linear;
54
- @keyframes pic_app {
55
- 0% {opacity: 0%;}
56
- 20% {opacity: 20%;}
57
- 50% {opacity: 50%;}
58
- 70% {opacity: 70%;}
59
- 90% {opacity: 90%;}
60
- 100% {opacity: 100%;}
61
- }
62
- }
63
- .page-header {
64
- border-top: 10px solid $home-header-title-color;
65
- color: $text-color;
66
- background-color: $home-header-title-color;
67
- border-bottom: 5px solid $home-header-title-color;
68
- padding-bottom: 10px;
69
- text-align: center;
70
- }
71
- .page-header-title {
72
- border-top: 8px;
73
- margin-bottom: 0%;
74
- font-size: 2.20rem;
75
- color: $header-bg-color;
76
- text-align: center;
77
- font-weight: bold;
78
- font-family: $base-font-family;
79
- padding-bottom: 7px;
80
- }
81
-
82
- .page-header-description {
83
- margin-bottom: 0%;
84
- padding-bottom: 10px;
85
- font-size: 1.2rem;
86
- color: $header-bg-color;
87
- text-align: center;
88
- font-weight: lighter;
89
- font-family: $base-font-family;
90
- animation-name: des_app;
91
- animation-duration: 1s;
92
- -webkit-animation-timing-function: linear;
93
- animation-timing-function: linear;
94
- @keyframes des_app {
95
- 0% {opacity: 0%;}
96
- 20% {opacity: 20%;}
97
- 50% {opacity: 50%;}
98
- 70% {opacity: 70%;}
99
- 90% {opacity: 90%;}
100
- 100% {opacity: 100%;}
101
- }
102
- }
103
-
104
- // Site.nav
105
- .site-nav {
106
- position: absolute;
107
- top: 9px;
108
- right: $spacing-unit / 2;
109
- background-color: $menu-bdr-color;
110
- border-radius: 10px;
111
- text-align: right;
112
-
113
- .nav-trigger {
114
- display: none;
115
- float: right;
116
- padding-right: 100px;
117
- padding-left: 1px;
118
- }
119
-
120
- .menu-icon {
121
- float: right;
122
- width: 36px;
123
- height: 26px;
124
- line-height: 0;
125
- padding-top: 10px;
126
- text-align: center;
127
-
128
- > svg path {
129
- fill: $menu-color;
130
- }
131
- }
132
-
133
- label[for="nav-trigger"] {
134
- display: block;
135
- float: right;
136
- width: 36px;
137
- height: 36px;
138
- z-index: 2;
139
- cursor: pointer;
140
- }
141
-
142
- input ~ .trigger {
143
- clear: both;
144
- display: none;
145
- }
146
-
147
- input:checked ~ .trigger {
148
- display: block;
149
- padding-bottom: 5px;
150
- }
151
-
152
- .page-link {
153
- font-weight: 600;
154
- color: $text-color;
155
- line-height: $base-line-height;
156
- letter-spacing: 0rem;
157
- display: block;
158
- padding: 5px 10px;
159
-
160
- font-family: $base-font-family;
161
-
162
- // Gaps between nav items, but not on the last one
163
- &:not(:last-child) {
164
- margin-right: 0;
165
- }
166
- margin-left: 20px;
167
-
168
- &:hover {
169
- color: $header-link-color;
170
- }
171
- }
172
-
173
- @media screen and (min-width: $on-medium) {
174
- position: static;
175
- float: right;
176
- border: none;
177
- background-color: inherit;
178
-
179
-
180
- label[for="nav-trigger"] {
181
- display: none;
182
- }
183
-
184
- .menu-icon {
185
- display: none;
186
- }
187
-
188
- input ~ .trigger {
189
- display: block;
190
- }
191
-
192
- .page-link {
193
- display: inline;
194
- padding: 0;
195
-
196
- &:not(:last-child) {
197
- margin-right: 20px;
198
- }
199
- margin-left: auto;
200
- }
201
- }
202
- }
203
- /**
204
- * Site footer
205
- */
206
- .site-footer {
207
- background-color: $footer-bg-color;
208
- padding: $spacing-unit 0;
209
- }
210
-
211
- .Links_footer {
212
- list-style: none;
213
- color: $link-base-color;
214
- width: calc(100% - (#{$spacing-unit} / 2));
215
- padding: 0 ($spacing-unit / 2);
216
- transition: $transition-links;
217
-
218
-
219
- &:first-child {
220
- font-weight: bolder;
221
- padding-right: $spacing-unit / 2;
222
- padding-left: 0;
223
- padding-bottom: 4px;
224
- font-size: larger;
225
- color: $text-color;
226
- }
227
-
228
- &:first-child:hover {
229
- color: $text-color;
230
- }
231
-
232
- &:last-child {
233
- padding-right: 0;
234
- padding-left: $spacing-unit / 2;
235
- }
236
-
237
- &:hover {
238
- color: $link-hover-color;
239
- text-decoration: none;
240
-
241
-
242
- }
243
- }
244
- .Product_footer {
245
- list-style: none;
246
- color: $text-color;
247
- width: calc(100% - (#{$spacing-unit} / 2));
248
- padding: 0 ($spacing-unit / 2);
249
-
250
- &:first-child {
251
- padding-right: $spacing-unit / 2;
252
- padding-left: 0;
253
- padding-bottom: 1px;
254
- font-size: 0.6cm;
255
- color: $text-color;
256
- font-weight: 900;
257
- }
258
-
259
- &:last-child:hover {
260
- color: $text-color;
261
- }
262
-
263
- &:last-child {
264
- padding-right: 0;
265
- padding-left: $spacing-unit / 2;
266
- font-size: 40;
267
- }
268
-
269
- &:hover {
270
- color: $text-color;
271
- text-decoration: none;
272
- }
273
- }
274
-
275
- @media screen and (min-width: $on-medium) {
276
- .footer-col-wrapper {
277
- display: flex;
278
- }
279
-
280
- .footer-col {
281
- margin-bottom: $spacing-unit / 2;
282
- width: calc(28% - (#{$spacing-unit} / 2));
283
- padding: 0 ($spacing-unit / 2);
284
-
285
- &:first-child {
286
- padding-right: $spacing-unit / 2;
287
- padding-left: 0;
288
- }
289
-
290
- &:last-child {
291
- padding-right: 0;
292
- padding-left: $spacing-unit / 2;
293
- }
294
- }
295
- .footer-middle {
296
- margin-bottom: $spacing-unit / 2;
297
- width: calc(35% - (#{$spacing-unit} / 2));
298
- padding: 0 ($spacing-unit / 2);
299
-
300
- &:first-child {
301
- padding-right: $spacing-unit / 2;
302
- padding-left: 0;
303
- }
304
-
305
- &:last-child {
306
- padding-right: 0;
307
- padding-left: $spacing-unit / 2;
308
- }
309
- }
310
- .footer-last {
311
- margin-bottom: $spacing-unit / 2;
312
- width: calc(35% - (#{$spacing-unit} / 2));
313
- padding: 0 ($spacing-unit / 2);
314
-
315
- &:first-child {
316
- padding-right: $spacing-unit / 2;
317
- padding-left: 0;
318
- }
319
-
320
- &:last-child {
321
- padding-right: 0;
322
- padding-left: $spacing-unit / 2;
323
- }
324
- }
325
- }
326
-
327
- /**
328
- * Page content
329
- */
330
- .page-content {
331
- padding: $spacing-unit 0;
332
- flex: 1 0 auto;
333
- }
334
-
335
- .page-heading {
336
- @include relative-font-size(2);
337
- }
338
-
339
- .post-list-heading {
340
- @include relative-font-size(1.75);
341
- }
342
-
343
- .post-list {
344
- margin-left: 0;
345
- list-style: none;
346
-
347
- > li {
348
- margin-bottom: $spacing-unit;
349
- }
350
- }
351
-
352
- .post-meta {
353
- font-size: $small-font-size;
354
- color: $text-color;
355
- }
356
-
357
- .post-link {
358
- display: block;
359
- @include relative-font-size(1.5);
360
- }
361
-
362
- /**
363
- * Posts
364
- */
365
- .post-header {
366
- margin-bottom: $spacing-unit;
367
- }
368
-
369
- .post-title,
370
- .post-content h1 {
371
- @include relative-font-size(2.625);
372
- letter-spacing: -1px;
373
- line-height: 1.15;
374
-
375
- @media screen and (min-width: $on-large) {
376
- @include relative-font-size(2.625);
377
- }
378
- }
379
-
380
- .post-content {
381
- margin-bottom: $spacing-unit;
382
- h4,
383
- h5,
384
- h6 {
385
- margin-top: $spacing-unit;
386
- }
387
-
388
- h2 {
389
- @include relative-font-size(1.75);
390
-
391
- @media screen and (min-width: $on-large) {
392
- @include relative-font-size(2);
393
- }
394
- }
395
-
396
- h3 {
397
- @include relative-font-size(1.375);
398
-
399
- @media screen and (min-width: $on-large) {
400
- @include relative-font-size(1.625);
401
- }
402
- }
403
-
404
- h4 {
405
- @include relative-font-size(1.25);
406
- }
407
-
408
- h5 {
409
- @include relative-font-size(1.125);
410
- }
411
- h6 {
412
- @include relative-font-size(1.0625);
413
- }
414
- }
415
-
416
-
417
- /**
418
- * Pagination navbar
419
- */
420
- .pagination {
421
- margin-bottom: $spacing-unit;
422
- li {
423
- a,
424
- div {
425
- min-width: 41px;
426
- text-align: center;
427
- box-sizing: border-box;
428
- }
429
- div {
430
- display: block;
431
- padding: $spacing-unit / 4;
432
- border: 1px solid transparent;
433
-
434
- &.pager-edge {
435
- color: $code-background-color;
436
- border: 1px dashed;
437
- }
438
- }
439
- }
440
- }
441
-
442
-
443
- /**
444
- * Grid helpers
445
- */
446
- @media screen and (min-width: $on-large) {
447
- .one-half {
448
- width: calc(50% - (#{$spacing-unit} / 2));
449
- }
450
- }
451
-
452
- .btn {
453
- padding: 8px 25px;
454
- border: none;
455
- border-radius: 5px;
456
- cursor: pointer;
457
- color: $text-color;
458
- background-color: $btn-bg-color;
459
- border-color: $btn-bg-color;
460
- transition: $transition-btn;
461
-
462
- &,
463
- &:visited {
464
- color: $text-color;
465
- }
466
-
467
- &:hover {
468
- color: $btn-text-hover-color;
469
- text-decoration: none;
470
- background-color: $btn-color-hover;
471
- border-color: $btn-color-hover;
472
- }
473
- }
474
-
@@ -1,269 +0,0 @@
1
- //Main Color Scheme
2
- // $background-color: #191919 !default;
3
- // $background-color: #2b2b2b !default; Default Black theme color
4
- //Basic Settings
5
- $background-color: #1d2127 !default;
6
- $text-color: #ffffff !default;
7
-
8
- //Site Header
9
- $header-link-color: darken($text-color, 40%) !default;
10
- $site-header-bg: darken($background-color, 5%) !default;
11
-
12
- // Site Home Banner
13
- $header-bg-color: #80ffd4 !default;
14
- $home-header-title-color: darken($background-color, 3%) !default;
15
-
16
- //Site Nav
17
- $menu-bdr-color: darken($background-color, 6%) !default;
18
- $menu-color: $text-color !default;
19
- $menu-bg-color-chae: darken($background-color, 6%) !default;
20
-
21
- //Site Footer
22
- $footer-bg-color: darken($background-color, 2%) !default;
23
-
24
- // Site Scroll
25
- $scroll_bar_bg_color: darken($text-color, 10%) !default;
26
-
27
- // $btn-bg-color: #525252 !default;
28
- // $btn-color-hover: #353535 !default;
29
- $btn-bg-color: lighten($background-color, 8%) !default;
30
- $btn-color-hover: darken($btn-bg-color, 5%) !default;
31
- $btn-text-hover-color: darken($text-color, 50%) !default;
32
-
33
- $code-background-color: darken($background-color, 3%) !default;
34
- $code-text-color: #cfcc13 !default;
35
- $blockquote-text-color: darken($text-color, 30%) !default;
36
-
37
- $link-base-color: #80ffd4 !default;
38
- $link-visited-color: darken($link-base-color, 15%) !default;
39
- $link-hover-color: darken(#80ffd4, 40%) !default;
40
-
41
- $table-text-color: $text-color !default;
42
- $table-zebra-color: darken($background-color, 2%) !default;
43
- $table-header-bg-color: darken($background-color, 3%) !default;
44
- $table-header-border: darken($background-color, 10%) !default;
45
- $table-border-color: darken($background-color, 100%) !default;
46
-
47
- $Github: #f0f6fc !default;
48
-
49
- .highlight .hll {
50
- background-color: #515151;
51
- }
52
- /*.highlight { background: #2d2d2d; color: #f2f0ec }*/
53
- .highlight {
54
- background: #1a1f35;
55
- color: #f2f0ec;
56
- }
57
- .highlight .c {
58
- color: #747369;
59
- } /* Comment */
60
- .highlight .err {
61
- color: #f2777a;
62
- } /* Error */
63
- .highlight .k {
64
- color: #cc99cc;
65
- } /* Keyword */
66
- .highlight .l {
67
- color: #f99157;
68
- } /* Literal */
69
- .highlight .n {
70
- color: #f2f0ec;
71
- } /* Name */
72
- .highlight .o {
73
- color: #66cccc;
74
- } /* Operator */
75
- .highlight .p {
76
- color: #f2f0ec;
77
- } /* Punctuation */
78
- .highlight .ch {
79
- color: #747369;
80
- } /* Comment.Hashbang */
81
- .highlight .cm {
82
- color: #747369;
83
- } /* Comment.Multiline */
84
- .highlight .cp {
85
- color: #747369;
86
- } /* Comment.Preproc */
87
- .highlight .cpf {
88
- color: #747369;
89
- } /* Comment.PreprocFile */
90
- .highlight .c1 {
91
- color: #747369;
92
- } /* Comment.Single */
93
- .highlight .cs {
94
- color: #747369;
95
- } /* Comment.Special */
96
- .highlight .gd {
97
- color: #f2777a;
98
- } /* Generic.Deleted */
99
- .highlight .ge {
100
- font-style: italic;
101
- } /* Generic.Emph */
102
- .highlight .gh {
103
- color: #f2f0ec;
104
- font-weight: bold;
105
- } /* Generic.Heading */
106
- .highlight .gi {
107
- color: #99cc99;
108
- } /* Generic.Inserted */
109
- .highlight .gp {
110
- color: #747369;
111
- font-weight: bold;
112
- } /* Generic.Prompt */
113
- .highlight .gs {
114
- font-weight: bold;
115
- } /* Generic.Strong */
116
- .highlight .gu {
117
- color: #66cccc;
118
- font-weight: bold;
119
- } /* Generic.Subheading */
120
- .highlight .kc {
121
- color: #cc99cc;
122
- } /* Keyword.Constant */
123
- .highlight .kd {
124
- color: #cc99cc;
125
- } /* Keyword.Declaration */
126
- .highlight .kn {
127
- color: #66cccc;
128
- } /* Keyword.Namespace */
129
- .highlight .kp {
130
- color: #cc99cc;
131
- } /* Keyword.Pseudo */
132
- .highlight .kr {
133
- color: #cc99cc;
134
- } /* Keyword.Reserved */
135
- .highlight .kt {
136
- color: #ffcc66;
137
- } /* Keyword.Type */
138
- .highlight .ld {
139
- color: #99cc99;
140
- } /* Literal.Date */
141
- .highlight .m {
142
- color: #f99157;
143
- } /* Literal.Number */
144
- .highlight .s {
145
- color: #99cc99;
146
- } /* Literal.String */
147
- .highlight .na {
148
- color: #6699cc;
149
- } /* Name.Attribute */
150
- .highlight .nb {
151
- color: #f2f0ec;
152
- } /* Name.Builtin */
153
- .highlight .nc {
154
- color: #ffcc66;
155
- } /* Name.Class */
156
- .highlight .no {
157
- color: #f2777a;
158
- } /* Name.Constant */
159
- .highlight .nd {
160
- color: #66cccc;
161
- } /* Name.Decorator */
162
- .highlight .ni {
163
- color: #f2f0ec;
164
- } /* Name.Entity */
165
- .highlight .ne {
166
- color: #f2777a;
167
- } /* Name.Exception */
168
- .highlight .nf {
169
- color: #6699cc;
170
- } /* Name.Function */
171
- .highlight .nl {
172
- color: #f2f0ec;
173
- } /* Name.Label */
174
- .highlight .nn {
175
- color: #ffcc66;
176
- } /* Name.Namespace */
177
- .highlight .nx {
178
- color: #6699cc;
179
- } /* Name.Other */
180
- .highlight .py {
181
- color: #f2f0ec;
182
- } /* Name.Property */
183
- .highlight .nt {
184
- color: #66cccc;
185
- } /* Name.Tag */
186
- .highlight .nv {
187
- color: #f2777a;
188
- } /* Name.Variable */
189
- .highlight .ow {
190
- color: #66cccc;
191
- } /* Operator.Word */
192
- .highlight .w {
193
- color: #f2f0ec;
194
- } /* Text.Whitespace */
195
- .highlight .mb {
196
- color: #f99157;
197
- } /* Literal.Number.Bin */
198
- .highlight .mf {
199
- color: #f99157;
200
- } /* Literal.Number.Float */
201
- .highlight .mh {
202
- color: #f99157;
203
- } /* Literal.Number.Hex */
204
- .highlight .mi {
205
- color: #f99157;
206
- } /* Literal.Number.Integer */
207
- .highlight .mo {
208
- color: #f99157;
209
- } /* Literal.Number.Oct */
210
- .highlight .sa {
211
- color: #99cc99;
212
- } /* Literal.String.Affix */
213
- .highlight .sb {
214
- color: #99cc99;
215
- } /* Literal.String.Backtick */
216
- .highlight .sc {
217
- color: #f2f0ec;
218
- } /* Literal.String.Char */
219
- .highlight .dl {
220
- color: #99cc99;
221
- } /* Literal.String.Delimiter */
222
- .highlight .sd {
223
- color: #747369;
224
- } /* Literal.String.Doc */
225
- .highlight .s2 {
226
- color: #99cc99;
227
- } /* Literal.String.Double */
228
- .highlight .se {
229
- color: #f99157;
230
- } /* Literal.String.Escape */
231
- .highlight .sh {
232
- color: #99cc99;
233
- } /* Literal.String.Heredoc */
234
- .highlight .si {
235
- color: #f99157;
236
- } /* Literal.String.Interpol */
237
- .highlight .sx {
238
- color: #99cc99;
239
- } /* Literal.String.Other */
240
- .highlight .sr {
241
- color: #99cc99;
242
- } /* Literal.String.Regex */
243
- .highlight .s1 {
244
- color: #99cc99;
245
- } /* Literal.String.Single */
246
- .highlight .ss {
247
- color: #99cc99;
248
- } /* Literal.String.Symbol */
249
- .highlight .bp {
250
- color: #f2f0ec;
251
- } /* Name.Builtin.Pseudo */
252
- .highlight .fm {
253
- color: #6699cc;
254
- } /* Name.Function.Magic */
255
- .highlight .vc {
256
- color: #f2777a;
257
- } /* Name.Variable.Class */
258
- .highlight .vg {
259
- color: #f2777a;
260
- } /* Name.Variable.Global */
261
- .highlight .vi {
262
- color: #f2777a;
263
- } /* Name.Variable.Instance */
264
- .highlight .vm {
265
- color: #f2777a;
266
- } /* Name.Variable.Magic */
267
- .highlight .il {
268
- color: #f99157;
269
- } /* Literal.Number.Integer.Long */