jekyll-theme-fica 0.1.4 → 0.1.9

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