jekyll-theme-fica 0.1.5 → 0.2.0

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 (47) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yaml +27 -0
  3. data/404.html +18 -0
  4. data/License.md +2 -0
  5. data/README.md +73 -86
  6. data/_includes/BTT.html +7 -0
  7. data/_includes/Footer.html +84 -71
  8. data/_includes/Google-Analytics.html +12 -10
  9. data/_includes/Head.html +12 -10
  10. data/_includes/Header.html +34 -28
  11. data/_layouts/default.html +14 -13
  12. data/_layouts/home.html +67 -48
  13. data/_layouts/page.html +3 -13
  14. data/_layouts/post.html +52 -34
  15. data/_layouts/post_home.html +113 -56
  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 +149 -0
  19. data/_posts/2022-04-6-Creating-a-new-post.md +136 -0
  20. data/_sass/custom/styles.scss +1 -0
  21. data/_sass/custom/variables.scss +1 -0
  22. data/_sass/jekyll-theme-fica.scss +8 -0
  23. data/_sass/layouts/Google-fonts.scss +139 -0
  24. data/_sass/layouts/base.scss +579 -0
  25. data/_sass/layouts/layout.scss +718 -0
  26. data/_sass/layouts/variables.scss +230 -0
  27. data/_sass/themes/dark theme/highlight.scss +363 -0
  28. data/_sass/themes/dark theme/theme-dark.scss +142 -0
  29. data/_sass/themes/{Light_Theme.scss → light theme/highlight.scss } +199 -256
  30. data/_sass/themes/light theme/theme-light.scss +136 -0
  31. data/assets/404.svg +22 -0
  32. data/assets/css/Style.scss +13 -0
  33. data/assets/fica-icons.svg +64 -54
  34. data/assets/img/{fica_ad.png → homepage-pic.png} +0 -0
  35. data/bin/run +150 -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 +47 -13
  40. data/_includes/Custom-Head.html +0 -9
  41. data/_sass/Base.scss +0 -401
  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 -474
  46. data/_sass/themes/Dark_Theme.scss +0 -269
  47. 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
- ;