jekyll-theme-fica 0.1.9 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yaml +13 -13
  3. data/404.html +5 -3
  4. data/README.md +58 -89
  5. data/_includes/BTT.html +6 -8
  6. data/_includes/Footer.html +84 -71
  7. data/_includes/Google-Analytics.html +8 -7
  8. data/_includes/Head.html +12 -11
  9. data/_includes/Header.html +34 -23
  10. data/_layouts/default.html +14 -14
  11. data/_layouts/home.html +67 -51
  12. data/_layouts/page.html +3 -14
  13. data/_layouts/post.html +51 -50
  14. data/_layouts/post_home.html +113 -81
  15. data/_posts/2022-03-31-To-Know-if-the-nav-works.md +8 -8
  16. data/_posts/2022-04-1-Demo.md +113 -113
  17. data/_posts/2022-04-5-Getting-Started.md +149 -103
  18. data/_posts/2022-04-6-Creating-a-new-post.md +136 -124
  19. data/_sass/custom/variables.scss +1 -1
  20. data/_sass/jekyll-theme-fica.scss +8 -7
  21. data/_sass/layouts/Google-fonts.scss +139 -0
  22. data/_sass/layouts/base.scss +579 -587
  23. data/_sass/layouts/layout.scss +717 -676
  24. data/_sass/layouts/variables.scss +229 -88
  25. data/_sass/themes/dark theme/highlight.scss +362 -362
  26. data/_sass/themes/dark theme/theme-dark.scss +141 -134
  27. data/_sass/themes/light theme/highlight.scss +198 -198
  28. data/_sass/themes/light theme/theme-light.scss +135 -131
  29. data/assets/css/Style.scss +12 -41
  30. data/assets/fica-icons.svg +64 -64
  31. data/assets/img/{fica_ad.png → homepage-pic.png} +0 -0
  32. data/bin/run +150 -0
  33. data/docs/contributing.md +69 -69
  34. data/js/back-to-top.js +47 -47
  35. data/post/index.html +3 -3
  36. metadata +11 -8
  37. data/_includes/Custom-Head.html +0 -9
  38. data/assets/css/fica-icons.svg +0 -68
  39. data/bin/build +0 -7
  40. data/bin/server +0 -7
data/_sass/themes/dark theme/theme-dark.scss CHANGED
@@ -1,135 +1,142 @@
1
- //
2
- // Dark Theme
3
- //
4
-
5
- // //
6
- //-------------Basic settings-----------------------//
7
- // //
8
- $primary_color: #1d2127 !default;
9
- $link-color: #4dd0e1!default;
10
- $text-color: #ffffff !default;
11
-
12
- // //
13
- //-------------Advance settings-----------------------//
14
- // //
15
- //
16
- // Header
17
- //
18
- $header-link-color: darken($text-color, 40%) !default;
19
- $site-header-bg: darken($primary_color, 5%) !default;
20
-
21
- //
22
- // Site Home Banner
23
- //
24
- $header-bg-color: $link-color !default;
25
- $home-header-title-color: darken($primary_color, 3%) !default;
26
-
27
- //
28
- // Site Nav
29
- //
30
- $menu-bdr-color: darken($primary_color, 6%) !default;
31
- $menu-color: $text-color !default;
32
- $menu-bg-color-chae: darken($primary_color, 6%) !default;
33
-
34
- //
35
- // Site Footer
36
- //
37
- $footer-bg-color: darken($primary_color, 2%) !default;
38
- $footer-head-link-color: darken($text-color, 50%) !default;
39
- $footer-links-color: darken($text-color, 10%) !default;
40
- $footer-links-hover-color: darken($footer-links-color, 30%) !default;
41
-
42
- //
43
- // Site Scroll
44
- //
45
- $scroll_bar_bg_color: darken($text-color, 10%) !default;
46
-
47
- //
48
- // Error Pages
49
- //
50
- $error-div-bg-color: darken($primary_color, 2%) !default;
51
- $error-btn-svg-color: $primary_color !default;
52
- $error-btn-bg-color: $primary_color !default;
53
- $error-btn-hover-color: darken($error-btn-bg-color, 7%) !default;
54
-
55
- //
56
- // Page bar
57
- //
58
- $page-bar-top-bar-color: darken($primary_color, 5%) !default;
59
- $page-bar-btn-bg-color: darken($primary_color, 2%) !default;
60
- $page-bar-svg-color: $text-color !default;
61
- $page-bar-btn-hover-color: darken($page-bar-btn-bg-color, 5%) !default;
62
- $page-bar-svg-hover-color: darken($page-bar-svg-color, 30%) !default;
63
- $page-bar-btn-disabled: lighten($page-bar-btn-bg-color, 5%) !default;
64
-
65
- //
66
- // Button
67
- //
68
- // $btn-bg-color: #525252 !default;
69
- // $btn-color-hover: #353535 !default;
70
- $btn-bg-color: lighten($primary_color, 8%) !default;
71
- $btn-color-hover: darken($btn-bg-color, 5%) !default;
72
- $btn-text-hover-color: darken($text-color, 50%) !default;
73
-
74
- //
75
- // Highlight
76
- //
77
- $highlight-bg-color: darken($link-color, 20%) !default;
78
- $highlight-text-color: darken($text-color, 100%) !default;
79
-
80
- //
81
- // Prompt Tip
82
- //
83
- $prompt-tip-bg-color: #5a8034 !default;
84
-
85
- //
86
- // Prompt Info
87
- //
88
- $prompt-info-bg-color: #1a61b3 !default;
89
-
90
- //
91
- // Prompt Warning
92
- //
93
- $prompt-warning-bg-color: #b3761a !default;
94
-
95
- //
96
- // Prompt Danger
97
- //
98
- $prompt-danger-bg-color: #b31a1a !default;
99
-
100
- //
101
- // Code
102
- //
103
- $code-background-color: darken($primary_color, 3%) !default;
104
- $code-text-color: #4dd0e1 !default;
105
- $blockquote-text-color: darken($text-color, 40%) !default;
106
-
107
- //
108
- // links
109
- //
110
- $link-visited-color: $link-color !default;
111
- $link-hover-color: darken($link-color, 33%) !default;
112
-
113
- //
114
- // Table
115
- //
116
- $table-text-color: $text-color !default;
117
- $table-zebra-color: darken($primary_color, 2%) !default;
118
- $table-header-bg-color: darken($primary_color, 3%) !default;
119
-
120
- $Github: #f0f6fc !default;
121
-
122
- $border-color: lighten($primary_color, 3%) !default;
123
-
124
- //
125
- // Back to Top
126
- //
127
- $BTT-bg-color: $code-text-color !default;
128
- $BTT-svg-color: darken($text-color, 100%) !default;
129
-
130
- //
131
- // BOLD
132
- //
133
- $Bold-color: #88ffff !default;
134
-
1
+ //
2
+ // Dark Theme
3
+ //
4
+
5
+ // //
6
+ //-------------Basic settings-----------------------//
7
+ // //
8
+ $primary_color: #1d2127 !default;
9
+ $link-color: #4dd0e1!default;
10
+ $text-color: #e7e7e7 !default;
11
+
12
+ // //
13
+ //-------------Advance settings-----------------------//
14
+ // //
15
+ //
16
+ // Header
17
+ //
18
+ $header-link-color: darken($text-color, 40%) !default;
19
+ $site-header-bg: darken($primary_color, 5%) !default;
20
+
21
+ //
22
+ // Site Home Banner
23
+ //
24
+ $header-bg-color: $link-color !default;
25
+ $home-header-title-color: darken($primary_color, 3%) !default;
26
+ $btn-download-bg-color: darken($home-header-title-color, 1%) !default;
27
+ $btn-download-hover-color: darken($btn-download-bg-color, 2%) !default;
28
+
29
+ //
30
+ // Site Nav
31
+ //
32
+ $menu-bdr-color: darken($primary_color, 6%) !default;
33
+ $menu-color: $text-color !default;
34
+ $menu-bg-color-chae: darken($primary_color, 6%) !default;
35
+
36
+ //
37
+ // Site Footer
38
+ //
39
+ $footer-bg-color: darken($primary_color, 2%) !default;
40
+ $footer-info-bg-color: darken($footer-bg-color, 2%) !default;
41
+ $footer-head-link-color: darken($text-color, 50%) !default;
42
+ $footer-links-color: darken($text-color, 10%) !default;
43
+ $footer-links-hover-color: darken($footer-links-color, 30%) !default;
44
+
45
+ //
46
+ // Site Scroll
47
+ //
48
+ $scroll_bar_bg_color: darken($text-color, 10%) !default;
49
+
50
+ //
51
+ // Error Pages
52
+ //
53
+ $error-div-bg-color: darken($primary_color, 2%) !default;
54
+ $error-btn-svg-color: $primary_color !default;
55
+ $error-btn-bg-color: $primary_color !default;
56
+ $error-btn-hover-color: darken($error-btn-bg-color, 7%) !default;
57
+
58
+ //
59
+ // Page bar
60
+ //
61
+ $page-bar-top-bar-color: darken($primary_color, 5%) !default;
62
+ $page-bar-btn-bg-color: darken($primary_color, 2%) !default;
63
+ $page-bar-svg-color: $text-color !default;
64
+ $page-bar-btn-hover-color: darken($page-bar-btn-bg-color, 5%) !default;
65
+ $page-bar-svg-hover-color: darken($page-bar-svg-color, 30%) !default;
66
+ $page-bar-btn-disabled: lighten($page-bar-btn-bg-color, 5%) !default;
67
+
68
+ //
69
+ // Button
70
+ //
71
+ // $btn-bg-color: #525252 !default;
72
+ // $btn-color-hover: #353535 !default;
73
+ $btn-bg-color: lighten($primary_color, 8%) !default;
74
+ $btn-color-hover: darken($btn-bg-color, 5%) !default;
75
+ $btn-text-hover-color: darken($text-color, 50%) !default;
76
+
77
+ //
78
+ // Highlight
79
+ //
80
+ $highlight-bg-color: darken($link-color, 20%) !default;
81
+ $highlight-text-color: darken($text-color, 100%) !default;
82
+
83
+ //
84
+ // Prompt Tip
85
+ //
86
+ $prompt-tip-icon-color: #395021 !default;
87
+ $prompt-tip-bg-color: #5a8034 !default;
88
+
89
+ //
90
+ // Prompt Info
91
+ //
92
+ $prompt-info-icon-color: #12447d !default;
93
+ $prompt-info-bg-color: #1a61b3 !default;
94
+
95
+ //
96
+ // Prompt Warning
97
+ //
98
+ $prompt-warning-icon-color: #754e12 !default;
99
+ $prompt-warning-bg-color: #b3761a !default;
100
+
101
+ //
102
+ // Prompt Danger
103
+ //
104
+ $prompt-danger-icon-color: #670e0e !default;
105
+ $prompt-danger-bg-color: #b31a1a !default;
106
+
107
+ //
108
+ // Code
109
+ //
110
+ $code-background-color: darken($primary_color, 6%) !default;
111
+ $code-text-color: #4dd0e1 !default;
112
+ $blockquote-text-color: darken($text-color, 40%) !default;
113
+
114
+ //
115
+ // links
116
+ //
117
+ $link-visited-color: $link-color !default;
118
+ $link-hover-color: darken($link-color, 33%) !default;
119
+
120
+ //
121
+ // Table
122
+ //
123
+ $table-text-color: $text-color !default;
124
+ $table-zebra-color: darken($primary_color, 2%) !default;
125
+ $table-header-bg-color: darken($primary_color, 3%) !default;
126
+
127
+ $Github: #f0f6fc !default;
128
+
129
+ $border-color: lighten($primary_color, 3%) !default;
130
+
131
+ //
132
+ // Back to Top
133
+ //
134
+ $BTT-bg-color: $code-text-color !default;
135
+ $BTT-svg-color: rgba(0, 0, 0, 0.54) !default;
136
+
137
+ //
138
+ // BOLD
139
+ //
140
+ $Bold-color: #88ffff !default;
141
+
135
142
  @import "themes/dark theme/highlight"
data/_sass/themes/light theme/highlight.scss CHANGED
@@ -1,199 +1,199 @@
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;
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
199
  }