jekyll-theme-fica 0.1.5 → 0.2.0

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 +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/themes/{Light_Theme.scss → light theme/highlight.scss } RENAMED
@@ -1,256 +1,199 @@
1
- // Basic Settings
2
- $background-color: #c7c7c7 !default;
3
- $text-color: #000000 !default;
4
-
5
- // Site Header
6
- $header-link-color: lighten($text-color, 40%) !default;
7
- $site-header-bg: darken($background-color, 5%) !default;
8
-
9
- // Site Home Banner
10
- $header-bg-color: #005b3b !default;
11
- $home-header-title-color: darken($background-color, 10%) !default;
12
-
13
- //Site Nav
14
-
15
- $menu-bdr-color: lighten($background-color, 6%) !default;
16
- $menu-color: #ffffff !default;
17
- $menu-bg-color-chae: lighten($background-color, 6%) !default;
18
-
19
- // Site Scroll
20
- $scroll_bar_bg_color: lighten($text-color, 60%) !default;
21
-
22
-
23
-
24
- $btn-bg-color: lighten($background-color, 8%) !default;
25
- $btn-color-hover: darken($btn-bg-color, 5%) !default;
26
- $btn-text-hover-color: lighten($text-color, 50%) !default;
27
-
28
-
29
- $footer-bg-color: lighten($background-color, 5%) !default;
30
-
31
- $code-background-color: lighten($background-color, 3%) !default;
32
- $code-text-color: #cfcc13 !default;
33
- $blockquote-text-color: lighten($text-color, 30%) !default;
34
-
35
- $link-base-color: #005b3b !default;
36
- $link-visited-color: lighten($link-base-color, 15%) !default;
37
- $link-hover-color: darken($link-base-color, 2%) !default;
38
-
39
- $table-text-color: $text-color !default;
40
- $table-zebra-color: lighten($background-color, 2%) !default;
41
- $table-header-bg-color: lighten($background-color, 3%) !default;
42
- $table-header-border: lighten($background-color, 10%) !default;
43
- $table-border-color: lighten($background-color, 100%) !default;
44
-
45
- $Github: darken($background-color, 100%) !default;
46
-
47
- .highlight .cm {
48
- color: #999988;
49
- font-style: italic;
50
- }
51
- .highlight .cp {
52
- color: #999999;
53
- font-weight: bold;
54
- }
55
- .highlight .c1 {
56
- color: #999988;
57
- font-style: italic;
58
- }
59
- .highlight .cs {
60
- color: #999999;
61
- font-weight: bold;
62
- font-style: italic;
63
- }
64
- .highlight .c, .highlight .cd {
65
- color: #999988;
66
- font-style: italic;
67
- }
68
- .highlight .err {
69
- color: #a61717;
70
- background-color: #e3d2d2;
71
- }
72
- .highlight .gd {
73
- color: #000000;
74
- background-color: #ffdddd;
75
- }
76
- .highlight .ge {
77
- color: #000000;
78
- font-style: italic;
79
- }
80
- .highlight .gr {
81
- color: #aa0000;
82
- }
83
- .highlight .gh {
84
- color: #999999;
85
- }
86
- .highlight .gi {
87
- color: #000000;
88
- background-color: #ddffdd;
89
- }
90
- .highlight .go {
91
- color: #888888;
92
- }
93
- .highlight .gp {
94
- color: #555555;
95
- }
96
- .highlight .gs {
97
- font-weight: bold;
98
- }
99
- .highlight .gu {
100
- color: #aaaaaa;
101
- }
102
- .highlight .gt {
103
- color: #aa0000;
104
- }
105
- .highlight .kc {
106
- color: #000000;
107
- font-weight: bold;
108
- }
109
- .highlight .kd {
110
- color: #000000;
111
- font-weight: bold;
112
- }
113
- .highlight .kn {
114
- color: #000000;
115
- font-weight: bold;
116
- }
117
- .highlight .kp {
118
- color: #000000;
119
- font-weight: bold;
120
- }
121
- .highlight .kr {
122
- color: #000000;
123
- font-weight: bold;
124
- }
125
- .highlight .kt {
126
- color: #445588;
127
- font-weight: bold;
128
- }
129
- .highlight .k, .highlight .kv {
130
- color: #000000;
131
- font-weight: bold;
132
- }
133
- .highlight .mf {
134
- color: #009999;
135
- }
136
- .highlight .mh {
137
- color: #009999;
138
- }
139
- .highlight .il {
140
- color: #009999;
141
- }
142
- .highlight .mi {
143
- color: #009999;
144
- }
145
- .highlight .mo {
146
- color: #009999;
147
- }
148
- .highlight .m, .highlight .mb, .highlight .mx {
149
- color: #009999;
150
- }
151
- .highlight .sb {
152
- color: #d14;
153
- }
154
- .highlight .sc {
155
- color: #d14;
156
- }
157
- .highlight .sd {
158
- color: #d14;
159
- }
160
- .highlight .s2 {
161
- color: #d14;
162
- }
163
- .highlight .se {
164
- color: #d14;
165
- }
166
- .highlight .sh {
167
- color: #d14;
168
- }
169
- .highlight .si {
170
- color: #d14;
171
- }
172
- .highlight .sx {
173
- color: #d14;
174
- }
175
- .highlight .sr {
176
- color: #009926;
177
- }
178
- .highlight .s1 {
179
- color: #d14;
180
- }
181
- .highlight .ss {
182
- color: #990073;
183
- }
184
- .highlight .s {
185
- color: #d14;
186
- }
187
- .highlight .na {
188
- color: #008080;
189
- }
190
- .highlight .bp {
191
- color: #999999;
192
- }
193
- .highlight .nb {
194
- color: #0086B3;
195
- }
196
- .highlight .nc {
197
- color: #445588;
198
- font-weight: bold;
199
- }
200
- .highlight .no {
201
- color: #008080;
202
- }
203
- .highlight .nd {
204
- color: #3c5d5d;
205
- font-weight: bold;
206
- }
207
- .highlight .ni {
208
- color: #800080;
209
- }
210
- .highlight .ne {
211
- color: #990000;
212
- font-weight: bold;
213
- }
214
- .highlight .nf {
215
- color: #990000;
216
- font-weight: bold;
217
- }
218
- .highlight .nl {
219
- color: #990000;
220
- font-weight: bold;
221
- }
222
- .highlight .nn {
223
- color: #555555;
224
- }
225
- .highlight .nt {
226
- color: #000080;
227
- }
228
- .highlight .vc {
229
- color: #008080;
230
- }
231
- .highlight .vg {
232
- color: #008080;
233
- }
234
- .highlight .vi {
235
- color: #008080;
236
- }
237
- .highlight .nv {
238
- color: #008080;
239
- }
240
- .highlight .ow {
241
- color: #000000;
242
- font-weight: bold;
243
- }
244
- .highlight .o {
245
- color: #000000;
246
- font-weight: bold;
247
- }
248
- .highlight .w {
249
- color: #bbbbbb;
250
- }
251
-
252
-
253
-
254
-
255
-
256
-
1
+
2
+ .highlight .cm {
3
+ color: #999988;
4
+ }
5
+ .highlight .cp {
6
+ color: #999999;
7
+ font-weight: bold;
8
+ }
9
+ .highlight .c1 {
10
+ color: #999988;
11
+ }
12
+ .highlight .cs {
13
+ color: #999999;
14
+ font-weight: bold;
15
+ }
16
+ .highlight .c, .highlight .cd {
17
+ color: #999988;
18
+ }
19
+ .highlight .err {
20
+ color: #a61717;
21
+ }
22
+ .highlight .gd {
23
+ color: #ef5350;
24
+ background-color: #b71c1c;
25
+ }
26
+ .highlight .ge {
27
+ color: #000000;
28
+ }
29
+ .highlight .gr {
30
+ color: #aa0000;
31
+ }
32
+ .highlight .gh {
33
+ color: #999999;
34
+ }
35
+ .highlight .gi {
36
+ color: #1b5e20;
37
+ background-color: #66bb6a;
38
+ }
39
+ .highlight .go {
40
+ color: #888888;
41
+ }
42
+ .highlight .gp {
43
+ color: #555555;
44
+ }
45
+ .highlight .gs {
46
+ font-weight: bold;
47
+ }
48
+ .highlight .gu {
49
+ color: #aaaaaa;
50
+ }
51
+ .highlight .gt {
52
+ color: #aa0000;
53
+ }
54
+ .highlight .kc {
55
+ color: #000000;
56
+ font-weight: bold;
57
+ }
58
+ .highlight .kd {
59
+ color: #000000;
60
+ font-weight: bold;
61
+ }
62
+ .highlight .kn {
63
+ color: #000000;
64
+ font-weight: bold;
65
+ }
66
+ .highlight .kp {
67
+ color: #000000;
68
+ font-weight: bold;
69
+ }
70
+ .highlight .kr {
71
+ color: #000000;
72
+ font-weight: bold;
73
+ }
74
+ .highlight .kt {
75
+ color: #445588;
76
+ font-weight: bold;
77
+ }
78
+ .highlight .k, .highlight .kv {
79
+ color: #000000;
80
+ font-weight: bold;
81
+ }
82
+ .highlight .mf {
83
+ color: #009999;
84
+ }
85
+ .highlight .mh {
86
+ color: #009999;
87
+ }
88
+ .highlight .il {
89
+ color: #009999;
90
+ }
91
+ .highlight .mi {
92
+ color: #009999;
93
+ }
94
+ .highlight .mo {
95
+ color: #009999;
96
+ }
97
+ .highlight .m, .highlight .mb, .highlight .mx {
98
+ color: #009999;
99
+ }
100
+ .highlight .sb {
101
+ color: #ff0040;
102
+ }
103
+ .highlight .sc {
104
+ color: #ff7799;
105
+ }
106
+ .highlight .sd {
107
+ color: rgb(173, 0, 43);
108
+ }
109
+ .highlight .s2 {
110
+ color: #d14;
111
+ }
112
+ .highlight .se {
113
+ color: #d14;
114
+ }
115
+ .highlight .sh {
116
+ color: #d14;
117
+ }
118
+ .highlight .si {
119
+ color: #d14;
120
+ }
121
+ .highlight .sx {
122
+ color: #d14;
123
+ }
124
+ .highlight .sr {
125
+ color: #009926;
126
+ }
127
+ .highlight .s1 {
128
+ color: #d14;
129
+ }
130
+ .highlight .ss {
131
+ color: #990073;
132
+ }
133
+ .highlight .s {
134
+ color: #d14;
135
+ }
136
+ .highlight .na {
137
+ color: #008080;
138
+ }
139
+ .highlight .bp {
140
+ color: #999999;
141
+ }
142
+ .highlight .nb {
143
+ color: #0086B3;
144
+ }
145
+ .highlight .nc {
146
+ color: #445588;
147
+ font-weight: bold;
148
+ }
149
+ .highlight .no {
150
+ color: #008080;
151
+ }
152
+ .highlight .nd {
153
+ color: #3c5d5d;
154
+ font-weight: bold;
155
+ }
156
+ .highlight .ni {
157
+ color: #800080;
158
+ }
159
+ .highlight .ne {
160
+ color: #990000;
161
+ font-weight: bold;
162
+ }
163
+ .highlight .nf {
164
+ color: #990000;
165
+ font-weight: bold;
166
+ }
167
+ .highlight .nl {
168
+ color: #990000;
169
+ font-weight: bold;
170
+ }
171
+ .highlight .nn {
172
+ color: #555555;
173
+ }
174
+ .highlight .nt {
175
+ color: #000080;
176
+ }
177
+ .highlight .vc {
178
+ color: #008080;
179
+ }
180
+ .highlight .vg {
181
+ color: #008080;
182
+ }
183
+ .highlight .vi {
184
+ color: #008080;
185
+ }
186
+ .highlight .nv {
187
+ color: #008080;
188
+ }
189
+ .highlight .ow {
190
+ color: #000000;
191
+ font-weight: bold;
192
+ }
193
+ .highlight .o {
194
+ color: #000000;
195
+ font-weight: bold;
196
+ }
197
+ .highlight .w {
198
+ color: #bbbbbb;
199
+ }
data/_sass/themes/light theme/theme-light.scss ADDED
@@ -0,0 +1,136 @@
1
+ //
2
+ // Light Theme
3
+ //
4
+
5
+ // //
6
+ //-------------Basic settings-----------------------//
7
+ // //
8
+ $primary_color: #c7c7c7 !default;
9
+ $link-color: #008f70 !default;
10
+ $text-color: #000000 !default;
11
+
12
+ // //
13
+ //-------------Advance settings-----------------------//
14
+ // //
15
+ $header-link-color: lighten($text-color, 40%) !default;
16
+ $site-header-bg: darken($primary_color, 5%) !default;
17
+
18
+ //
19
+ // Site Home Banner
20
+ //
21
+ $header-bg-color: $link-color !default;
22
+ $home-header-title-color: darken($primary_color, 10%) !default;
23
+
24
+ //
25
+ // Site Nav
26
+ //
27
+ $menu-bdr-color: lighten($primary_color, 6%) !default;
28
+ $menu-color: $text-color !default;
29
+ $menu-bg-color-chae: lighten($primary_color, 6%) !default;
30
+
31
+ //
32
+ // Site Footer
33
+ //
34
+ $footer-bg-color: lighten($primary_color, 5%) !default;
35
+ $footer-head-link-color: lighten($text-color, 50%) !default;
36
+ $footer-links-color: lighten($text-color, 10%) !default;
37
+ $footer-links-hover-color: lighten($footer-links-color, 30%) !default;
38
+
39
+ //
40
+ // Site Scroll
41
+ //
42
+ $scroll_bar_bg_color: lighten($text-color, 60%) !default;
43
+
44
+ //
45
+ // Error Pages
46
+ //
47
+ $error-div-bg-color: darken($primary_color, 2%) !default;
48
+ $error-btn-svg-color: #1d2127 !default;
49
+ $error-btn-bg-color: $primary_color !default;
50
+ $error-btn-hover-color: darken($error-btn-bg-color, 7%) !default;
51
+
52
+ //
53
+ // page_bar
54
+ //
55
+ $page-bar-top-bar-color: darken($primary_color, 5%) !default;
56
+ $page-bar-btn-bg-color: darken($primary_color, 2%) !default;
57
+ $page-bar-svg-color: $text-color !default;
58
+ $page-bar-btn-hover-color: darken($page-bar-btn-bg-color, 5%) !default;
59
+ $page-bar-svg-hover-color: darken($page-bar-svg-color, 30%) !default;
60
+ $page-bar-btn-disabled: lighten($page-bar-btn-bg-color, 5%) !default;
61
+
62
+ //
63
+ // btn
64
+ //
65
+ // $btn-bg-color: #525252 !default;
66
+ // $btn-color-hover: #353535 !default;
67
+ $btn-bg-color: lighten($primary_color, 8%) !default;
68
+ $btn-color-hover: darken($btn-bg-color, 5%) !default;
69
+ $btn-text-hover-color: lighten($text-color, 50%) !default;
70
+
71
+ //
72
+ // highlight
73
+ //
74
+ $highlight-bg-color: darken($link-color, 5%) !default;
75
+ $highlight-text-color: lighten($text-color, 100%) !default;
76
+
77
+ //
78
+ // prompt Tip
79
+ //
80
+ $prompt-tip-icon-color: #395021 !default;
81
+ $prompt-tip-bg-color: #82be46 !default;
82
+
83
+ //
84
+ // Prompt Info
85
+ //
86
+ $prompt-info-icon-color: #12447d !default;
87
+ $prompt-info-bg-color: #1e6ec9 !default;
88
+
89
+ //
90
+ // Prompt Warning
91
+ //
92
+ $prompt-warning-icon-color: #754e12 !default;
93
+ $prompt-warning-bg-color: #dd9222 !default;
94
+
95
+ //
96
+ // Prompt Danger
97
+ //
98
+ $prompt-danger-icon-color: #670e0e !default;
99
+ $prompt-danger-bg-color: #d32121 !default;
100
+
101
+ //
102
+ //code
103
+ //
104
+ $code-background-color: darken($primary_color, 3%) !default;
105
+ $code-text-color: #378f8f !default;
106
+ $blockquote-text-color: lighten($text-color, 40%) !default;
107
+
108
+ //
109
+ // links
110
+ //
111
+ $link-visited-color: $code-text-color !default;
112
+ $link-hover-color: darken($link-color, 15%) !default;
113
+
114
+ //
115
+ //table
116
+ //
117
+ $table-text-color: $text-color !default;
118
+ $table-zebra-color: lighten($primary_color, 2%) !default;
119
+ $table-header-bg-color: lighten($primary_color, 3%) !default;
120
+
121
+ $Github: $text-color !default;
122
+
123
+ $border-color: darken($primary_color, 2%) !default;
124
+
125
+ //
126
+ // Back to Top
127
+ //
128
+ $BTT-bg-color: $code-text-color !default;
129
+ $BTT-svg-color: rgba(255, 255, 255, 1) !default;
130
+
131
+ //
132
+ // BOLD
133
+ //
134
+ $Bold-color: #427c7c !default;
135
+
136
+ @import "themes/light theme/highlight"
data/assets/404.svg ADDED
@@ -0,0 +1,22 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
+ <svg version="1.0" xmlns="http://www.w3.org/2000/svg" id="404_error"
5
+ width="8px" height="8px" viewBox="0 0 20 20"
6
+ preserveAspectRatio="xMidYMid meet">
7
+
8
+ <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9
+ stroke="none">
10
+ <path d="M2355 5099 c-225 -24 -485 -98 -680 -194 -620 -305 -1035 -893 -1115
11
+ -1580 -14 -124 -133 -2895 -127 -2973 9 -126 94 -244 215 -300 101 -47 149
12
+ -43 552 38 438 89 404 89 840 -11 l315 -73 205 0 205 0 315 73 c436 101 403
13
+ 100 840 11 418 -85 461 -87 568 -30 115 61 190 172 199 294 6 76 -113 2848
14
+ -127 2971 -90 775 -610 1422 -1345 1675 -267 91 -584 128 -860 99z m-398
15
+ -1511 c165 -61 297 -236 359 -473 21 -82 26 -124 27 -235 0 -139 -9 -207 -45
16
+ -320 -93 -293 -325 -475 -551 -430 -101 20 -164 55 -247 139 -211 213 -279
17
+ 591 -166 923 40 119 83 192 160 275 63 68 162 126 246 142 59 12 152 3 217
18
+ -21z m1414 22 c91 -17 189 -72 255 -143 77 -83 120 -156 160 -275 70 -207 72
19
+ -425 4 -634 -39 -122 -92 -212 -174 -294 -190 -190 -437 -188 -626 5 -216 219
20
+ -279 643 -146 973 91 224 259 362 457 377 9 0 41 -3 70 -9z"/>
21
+ </g>
22
+ </svg>
data/assets/css/Style.scss ADDED
@@ -0,0 +1,13 @@
1
+ ---
2
+ ---
3
+
4
+ @import "jekyll-theme-fica";
5
+
6
+
7
+ .site-title::before {
8
+ content: url("{{site.baseurl}}/logo.png");
9
+ display: inline-block;
10
+ position: relative;
11
+ width: 37px;
12
+ top: 7px;
13
+ }