jekyll-theme-fica 0.2.2 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yaml +5 -9
  3. data/404.html +12 -10
  4. data/LICENSE.txt +1 -1
  5. data/License.md +2 -8
  6. data/README.md +56 -53
  7. data/_includes/Footer.html +85 -109
  8. data/_includes/Head.html +15 -2
  9. data/_includes/Header.html +14 -10
  10. data/_includes/assets/BTT.html +1 -1
  11. data/_includes/assets/comments.html +1 -1
  12. data/_layouts/home.html +2 -2
  13. data/_layouts/post.html +5 -7
  14. data/_layouts/post_list.html +103 -0
  15. data/_posts/2022-03-31-To-Know-if-the-nav-works.md +9 -8
  16. data/_posts/{2022-04-1-Demo.md → 2022-04-1-Elements-of-Fica-Theme.md} +111 -113
  17. data/_posts/2022-04-5-Getting-Started.md +8 -9
  18. data/_posts/2022-04-6-Creating-a-new-post.md +144 -136
  19. data/_posts/2023-04-24-Fica-Customization.md +43 -0
  20. data/_sass/base.scss +79 -114
  21. data/_sass/jekyll-theme-fica.scss +1 -1
  22. data/_sass/layouts/Google-fonts.scss +103 -138
  23. data/_sass/layouts/component.scss +49 -30
  24. data/_sass/layouts/layout.scss +206 -161
  25. data/_sass/layouts/typography.scss +492 -0
  26. data/_sass/layouts/variable.scss +22 -8
  27. data/assets/css/Style.scss +1 -9
  28. data/assets/favicons/android-chrome-192x192.png +0 -0
  29. data/assets/favicons/android-chrome-512x512.png +0 -0
  30. data/assets/favicons/apple-touch-icon.png +0 -0
  31. data/assets/favicons/browserconfig.xml +9 -0
  32. data/assets/favicons/favicon-16x16.png +0 -0
  33. data/assets/favicons/favicon-32x32.png +0 -0
  34. data/assets/favicons/favicon.ico +0 -0
  35. data/assets/favicons/mstile-150x150.png +0 -0
  36. data/assets/favicons/safari-pinned-tab.svg +32 -0
  37. data/assets/favicons/site.webmanifest +19 -0
  38. data/assets/img/homepage-pic.png +0 -0
  39. data/js/Main.js +55 -2
  40. data/logo.png +0 -0
  41. data/post/index.html +3 -3
  42. metadata +24 -33
  43. data/.github/workflows/.ci_BASE_2002.yaml.swp +0 -0
  44. data/.github/workflows/.ci_LOCAL_2002.yaml.swp +0 -0
  45. data/.github/workflows/.ci_REMOTE_2002.yaml.swp +0 -0
  46. data/.github/workflows/ci_BACKUP_2002.yaml +0 -34
  47. data/.github/workflows/ci_BASE_2002.yaml +0 -27
  48. data/.github/workflows/ci_LOCAL_2002.yaml +0 -27
  49. data/.github/workflows/ci_REMOTE_2002.yaml +0 -27
  50. data/_layouts/post_home.html +0 -113
data/_sass/layouts/Google-fonts.scss CHANGED
@@ -1,139 +1,104 @@
1
- @mixin material-icons {
2
- font-family: 'Material Icons';
3
- font-weight: normal;
4
- font-style: normal;
5
- font-size: 24px;
6
- /* Preferred icon size */
7
- display: inline-block;
8
- line-height: 1;
9
- text-transform: none;
10
- letter-spacing: normal;
11
- word-wrap: normal;
12
- white-space: nowrap;
13
- direction: ltr;
14
- user-select: none;
15
- -moz-user-select: none;
16
- -khtml-user-select: none;
17
- -webkit-user-select: none;
18
- -o-user-select: none;
19
-
20
- /* Support for all WebKit browsers. */
21
- -webkit-font-smoothing: antialiased;
22
- /* Support for Safari and Chrome. */
23
- text-rendering: optimizeLegibility;
24
-
25
- /* Support for Firefox. */
26
- -moz-osx-font-smoothing: grayscale;
27
-
28
- /* Support for IE. */
29
- font-feature-settings: 'liga';
30
- }
31
-
32
- .material-icons {
33
- @include material-icons();
34
- }
35
-
36
- /* Rules for sizing the icon. */
37
- .material-icons.md-18 {
38
- font-size: 18px;
39
- }
40
-
41
- .material-icons.md-24 {
42
- font-size: 24px;
43
- }
44
-
45
- .material-icons.md-36 {
46
- font-size: 36px;
47
- }
48
-
49
- .material-icons.md-48 {
50
- font-size: 48px;
51
- }
52
-
53
- /* Rules for using icons as black on a light background. */
54
- .material-icons.md-dark {
55
- color: rgba(0, 0, 0, 0.54);
56
- }
57
-
58
- .material-icons.md-dark.md-inactive {
59
- color: rgba(0, 0, 0, 0.26);
60
- }
61
-
62
- /* Rules for using icons as white on a dark background. */
63
- .material-icons.md-light {
64
- color: rgba(255, 255, 255, 1);
65
- }
66
-
67
- .material-icons.md-light.md-inactive {
68
- color: rgba(255, 255, 255, 0.3);
69
- }
70
-
71
- /* fallback */
72
- @font-face {
73
- font-family: 'Material Icons';
74
- font-style: normal;
75
- font-weight: 400;
76
- src: url(https://fonts.gstatic.com/s/materialicons/v128/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
77
- }
78
- /* fallback */
79
- @font-face {
80
- font-family: 'Material Icons Outlined';
81
- font-style: normal;
82
- font-weight: 400;
83
- src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v103/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
84
- }
85
- /* fallback */
86
- @font-face {
87
- font-family: 'Material Icons Round';
88
- font-style: normal;
89
- font-weight: 400;
90
- src: url(https://fonts.gstatic.com/s/materialiconsround/v102/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format('woff2');
91
- }
92
-
93
- .material-icons {
94
- font-family: 'Material Icons';
95
- font-weight: normal;
96
- font-style: normal;
97
- font-size: 24px;
98
- line-height: 1;
99
- letter-spacing: normal;
100
- text-transform: none;
101
- display: inline-block;
102
- white-space: nowrap;
103
- word-wrap: normal;
104
- direction: ltr;
105
- -webkit-font-feature-settings: 'liga';
106
- -webkit-font-smoothing: antialiased;
107
- }
108
-
109
- .material-icons-outlined {
110
- font-family: 'Material Icons Outlined';
111
- font-weight: normal;
112
- font-style: normal;
113
- font-size: 24px;
114
- line-height: 1;
115
- letter-spacing: normal;
116
- text-transform: none;
117
- display: inline-block;
118
- white-space: nowrap;
119
- word-wrap: normal;
120
- direction: ltr;
121
- -webkit-font-feature-settings: 'liga';
122
- -webkit-font-smoothing: antialiased;
123
- }
124
-
125
- .material-icons-round {
126
- font-family: 'Material Icons Round';
127
- font-weight: normal;
128
- font-style: normal;
129
- font-size: 24px;
130
- line-height: 1;
131
- letter-spacing: normal;
132
- text-transform: none;
133
- display: inline-block;
134
- white-space: nowrap;
135
- word-wrap: normal;
136
- direction: ltr;
137
- -webkit-font-feature-settings: 'liga';
138
- -webkit-font-smoothing: antialiased;
1
+ /* Rules for sizing the icon. */
2
+ .material-icons.md-18 {
3
+ font-size: 18px;
4
+ }
5
+
6
+ .material-icons.md-24 {
7
+ font-size: 24px;
8
+ }
9
+
10
+ .material-icons.md-36 {
11
+ font-size: 36px;
12
+ }
13
+
14
+ .material-icons.md-48 {
15
+ font-size: 48px;
16
+ }
17
+
18
+ /* Rules for using icons as black on a light background. */
19
+ .material-icons.md-dark {
20
+ color: rgba(0, 0, 0, 0.54);
21
+ }
22
+
23
+ .material-icons.md-dark.md-inactive {
24
+ color: rgba(0, 0, 0, 0.26);
25
+ }
26
+
27
+ /* Rules for using icons as white on a dark background. */
28
+ .material-icons.md-light {
29
+ color: rgba(255, 255, 255, 1);
30
+ }
31
+
32
+ .material-icons.md-light.md-inactive {
33
+ color: rgba(255, 255, 255, 0.3);
34
+ }
35
+
36
+ /* fallback */
37
+ @font-face {
38
+ font-family: 'Material Icons';
39
+ font-style: normal;
40
+ font-weight: 400;
41
+ src: url(https://fonts.gstatic.com/s/materialicons/v128/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
42
+ }
43
+ /* fallback */
44
+ @font-face {
45
+ font-family: 'Material Icons Outlined';
46
+ font-style: normal;
47
+ font-weight: 400;
48
+ src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v103/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
49
+ }
50
+ /* fallback */
51
+ @font-face {
52
+ font-family: 'Material Icons Round';
53
+ font-style: normal;
54
+ font-weight: 400;
55
+ src: url(https://fonts.gstatic.com/s/materialiconsround/v102/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format('woff2');
56
+ }
57
+
58
+ .material-icons {
59
+ font-family: 'Material Icons';
60
+ font-weight: normal;
61
+ font-style: normal;
62
+ font-size: 24px;
63
+ line-height: 1;
64
+ letter-spacing: normal;
65
+ text-transform: none;
66
+ display: inline-block;
67
+ white-space: nowrap;
68
+ word-wrap: normal;
69
+ direction: ltr;
70
+ -webkit-font-feature-settings: 'liga';
71
+ -webkit-font-smoothing: antialiased;
72
+ }
73
+
74
+ .material-icons-outlined {
75
+ font-family: 'Material Icons Outlined';
76
+ font-weight: normal;
77
+ font-style: normal;
78
+ font-size: 24px;
79
+ line-height: 1;
80
+ letter-spacing: normal;
81
+ text-transform: none;
82
+ display: inline-block;
83
+ white-space: nowrap;
84
+ word-wrap: normal;
85
+ direction: ltr;
86
+ -webkit-font-feature-settings: 'liga';
87
+ -webkit-font-smoothing: antialiased;
88
+ }
89
+
90
+ .material-icons-round {
91
+ font-family: 'Material Icons Round';
92
+ font-weight: normal;
93
+ font-style: normal;
94
+ font-size: 24px;
95
+ line-height: 1;
96
+ letter-spacing: normal;
97
+ text-transform: none;
98
+ display: inline-block;
99
+ white-space: nowrap;
100
+ word-wrap: normal;
101
+ direction: ltr;
102
+ -webkit-font-feature-settings: 'liga';
103
+ -webkit-font-smoothing: antialiased;
139
104
  }
data/_sass/layouts/component.scss CHANGED
@@ -82,7 +82,6 @@ table {
82
82
  }
83
83
  }
84
84
 
85
-
86
85
  .btn {
87
86
  padding: 8px 25px;
88
87
  border: none;
@@ -200,40 +199,42 @@ table {
200
199
  margin: 0px;
201
200
  }
202
201
 
203
-
204
- //
202
+ //
205
203
  // Table Of Contents(Toc)
206
- //
204
+ //
207
205
  .post-toc {
208
- flex: 0 0 20%;
206
+ position: sticky;
207
+ top: 2rem;
209
208
  border-left: 1px solid $text-color;
210
209
  margin-left: 10px;
211
210
  padding-left: 10px;
212
- display: none;
213
- height: 10%;
211
+ align-self: start;
212
+ margin-bottom: 15px;
214
213
 
215
- ul, li {
214
+ li {
215
+ margin-left: 1rem;
216
+ margin: 7px;
217
+ padding-left: 1rem;
216
218
  list-style: none;
217
- width: 100%;
218
- margin-left: 0px;
219
- padding: 4px 20px;
219
+ }
220
+ ul,
221
+ ol {
222
+ list-style: none;
223
+ margin: 0;
224
+ padding: 0;
225
+ }
226
+ a {
227
+ padding-left: 1rem;
228
+ color: $text-mute-color;
220
229
 
221
- >a {
230
+ &:visited {
222
231
  color: $text-mute-color;
223
- font-size: 15px;
224
- font-weight: 400;
225
- word-spacing: 0px;
226
-
227
- &:visited {
228
- color: $text-mute-color;
229
- }
232
+ }
230
233
 
231
- &:hover {
232
- color: $text-color;
233
- }
234
+ &:hover {
235
+ color: $text-color;
234
236
  }
235
237
  }
236
-
237
238
  ul {
238
239
  padding: 0;
239
240
  }
@@ -241,13 +242,31 @@ table {
241
242
  li {
242
243
  padding-bottom: 5px;
243
244
  }
244
-
245
- h2 {
246
- font-size: 20px;
247
- padding-left: 5px;
245
+ li.active > a {
246
+ border-radius: 5px;
247
+ display: flex;
248
+ border: 1px solid;
249
+ animation-duration: 0.3s;
250
+ animation-fill-mode: both;
251
+ animation-name: TOC-Entrance;
248
252
  }
253
+ li.decative {
254
+ a {
255
+ animation-duration: 0.3s;
256
+ animation-fill-mode: both;
257
+ animation-name: TOC-Exit;
258
+ opacity: 0.5;
249
259
 
250
- @media screen and (min-width: 1111px) {
251
- display: block;
260
+ &:hover {
261
+ opacity: 1;
262
+ }
263
+ }
264
+ ul {
265
+ display: none;
266
+ }
252
267
  }
253
- }
268
+ @media screen and (max-width: 1111px) {
269
+ display: none;
270
+ width: 0px;
271
+ }
272
+ }