jekyll-theme-fica 0.1.3 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) 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 +29 -0
  5. data/README.md +81 -43
  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 +46 -17
  12. data/_layouts/page.html +1 -0
  13. data/_layouts/post.html +51 -34
  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/highlight.scss +199 -0
  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 +64 -54
  33. data/assets/img/fica_ad.png +0 -0
  34. data/bin/build +7 -0
  35. data/bin/server +7 -0
  36. data/docs/contributing.md +69 -0
  37. data/js/back-to-top.js +48 -0
  38. data/post/index.html +4 -0
  39. metadata +42 -9
  40. data/_sass/Base.scss +0 -315
  41. data/_sass/Color_scheme.scss +0 -117
  42. data/_sass/Custom-Styles.scss +0 -2
  43. data/_sass/Custom-Variables.scss +0 -1
  44. data/_sass/Initialize.scss +0 -71
  45. data/_sass/Layout.scss +0 -526
  46. data/assets/css/Styles.scss +0 -16
data/_sass/Layout.scss DELETED
@@ -1,526 +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-title {
17
- @include relative-font-size(1.625);
18
- font-weight: 690;
19
- letter-spacing: -1px;
20
- margin-bottom: 0;
21
- float: left;
22
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
23
-
24
- @include media-query($on-palm) {
25
- padding-right: 45px;
26
- }
27
-
28
- &,
29
- &:visited {
30
- color: $site-title-color;
31
- }
32
-
33
- &:hover {
34
- color: $header-link-color;
35
- }
36
- }
37
- //Header Banner
38
- .header-pic {
39
- position: relative;
40
- animation-name: pic_app;
41
- animation-duration: 2s;
42
- -webkit-animation-timing-function: linear;
43
- animation-timing-function: linear;
44
- @keyframes pic_app {
45
- 0% {opacity: 0%;}
46
- 20% {opacity: 20%;}
47
- 50% {opacity: 50%;}
48
- 70% {opacity: 70%;}
49
- 90% {opacity: 90%;}
50
- 100% {opacity: 100%;}
51
- }
52
- }
53
- .page-header {
54
- border-top: 10px solid $home-header-title-color;
55
- color: $site-title-color;
56
- background-color: $home-header-title-color;
57
- border-bottom: 5px solid $home-header-title-color;
58
- padding-bottom: 10px;
59
- text-align: center;
60
- }
61
- .page-header-title {
62
- border-top: 8px;
63
- margin-bottom: 0%;
64
- font-size: 2.20rem;
65
- color: $header-bg-color;
66
- text-align: center;
67
- font-weight: bold;
68
- font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
69
- padding-bottom: 7px;
70
- }
71
-
72
- .page-header-description {
73
- margin-bottom: 0%;
74
- padding-bottom: 10px;
75
- font-size: 1.2rem;
76
- color: $header-bg-color;
77
- text-align: center;
78
- font-weight: lighter;
79
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
80
- position: relative;
81
- animation-name: des_app;
82
- animation-duration: 1s;
83
- -webkit-animation-timing-function: linear;
84
- animation-timing-function: linear;
85
- @keyframes des_app {
86
- 0% {opacity: 0%;}
87
- 20% {opacity: 20%;}
88
- 50% {opacity: 50%;}
89
- 70% {opacity: 70%;}
90
- 90% {opacity: 90%;}
91
- 100% {opacity: 100%;}
92
- }
93
- }
94
-
95
- //Side Navigation
96
- .sidenav {
97
- width: 130px;
98
- z-index: 1;
99
- top: 110px;
100
- left: 15px;
101
- background: $menu-bdr-color;
102
- overflow-x: hidden;
103
- padding: 8px 0;
104
- border-radius: 5%;
105
- }
106
-
107
- .sidenav a {
108
- display: list-item;
109
- list-style-type: disc;
110
- list-style-position: inside;
111
- padding: 6px 8px 6px 16px;
112
- font-size: 17px;
113
- color: $link-base-color;
114
- display: block;
115
- }
116
-
117
- .sidenav a:hover {
118
- color: $link-hover-color;
119
- }
120
-
121
- @media screen and (max-height: 450px) {
122
- .sidenav {
123
- padding-top: 15px;
124
- }
125
- .sidenav a {
126
- font-size: 18px;
127
- }
128
- }
129
-
130
- .site-nav {
131
- position: absolute;
132
- top: 9px;
133
- right: $spacing-unit / 2;
134
- background-color: $menu-bdr-color;
135
- border-radius: 10px;
136
- text-align: right;
137
-
138
- .nav-trigger {
139
- display: none;
140
- float: right;
141
- padding-right: 100px;
142
- padding-left: 1px;
143
- }
144
-
145
- .menu-icon {
146
- float: right;
147
- width: 36px;
148
- height: 26px;
149
- line-height: 0;
150
- padding-top: 10px;
151
- text-align: center;
152
-
153
- > svg path {
154
- fill: $menu-color;
155
- }
156
- }
157
-
158
- label[for="nav-trigger"] {
159
- display: block;
160
- float: right;
161
- width: 36px;
162
- height: 36px;
163
- z-index: 2;
164
- cursor: pointer;
165
- }
166
-
167
- input ~ .trigger {
168
- clear: both;
169
- display: none;
170
- }
171
-
172
- input:checked ~ .trigger {
173
- display: block;
174
- padding-bottom: 5px;
175
- }
176
-
177
- .page-link {
178
- font-weight: 600;
179
- color: $text-color;
180
- line-height: $base-line-height;
181
- letter-spacing: 0rem;
182
- display: block;
183
- padding: 5px 10px;
184
-
185
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
186
-
187
- // Gaps between nav items, but not on the last one
188
- &:not(:last-child) {
189
- margin-right: 0;
190
- }
191
- margin-left: 20px;
192
-
193
- &:hover {
194
- color: $header-link-color;
195
- }
196
- }
197
-
198
- @media screen and (min-width: $on-medium) {
199
- position: static;
200
- float: right;
201
- border: none;
202
- background-color: inherit;
203
-
204
- label[for="nav-trigger"] {
205
- display: none;
206
- }
207
-
208
- .menu-icon {
209
- display: none;
210
- }
211
-
212
- input ~ .trigger {
213
- display: block;
214
- }
215
-
216
- .page-link {
217
- display: inline;
218
- padding: 0;
219
-
220
- &:not(:last-child) {
221
- margin-right: 20px;
222
- }
223
- margin-left: auto;
224
- }
225
- }
226
- }
227
-
228
- /**
229
- * Site footer
230
- */
231
- .site-footer {
232
- background-color: $footer-bg-color;
233
- padding: $spacing-unit 0;
234
- }
235
-
236
- .footer-heading {
237
- @include relative-font-size(1.125);
238
- margin-bottom: $spacing-unit / 2;
239
- }
240
-
241
- .footer-col {
242
- margin-bottom: $spacing-unit / 2;
243
- }
244
-
245
- .footer-col-1,
246
- .footer-col-2 {
247
- width: calc(50% - (#{$spacing-unit} / 2));
248
- }
249
-
250
- .footer-col-3 {
251
- width: calc(100% - (#{$spacing-unit} / 2));
252
- }
253
-
254
- @media screen and (min-width: $on-large) {
255
- .footer-col-1 {
256
- width: calc(35% - (#{$spacing-unit} / 2));
257
- }
258
-
259
- .footer-col-2 {
260
- width: calc(20% - (#{$spacing-unit} / 2));
261
- }
262
-
263
- .footer-col-3 {
264
- width: calc(45% - (#{$spacing-unit} / 2));
265
- }
266
- }
267
- .Links_footer {
268
- list-style: none;
269
- color: $link-base-color;
270
- width: calc(100% - (#{$spacing-unit} / 2));
271
- padding: 0 ($spacing-unit / 2);
272
- transition: $transition-links;
273
-
274
-
275
- &:first-child {
276
- font-weight: bolder;
277
- padding-right: $spacing-unit / 2;
278
- padding-left: 0;
279
- padding-bottom: 4px;
280
- font-size: larger;
281
- color: #f0ffff;
282
- }
283
-
284
- &:first-child:hover {
285
- color: #f0ffff;
286
- }
287
-
288
- &:last-child {
289
- padding-right: 0;
290
- padding-left: $spacing-unit / 2;
291
- }
292
-
293
- &:hover {
294
- color: $link-hover-color;
295
- text-decoration: none;
296
-
297
-
298
- }
299
- }
300
- .Product_footer {
301
- list-style: none;
302
- color: #f0ffff;
303
- width: calc(100% - (#{$spacing-unit} / 2));
304
- padding: 0 ($spacing-unit / 2);
305
-
306
- &:first-child {
307
- padding-right: $spacing-unit / 2;
308
- padding-left: 0;
309
- padding-bottom: 1px;
310
- font-size: 0.6cm;
311
- color: #f0ffff;
312
- font-weight: 900;
313
- }
314
-
315
- &:last-child:hover {
316
- color: #f0ffff;
317
- }
318
-
319
- &:last-child {
320
- padding-right: 0;
321
- padding-left: $spacing-unit / 2;
322
- font-size: 40;
323
- }
324
-
325
- &:hover {
326
- color: #f0ffff;
327
- text-decoration: none;
328
- }
329
- }
330
-
331
- @media screen and (min-width: $on-medium) {
332
- .footer-col-wrapper {
333
- display: flex;
334
- }
335
-
336
- .footer-col {
337
- width: calc(28% - (#{$spacing-unit} / 2));
338
- padding: 0 ($spacing-unit / 2);
339
-
340
- &:first-child {
341
- padding-right: $spacing-unit / 2;
342
- padding-left: 0;
343
- }
344
-
345
- &:last-child {
346
- padding-right: 0;
347
- padding-left: $spacing-unit / 2;
348
- }
349
- }
350
- .footer-middle {
351
- width: calc(35% - (#{$spacing-unit} / 2));
352
- padding: 0 ($spacing-unit / 2);
353
-
354
- &:first-child {
355
- padding-right: $spacing-unit / 2;
356
- padding-left: 0;
357
- }
358
-
359
- &:last-child {
360
- padding-right: 0;
361
- padding-left: $spacing-unit / 2;
362
- }
363
- }
364
- .footer-last {
365
- width: calc(35% - (#{$spacing-unit} / 2));
366
- padding: 0 ($spacing-unit / 2);
367
-
368
- &:first-child {
369
- padding-right: $spacing-unit / 2;
370
- padding-left: 0;
371
- }
372
-
373
- &:last-child {
374
- padding-right: 0;
375
- padding-left: $spacing-unit / 2;
376
- }
377
- }
378
- }
379
-
380
- /**
381
- * Page content
382
- */
383
- .page-content {
384
- padding: $spacing-unit 0;
385
- flex: 1 0 auto;
386
- }
387
-
388
- .page-heading {
389
- @include relative-font-size(2);
390
- }
391
-
392
- .post-list-heading {
393
- @include relative-font-size(1.75);
394
- }
395
-
396
- .post-list {
397
- margin-left: 0;
398
- list-style: none;
399
-
400
- > li {
401
- margin-bottom: $spacing-unit;
402
- }
403
- }
404
-
405
- .post-meta {
406
- font-size: $small-font-size;
407
- color: $site-title-color;
408
- }
409
-
410
- .post-link {
411
- display: block;
412
- @include relative-font-size(1.5);
413
- }
414
-
415
- /**
416
- * Posts
417
- */
418
- .post-header {
419
- margin-bottom: $spacing-unit;
420
- }
421
-
422
- .post-title,
423
- .post-content h1 {
424
- @include relative-font-size(2.625);
425
- letter-spacing: -1px;
426
- line-height: 1.15;
427
-
428
- @media screen and (min-width: $on-large) {
429
- @include relative-font-size(2.625);
430
- }
431
- }
432
-
433
- .post-content {
434
- margin-bottom: $spacing-unit;
435
- h4,
436
- h5,
437
- h6 {
438
- margin-top: $spacing-unit;
439
- }
440
-
441
- h2 {
442
- @include relative-font-size(1.75);
443
-
444
- @media screen and (min-width: $on-large) {
445
- @include relative-font-size(2);
446
- }
447
- }
448
-
449
- h3 {
450
- @include relative-font-size(1.375);
451
-
452
- @media screen and (min-width: $on-large) {
453
- @include relative-font-size(1.625);
454
- }
455
- }
456
-
457
- h4 {
458
- @include relative-font-size(1.25);
459
- }
460
-
461
- h5 {
462
- @include relative-font-size(1.125);
463
- }
464
- h6 {
465
- @include relative-font-size(1.0625);
466
- }
467
- }
468
-
469
-
470
- /**
471
- * Pagination navbar
472
- */
473
- .pagination {
474
- margin-bottom: $spacing-unit;
475
- li {
476
- a,
477
- div {
478
- min-width: 41px;
479
- text-align: center;
480
- box-sizing: border-box;
481
- }
482
- div {
483
- display: block;
484
- padding: $spacing-unit / 4;
485
- border: 1px solid transparent;
486
-
487
- &.pager-edge {
488
- color: $border-color-01;
489
- border: 1px dashed;
490
- }
491
- }
492
- }
493
- }
494
-
495
-
496
- /**
497
- * Grid helpers
498
- */
499
- @media screen and (min-width: $on-large) {
500
- .one-half {
501
- width: calc(50% - (#{$spacing-unit} / 2));
502
- }
503
- }
504
-
505
- .btn {
506
- padding: 7px 25px;
507
- border: none;
508
- border-radius: 5px;
509
- cursor: pointer;
510
- color: $text-color;
511
- background-color: $btn-bg-color;
512
- border-color: $btn-bg-color;
513
- transition: $transition-btn;
514
-
515
- &,
516
- &:visited {
517
- color: $text-color;
518
- }
519
-
520
- &:hover {
521
- color: $btn-text-hover-color;
522
- text-decoration: none;
523
- background-color: $btn-color-hover;
524
- border-color: $btn-color-hover;
525
- }
526
- }
@@ -1,16 +0,0 @@
1
- ---
2
- ---
3
-
4
- @import
5
- "Color_scheme",
6
- "Initialize";
7
-
8
- .site-title::before {
9
- content: url("{{site.baseurl}}/logo.png");
10
- display: inline-block;
11
- position: relative;
12
- width: 37px;
13
- top: 7px;
14
- }
15
-
16
-