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/Base.scss DELETED
@@ -1,397 +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: $text-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 $border-color-01;
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 $border-color-01;
215
- border-radius: 4px;
216
- background-color: $code-background-color;
217
-
218
- &::-webkit-scrollbar {
219
- width: 7px;
220
- height: 9px;
221
- }
222
-
223
- &::-webkit-scrollbar-track {
224
- background-color: $code-background-color;
225
- }
226
-
227
- &::-webkit-scrollbar-thumb {
228
- background: $text-color;
229
- border-radius: 4px;
230
- }
231
- }
232
-
233
- code {
234
- padding: 1px 5px;
235
- }
236
-
237
- pre {
238
- padding: 8px 12px;
239
- overflow-x: auto;
240
-
241
- > code {
242
- border: 0;
243
- padding-right: 0;
244
- padding-left: 0;
245
- }
246
- }
247
-
248
- .highlight {
249
- border-radius: 3px;
250
- background: $code-background-color;
251
- @extend %vertical-rhythm;
252
-
253
- .highlighter-rouge & {
254
- background: $code-background-color;
255
- }
256
- }
257
-
258
- /**
259
- * Wrapper
260
- */
261
- .wrapper {
262
- max-width: calc(#{$content-width} - (#{$spacing-unit}));
263
- margin-right: auto;
264
- margin-left: auto;
265
- padding-right: $spacing-unit / 2;
266
- padding-left: $spacing-unit / 2;
267
- @extend %clearfix;
268
-
269
- @media screen and (min-width: $on-large) {
270
- max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
271
- padding-right: $spacing-unit;
272
- padding-left: $spacing-unit;
273
- }
274
- }
275
-
276
- .wrapper_header {
277
- padding-left: 20px;
278
- padding-right: auto;
279
- @extend %clearfix;
280
- @media screen and (min-width: $on-medium) {
281
- padding-right: 70px;
282
- padding-left: 70px;
283
- }
284
- }
285
-
286
- .wrapper_footer {
287
- max-width: calc(#{$content-width} - (#{$spacing-unit}));
288
- margin-right: auto;
289
- margin-left: auto;
290
- padding-right: $spacing-unit / 2;
291
- padding-left: $spacing-unit / 2;
292
- @extend %clearfix;
293
-
294
- @media screen and (min-width: $on-large) {
295
- max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
296
- padding-right: $spacing-unit;
297
- padding-left: $spacing-unit;
298
- }
299
- }
300
-
301
- /**
302
- * Clearfix
303
- */
304
- %clearfix:after {
305
- content: "";
306
- display: table;
307
- clear: both;
308
- }
309
-
310
- /**
311
- * Icons
312
- */
313
-
314
- .stackoverflow {
315
- color: #f66a0a;
316
- }
317
-
318
- .youtube {
319
- color: #dd0505;
320
- }
321
-
322
- .github {
323
- color: #f9f9f9;
324
- }
325
-
326
- .svg-icon {
327
- width: 16px;
328
- height: 16px;
329
- display: inline-block;
330
- fill: currentColor;
331
- padding: 5px 3px 2px 5px;
332
- vertical-align: text-bottom;
333
- }
334
-
335
- /**
336
- * Tables
337
- */
338
- table {
339
- margin-bottom: $spacing-unit;
340
- width: 100%;
341
- text-align: $table-text-align;
342
- color: $table-text-color;
343
- border-collapse: collapse;
344
- border: 1px solid $table-border-color;
345
-
346
- &::-webkit-scrollbar {
347
- width: 7px;
348
- height: 9px;
349
- }
350
-
351
- &::-webkit-scrollbar-track {
352
- background-color: $code-background-color;
353
- }
354
-
355
- &::-webkit-scrollbar-thumb {
356
- background: $text-color;
357
- border-radius: 4px;
358
- }
359
- tr {
360
- &:nth-child(even) {
361
- background-color: $table-zebra-color;
362
- }
363
- }
364
- th,
365
- td {
366
- padding: ($spacing-unit / 3) ($spacing-unit / 2);
367
- }
368
- th {
369
- background-color: $table-header-bg-color;
370
- border: 1px solid $table-header-border;
371
- }
372
- td {
373
- border: 1px solid $table-border-color;
374
- }
375
-
376
- @include media-query($on-laptop) {
377
- display: block;
378
- overflow-x: auto;
379
- -webkit-overflow-scrolling: touch;
380
- -ms-overflow-style: -ms-autohiding-scrollbar;
381
- }
382
- }
383
- dl {
384
- padding: 0;
385
-
386
- dt {
387
- padding: 0;
388
- margin-top: 1rem;
389
- font-size: $base-font-size;
390
- font-weight: 690;
391
- }
392
-
393
- dd {
394
- margin-inline-start: 40px;
395
- }
396
- }
397
-
@@ -1,121 +0,0 @@
1
- //Main Color Scheme
2
- // $background-color: #191919 !default;
3
- $background-color: #2b2b2b !default;
4
- $text-color: #ffffff !default;
5
-
6
-
7
- $site-title-color: #ffffff !default;
8
- $site-header-bg: darken($background-color, 5%) !default;
9
-
10
- // $btn-bg-color: #525252 !default;
11
- // $btn-color-hover: #353535 !default;
12
- $btn-bg-color: lighten($background-color, 5%) !default;
13
- $btn-color-hover: lighten($background-color, 5%) !default;
14
- $btn-text-hover-color: darken($text-color, 50%) !default;
15
-
16
- $header-bg-color: #80ffd4 !default;
17
- $home-header-title-color: darken($background-color, 3%) !default;
18
-
19
- $button-download: #0097A7 !default;
20
- $button-download-hover: #80ffd4 !default;
21
-
22
-
23
- $code-background-color: darken($background-color, 3%) !default;
24
-
25
- $code-text-color: #cfcc13 !default;
26
- $blockquote-text-color: darken(#ffffff, 30%) !default;
27
-
28
- $link-base-color: #80ffd4 !default;
29
- $link-visited-color: darken($link-base-color, 15%) !default;
30
- $link-hover-color: darken(#80ffd4, 40%) !default;
31
-
32
- $header-link-color: darken($text-color, 40%) !default;
33
-
34
- $border-color-01: $code-background-color !default;
35
-
36
- $menu-bdr-color: darken($background-color, 6%) !default;
37
- $menu-color: #ffffff !default;
38
- $menu-bg-color-chae: darken($background-color, 6%) !default;
39
-
40
- $table-text-color: $text-color !default;
41
- $table-zebra-color: darken($background-color, 2%) !default;
42
- $table-header-bg-color: darken($background-color, 3%) !default;
43
- $table-header-border: darken($background-color, 10%) !default;
44
- $table-border-color: darken($background-color, 100%) !default;
45
-
46
- $footer-bg-color: darken($background-color, 2%) !default;
47
-
48
-
49
- .highlight .hll { background-color: #515151 }
50
- /*.highlight { background: #2d2d2d; color: #f2f0ec }*/
51
- .highlight { background: #1A1F35; color: #f2f0ec }
52
- .highlight .c { color: #747369 } /* Comment */
53
- .highlight .err { color: #f2777a } /* Error */
54
- .highlight .k { color: #cc99cc } /* Keyword */
55
- .highlight .l { color: #f99157 } /* Literal */
56
- .highlight .n { color: #f2f0ec } /* Name */
57
- .highlight .o { color: #66cccc } /* Operator */
58
- .highlight .p { color: #f2f0ec } /* Punctuation */
59
- .highlight .ch { color: #747369 } /* Comment.Hashbang */
60
- .highlight .cm { color: #747369 } /* Comment.Multiline */
61
- .highlight .cp { color: #747369 } /* Comment.Preproc */
62
- .highlight .cpf { color: #747369 } /* Comment.PreprocFile */
63
- .highlight .c1 { color: #747369 } /* Comment.Single */
64
- .highlight .cs { color: #747369 } /* Comment.Special */
65
- .highlight .gd { color: #f2777a } /* Generic.Deleted */
66
- .highlight .ge { font-style: italic } /* Generic.Emph */
67
- .highlight .gh { color: #f2f0ec; font-weight: bold } /* Generic.Heading */
68
- .highlight .gi { color: #99cc99 } /* Generic.Inserted */
69
- .highlight .gp { color: #747369; font-weight: bold } /* Generic.Prompt */
70
- .highlight .gs { font-weight: bold } /* Generic.Strong */
71
- .highlight .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */
72
- .highlight .kc { color: #cc99cc } /* Keyword.Constant */
73
- .highlight .kd { color: #cc99cc } /* Keyword.Declaration */
74
- .highlight .kn { color: #66cccc } /* Keyword.Namespace */
75
- .highlight .kp { color: #cc99cc } /* Keyword.Pseudo */
76
- .highlight .kr { color: #cc99cc } /* Keyword.Reserved */
77
- .highlight .kt { color: #ffcc66 } /* Keyword.Type */
78
- .highlight .ld { color: #99cc99 } /* Literal.Date */
79
- .highlight .m { color: #f99157 } /* Literal.Number */
80
- .highlight .s { color: #99cc99 } /* Literal.String */
81
- .highlight .na { color: #6699cc } /* Name.Attribute */
82
- .highlight .nb { color: #f2f0ec } /* Name.Builtin */
83
- .highlight .nc { color: #ffcc66 } /* Name.Class */
84
- .highlight .no { color: #f2777a } /* Name.Constant */
85
- .highlight .nd { color: #66cccc } /* Name.Decorator */
86
- .highlight .ni { color: #f2f0ec } /* Name.Entity */
87
- .highlight .ne { color: #f2777a } /* Name.Exception */
88
- .highlight .nf { color: #6699cc } /* Name.Function */
89
- .highlight .nl { color: #f2f0ec } /* Name.Label */
90
- .highlight .nn { color: #ffcc66 } /* Name.Namespace */
91
- .highlight .nx { color: #6699cc } /* Name.Other */
92
- .highlight .py { color: #f2f0ec } /* Name.Property */
93
- .highlight .nt { color: #66cccc } /* Name.Tag */
94
- .highlight .nv { color: #f2777a } /* Name.Variable */
95
- .highlight .ow { color: #66cccc } /* Operator.Word */
96
- .highlight .w { color: #f2f0ec } /* Text.Whitespace */
97
- .highlight .mb { color: #f99157 } /* Literal.Number.Bin */
98
- .highlight .mf { color: #f99157 } /* Literal.Number.Float */
99
- .highlight .mh { color: #f99157 } /* Literal.Number.Hex */
100
- .highlight .mi { color: #f99157 } /* Literal.Number.Integer */
101
- .highlight .mo { color: #f99157 } /* Literal.Number.Oct */
102
- .highlight .sa { color: #99cc99 } /* Literal.String.Affix */
103
- .highlight .sb { color: #99cc99 } /* Literal.String.Backtick */
104
- .highlight .sc { color: #f2f0ec } /* Literal.String.Char */
105
- .highlight .dl { color: #99cc99 } /* Literal.String.Delimiter */
106
- .highlight .sd { color: #747369 } /* Literal.String.Doc */
107
- .highlight .s2 { color: #99cc99 } /* Literal.String.Double */
108
- .highlight .se { color: #f99157 } /* Literal.String.Escape */
109
- .highlight .sh { color: #99cc99 } /* Literal.String.Heredoc */
110
- .highlight .si { color: #f99157 } /* Literal.String.Interpol */
111
- .highlight .sx { color: #99cc99 } /* Literal.String.Other */
112
- .highlight .sr { color: #99cc99 } /* Literal.String.Regex */
113
- .highlight .s1 { color: #99cc99 } /* Literal.String.Single */
114
- .highlight .ss { color: #99cc99 } /* Literal.String.Symbol */
115
- .highlight .bp { color: #f2f0ec } /* Name.Builtin.Pseudo */
116
- .highlight .fm { color: #6699cc } /* Name.Function.Magic */
117
- .highlight .vc { color: #f2777a } /* Name.Variable.Class */
118
- .highlight .vg { color: #f2777a } /* Name.Variable.Global */
119
- .highlight .vi { color: #f2777a } /* Name.Variable.Instance */
120
- .highlight .vm { color: #f2777a } /* Name.Variable.Magic */
121
- .highlight .il { color: #f99157 } /* Literal.Number.Integer.Long */
@@ -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: 16px !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
- ;