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/Base.scss DELETED
@@ -1,315 +0,0 @@
1
- html {
2
- font-size: $base-font-size;
3
- }
4
-
5
- /**
6
- * Reset some basic elements
7
- */
8
- body, h1, h2, h3, h4, h5, h6,
9
- p, blockquote, pre, hr,
10
- dl, dd, ol, ul, figure {
11
- margin: 0;
12
- padding: 0;
13
-
14
- }
15
-
16
-
17
- body {
18
- font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
19
- color: $text-color;
20
- background-color: $background-color;
21
- -webkit-text-size-adjust: 100%;
22
- -webkit-font-feature-settings: "kern" 1;
23
- -moz-font-feature-settings: "kern" 1;
24
- -o-font-feature-settings: "kern" 1;
25
- font-feature-settings: "kern" 1;
26
- font-kerning: normal;
27
- display: flex;
28
- min-height: 100vh;
29
- flex-direction: column;
30
- overflow-wrap: break-word;
31
- }
32
-
33
- /**
34
- * Set `margin-bottom` to maintain vertical rhythm
35
- */
36
- h1, h2, h3, h4, h5, h6,
37
- p, blockquote, pre,
38
- ul, ol, dl, figure,
39
- %vertical-rhythm {
40
- margin-bottom: $spacing-unit / 2;
41
- }
42
-
43
- hr {
44
- margin-top: $spacing-unit;
45
- margin-bottom: $spacing-unit;
46
- }
47
-
48
- /**
49
- * `main` element
50
- */
51
- main {
52
- display: block;
53
- /* Default value of `display` of `main` element is 'inline' in IE 11. */
54
- animation-name: text_trans;
55
- animation-duration: 1s;
56
- -webkit-animation-timing-function: ease-in;
57
- animation-timing-function: ease-in;
58
- @keyframes text_trans {
59
- 0% {opacity: 0%;}
60
- 20% {opacity: 20%;}
61
- 50% {opacity: 50%;}
62
- 70% {opacity: 70%;}
63
- 90% {opacity: 90%;}
64
- 100% {opacity: 100%;}
65
- }
66
- }
67
-
68
- /**
69
- * Images
70
- */
71
- img {
72
- max-width: 100%;
73
- vertical-align: middle;
74
- }
75
-
76
-
77
-
78
- /**
79
- * Figures
80
- */
81
- figure > img {
82
- display: block;
83
- }
84
-
85
- figcaption {
86
- font-size: $small-font-size;
87
- }
88
-
89
-
90
-
91
- /**
92
- * Lists
93
- */
94
- ul, ol {
95
- margin-left: $spacing-unit;
96
- }
97
-
98
- li {
99
- > ul,
100
- > ol {
101
- margin-bottom: 0;
102
- }
103
- }
104
-
105
-
106
-
107
- /**
108
- * Headings
109
- */
110
- h2, h3, h4, h5, h6 {
111
- font-weight: 650;
112
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
113
- }
114
-
115
- h1 {
116
- font-weight: 700;
117
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
118
- font-size: 35px;
119
- }
120
-
121
-
122
- /**
123
- * Links
124
- */
125
- a {
126
- color: $link-base-color;
127
- text-decoration: none;
128
- transition: $transition-links;
129
-
130
- &:visited {
131
- color: $link-visited-color;
132
- }
133
-
134
- &:hover {
135
- color: $link-hover-color;
136
- text-decoration: none;
137
- }
138
- }
139
-
140
-
141
- /**
142
- * Blockquotes
143
- */
144
- blockquote {
145
- color: $blockquote-text-color;
146
- border-left: 4px solid $border-color-01;
147
- padding-left: $spacing-unit / 2;
148
- @include relative-font-size(1.125);
149
- font-style: italic;
150
-
151
- > :last-child {
152
- margin-bottom: 0;
153
- }
154
-
155
- i, em {
156
- font-style: normal;
157
- }
158
- }
159
-
160
-
161
-
162
- /**
163
- * Code formatting
164
- */
165
- pre,
166
- code {
167
- font-family: $code-font-family;
168
- font-size: 0.9375em;
169
- border: 1px solid $border-color-01;
170
- border-radius: 4px;
171
- background-color: $code-background-color;
172
- }
173
-
174
- code {
175
- padding: 1px 5px;
176
- }
177
-
178
- pre {
179
- padding: 8px 12px;
180
- overflow-x: auto;
181
-
182
- > code {
183
- border: 0;
184
- padding-right: 0;
185
- padding-left: 0;
186
- }
187
- }
188
-
189
- .highlight {
190
- border-radius: 3px;
191
- background: $code-background-color;
192
- @extend %vertical-rhythm;
193
-
194
- .highlighter-rouge & {
195
- background: $code-background-color;
196
- }
197
- }
198
-
199
-
200
-
201
- /**
202
- * Wrapper
203
- */
204
- .wrapper {
205
- max-width: calc(#{$content-width} - (#{$spacing-unit}));
206
- margin-right: auto;
207
- margin-left: auto;
208
- padding-right: $spacing-unit / 2;
209
- padding-left: $spacing-unit / 2;
210
- @extend %clearfix;
211
-
212
- @media screen and (min-width: $on-large) {
213
- max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
214
- padding-right: $spacing-unit;
215
- padding-left: $spacing-unit;
216
- }
217
- }
218
-
219
- .wrapper_header {
220
- padding-left: 20px;
221
- padding-right: auto;
222
- @extend %clearfix;
223
- @media screen and (min-width: $on-medium) {
224
- padding-right: 70px;
225
- padding-left: 70px;
226
- }
227
- }
228
-
229
- .wrapper_footer {
230
- max-width: calc(#{$content-width} - (#{$spacing-unit}));
231
- margin-right: auto;
232
- margin-left: auto;
233
- padding-right: $spacing-unit / 2;
234
- padding-left: $spacing-unit / 2;
235
- @extend %clearfix;
236
-
237
- @media screen and (min-width: $on-large) {
238
- max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
239
- padding-right: $spacing-unit;
240
- padding-left: $spacing-unit;
241
- }
242
- }
243
-
244
-
245
-
246
- /**
247
- * Clearfix
248
- */
249
- %clearfix:after {
250
- content: "";
251
- display: table;
252
- clear: both;
253
- }
254
-
255
-
256
-
257
- /**
258
- * Icons
259
- */
260
-
261
- .stackoverflow {
262
- color: #f66a0a;
263
- }
264
-
265
- .youtube {
266
- color: #dd0505;
267
- }
268
-
269
- .github {
270
- color: #f9f9f9
271
- }
272
-
273
- .svg-icon {
274
- width: 16px;
275
- height: 16px;
276
- display: inline-block;
277
- fill: currentColor;
278
- padding: 5px 3px 2px 5px;
279
- vertical-align: text-bottom;
280
- }
281
-
282
-
283
- /**
284
- * Tables
285
- */
286
- table {
287
- margin-bottom: $spacing-unit;
288
- width: 100%;
289
- text-align: $table-text-align;
290
- color: $table-text-color;
291
- border-collapse: collapse;
292
- border: 1px solid $table-border-color;
293
- tr {
294
- &:nth-child(even) {
295
- background-color: $table-zebra-color;
296
- }
297
- }
298
- th, td {
299
- padding: ($spacing-unit / 3) ($spacing-unit / 2);
300
- }
301
- th {
302
- background-color: $table-header-bg-color;
303
- border: 1px solid $table-header-border;
304
- }
305
- td {
306
- border: 1px solid $table-border-color;
307
- }
308
-
309
- @include media-query($on-laptop) {
310
- display: block;
311
- overflow-x: auto;
312
- -webkit-overflow-scrolling: touch;
313
- -ms-overflow-style: -ms-autohiding-scrollbar;
314
- }
315
- }
@@ -1,117 +0,0 @@
1
- //Main Color Scheme
2
- $background-color: #2b2b2b !default;
3
- $text-color: #ffffff !default;
4
-
5
-
6
- $site-title-color: #ffffff !default;
7
- $site-header-bg: darken($background-color, 5%) !default;
8
-
9
- $btn-bg-color: #525252 !default;
10
- $btn-color-hover: #353535 !default;
11
- $btn-text-hover-color: darken($text-color, 20%) !default;
12
-
13
- $header-bg-color: #80ffd4 !default;
14
- $home-header-title-color: darken($background-color, 3%) !default;
15
-
16
- $button-download: #0097A7 !default;
17
- $button-download-hover: #80ffd4 !default;
18
-
19
-
20
- $code-background-color: darken($background-color, 3%) !default;
21
-
22
- $code-text-color: #cfcc13 !default;
23
- $blockquote-text-color: darken(#ffffff, 30%) !default;
24
-
25
- $link-base-color: #80ffd4 !default;
26
- $link-visited-color: darken($link-base-color, 15%) !default;
27
- $link-hover-color: darken(#80ffd4, 40%) !default;
28
-
29
- $header-link-color: darken($text-color, 40%) !default;
30
-
31
- $border-color-01: $code-background-color !default;
32
-
33
- $menu-bdr-color: darken($background-color, 6%) !default;
34
- $menu-color: #ffffff !default;
35
- $menu-bg-color-chae: darken($background-color, 6%) !default;
36
-
37
- $table-text-color: $text-color !default;
38
- $table-zebra-color: darken($background-color, 2%) !default;
39
- $table-header-bg-color: darken($background-color, 3%) !default;
40
- $table-header-border: darken($background-color, 10%) !default;
41
- $table-border-color: darken($background-color, 100%) !default;
42
-
43
- $footer-bg-color: darken($background-color, 2%) !default;
44
-
45
- .highlight .hll { background-color: #515151 }
46
- /*.highlight { background: #2d2d2d; color: #f2f0ec }*/
47
- .highlight { background: #1A1F35; color: #f2f0ec }
48
- .highlight .c { color: #747369 } /* Comment */
49
- .highlight .err { color: #f2777a } /* Error */
50
- .highlight .k { color: #cc99cc } /* Keyword */
51
- .highlight .l { color: #f99157 } /* Literal */
52
- .highlight .n { color: #f2f0ec } /* Name */
53
- .highlight .o { color: #66cccc } /* Operator */
54
- .highlight .p { color: #f2f0ec } /* Punctuation */
55
- .highlight .ch { color: #747369 } /* Comment.Hashbang */
56
- .highlight .cm { color: #747369 } /* Comment.Multiline */
57
- .highlight .cp { color: #747369 } /* Comment.Preproc */
58
- .highlight .cpf { color: #747369 } /* Comment.PreprocFile */
59
- .highlight .c1 { color: #747369 } /* Comment.Single */
60
- .highlight .cs { color: #747369 } /* Comment.Special */
61
- .highlight .gd { color: #f2777a } /* Generic.Deleted */
62
- .highlight .ge { font-style: italic } /* Generic.Emph */
63
- .highlight .gh { color: #f2f0ec; font-weight: bold } /* Generic.Heading */
64
- .highlight .gi { color: #99cc99 } /* Generic.Inserted */
65
- .highlight .gp { color: #747369; font-weight: bold } /* Generic.Prompt */
66
- .highlight .gs { font-weight: bold } /* Generic.Strong */
67
- .highlight .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */
68
- .highlight .kc { color: #cc99cc } /* Keyword.Constant */
69
- .highlight .kd { color: #cc99cc } /* Keyword.Declaration */
70
- .highlight .kn { color: #66cccc } /* Keyword.Namespace */
71
- .highlight .kp { color: #cc99cc } /* Keyword.Pseudo */
72
- .highlight .kr { color: #cc99cc } /* Keyword.Reserved */
73
- .highlight .kt { color: #ffcc66 } /* Keyword.Type */
74
- .highlight .ld { color: #99cc99 } /* Literal.Date */
75
- .highlight .m { color: #f99157 } /* Literal.Number */
76
- .highlight .s { color: #99cc99 } /* Literal.String */
77
- .highlight .na { color: #6699cc } /* Name.Attribute */
78
- .highlight .nb { color: #f2f0ec } /* Name.Builtin */
79
- .highlight .nc { color: #ffcc66 } /* Name.Class */
80
- .highlight .no { color: #f2777a } /* Name.Constant */
81
- .highlight .nd { color: #66cccc } /* Name.Decorator */
82
- .highlight .ni { color: #f2f0ec } /* Name.Entity */
83
- .highlight .ne { color: #f2777a } /* Name.Exception */
84
- .highlight .nf { color: #6699cc } /* Name.Function */
85
- .highlight .nl { color: #f2f0ec } /* Name.Label */
86
- .highlight .nn { color: #ffcc66 } /* Name.Namespace */
87
- .highlight .nx { color: #6699cc } /* Name.Other */
88
- .highlight .py { color: #f2f0ec } /* Name.Property */
89
- .highlight .nt { color: #66cccc } /* Name.Tag */
90
- .highlight .nv { color: #f2777a } /* Name.Variable */
91
- .highlight .ow { color: #66cccc } /* Operator.Word */
92
- .highlight .w { color: #f2f0ec } /* Text.Whitespace */
93
- .highlight .mb { color: #f99157 } /* Literal.Number.Bin */
94
- .highlight .mf { color: #f99157 } /* Literal.Number.Float */
95
- .highlight .mh { color: #f99157 } /* Literal.Number.Hex */
96
- .highlight .mi { color: #f99157 } /* Literal.Number.Integer */
97
- .highlight .mo { color: #f99157 } /* Literal.Number.Oct */
98
- .highlight .sa { color: #99cc99 } /* Literal.String.Affix */
99
- .highlight .sb { color: #99cc99 } /* Literal.String.Backtick */
100
- .highlight .sc { color: #f2f0ec } /* Literal.String.Char */
101
- .highlight .dl { color: #99cc99 } /* Literal.String.Delimiter */
102
- .highlight .sd { color: #747369 } /* Literal.String.Doc */
103
- .highlight .s2 { color: #99cc99 } /* Literal.String.Double */
104
- .highlight .se { color: #f99157 } /* Literal.String.Escape */
105
- .highlight .sh { color: #99cc99 } /* Literal.String.Heredoc */
106
- .highlight .si { color: #f99157 } /* Literal.String.Interpol */
107
- .highlight .sx { color: #99cc99 } /* Literal.String.Other */
108
- .highlight .sr { color: #99cc99 } /* Literal.String.Regex */
109
- .highlight .s1 { color: #99cc99 } /* Literal.String.Single */
110
- .highlight .ss { color: #99cc99 } /* Literal.String.Symbol */
111
- .highlight .bp { color: #f2f0ec } /* Name.Builtin.Pseudo */
112
- .highlight .fm { color: #6699cc } /* Name.Function.Magic */
113
- .highlight .vc { color: #f2777a } /* Name.Variable.Class */
114
- .highlight .vg { color: #f2777a } /* Name.Variable.Global */
115
- .highlight .vi { color: #f2777a } /* Name.Variable.Instance */
116
- .highlight .vm { color: #f2777a } /* Name.Variable.Magic */
117
- .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: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, 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
- ;