jekyll-theme-satellite 1.1.0 → 1.2.4
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.
- checksums.yaml +4 -4
- data/README.md +24 -11
- data/_includes/footer.html +2 -3
- data/_includes/head.html +37 -8
- data/_includes/navigation.html +45 -30
- data/_includes/pagination.html +1 -1
- data/_includes/post.html +4 -4
- data/_includes/search_event.html +1 -175
- data/_includes/sidebar.html +6 -10
- data/_layouts/page.html +5 -6
- data/_sass/darkmode.scss +115 -122
- data/_sass/layout.scss +40 -40
- data/_sass/navigation.scss +133 -138
- data/_sass/pagination.scss +198 -211
- data/_sass/post.scss +553 -552
- data/_sass/search.scss +185 -204
- data/_sass/sidebar.scss +253 -254
- data/_sass/toc.scss +41 -41
- data/assets/css/404.scss +35 -35
- data/assets/css/highlight.min.css +2 -0
- data/assets/css/style.scss +22 -44
- data/assets/fonts/Lato-Regular.woff2 +0 -0
- data/assets/fonts/NunitoSans-Regular.woff2 +0 -0
- data/assets/fonts/Righteous-Regular.woff2 +0 -0
- data/assets/img/favicon.webp +0 -0
- data/assets/img/icon/house.webp +0 -0
- data/assets/img/loading.webp +0 -0
- data/assets/img/profile.webp +0 -0
- data/assets/js/background.js +1 -700
- data/assets/js/common.js +194 -21
- data/assets/js/post.js +171 -126
- data/assets/js/subject.js +1 -1
- metadata +58 -14
- data/assets/css/fonts.scss +0 -29
- data/assets/css/highlight-dark.min.css +0 -1
- data/assets/css/highlight-default.min.css +0 -1
- data/assets/fonts/Lato-Regular.ttf +0 -0
- data/assets/fonts/NunitoSans-Regular.ttf +0 -0
- data/assets/fonts/Righteous-Regular.ttf +0 -0
- data/assets/img/profile.jpg +0 -0
- data/assets/js/search.js +0 -168
- data/assets/js/sweet-scroll.min.js +0 -2
- data/assets/js/tocbot.min.js +0 -1
data/_sass/darkmode.scss
CHANGED
|
@@ -1,211 +1,204 @@
|
|
|
1
1
|
body.dark-theme {
|
|
2
2
|
|
|
3
|
-
background
|
|
3
|
+
background:#1E1E1F;
|
|
4
4
|
|
|
5
|
-
a, span, p, h1, h2, h3, i { color
|
|
5
|
+
a, span, p, h1, h2, h3, i, mark { color:#aaa; }
|
|
6
6
|
|
|
7
|
-
svg { fill
|
|
7
|
+
svg { fill:#aaa; }
|
|
8
8
|
|
|
9
|
-
#stars, #loading { background
|
|
9
|
+
#stars, #loading { background:#1E1E1F; }
|
|
10
10
|
|
|
11
|
-
#loading p { color:
|
|
11
|
+
#loading p { color:cadetblue; }
|
|
12
12
|
|
|
13
|
-
.sidebar-left { background-color
|
|
13
|
+
.sidebar-left { background-color:#313132; }
|
|
14
14
|
|
|
15
|
-
.nav-item span { color
|
|
15
|
+
.nav-item span { color:#ccc; }
|
|
16
16
|
|
|
17
|
-
.nav-lh svg { fill:
|
|
17
|
+
.nav-lh svg { fill:goldenrod; }
|
|
18
18
|
|
|
19
19
|
.nav-list-expander {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
&:hover {
|
|
21
|
+
svg { fill:goldenrod; }
|
|
22
|
+
}
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.nav-list li > .nav-list { background
|
|
25
|
+
.nav-list li > .nav-list { background:#464647; }
|
|
26
26
|
|
|
27
27
|
.side-banner {
|
|
28
|
-
|
|
28
|
+
box-shadow:0px 4px 8px 0 black;
|
|
29
29
|
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
button {
|
|
31
|
+
background-color:#313132;
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
&:hover { background-color:#1E1E1F; }
|
|
34
|
+
}
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
svg { fill:$color-aqua; }
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
#contact{
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
40
|
+
ul>li>a {
|
|
41
|
+
&:hover{
|
|
42
|
+
svg { fill:indianred; }
|
|
44
43
|
}
|
|
44
|
+
}
|
|
45
45
|
|
|
46
|
-
|
|
46
|
+
a { color:mediumseagreen; }
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
#post {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
.inner-content { background: #313132; }
|
|
50
|
+
.inner-header { background:#464647; }
|
|
51
|
+
.inner-content { background:#313132; }
|
|
53
52
|
}
|
|
54
53
|
|
|
55
|
-
.transbox { background-color:
|
|
54
|
+
.transbox { background-color:rgba(64, 64, 64, 0.6); }
|
|
56
55
|
|
|
57
56
|
.post-title,
|
|
58
57
|
.info-box * {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
58
|
+
color:#eee;
|
|
59
|
+
fill :#eee;
|
|
60
|
+
filter:drop-shadow(0 1px 2px rgba(0,0,0,0.6));
|
|
62
61
|
}
|
|
63
62
|
|
|
64
63
|
main {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
strong { color: lightgrey; }
|
|
68
|
-
|
|
69
|
-
a {
|
|
70
|
-
color: dodgerblue;
|
|
71
|
-
|
|
72
|
-
&::before {
|
|
73
|
-
color: mediumseagreen;
|
|
74
|
-
text-decoration-color: mediumseagreen;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
code,
|
|
79
|
-
.highlighter-rouge .highlight {
|
|
80
|
-
border: 1px solid dimgrey;
|
|
81
|
-
background-color: #363a41;
|
|
82
|
-
color: goldenrod;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
blockquote {
|
|
86
|
-
background: #1E1E1F;
|
|
87
|
-
border-left: 4px solid #464647;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
table { background-color: #464647; }
|
|
64
|
+
h1, h2, h3, p { color:#aaa; }
|
|
91
65
|
|
|
92
|
-
|
|
66
|
+
strong { color:lightgrey; }
|
|
93
67
|
|
|
94
|
-
|
|
68
|
+
a {
|
|
69
|
+
color:dodgerblue;
|
|
95
70
|
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
hr { background: cadetblue; }
|
|
102
|
-
|
|
103
|
-
img + em,
|
|
104
|
-
li {
|
|
105
|
-
color: #aaa;
|
|
71
|
+
&::before {
|
|
72
|
+
color:mediumseagreen;
|
|
73
|
+
text-decoration-color:mediumseagreen;
|
|
106
74
|
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
code,
|
|
78
|
+
.highlighter-rouge .highlight {
|
|
79
|
+
border:1px solid dimgrey;
|
|
80
|
+
background-color:#363a41;
|
|
81
|
+
color:goldenrod;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
blockquote {
|
|
85
|
+
background:#1E1E1F;
|
|
86
|
+
border-left:4px solid #464647;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
table { background-color:#464647; }
|
|
90
|
+
table, head { box-shadow:0 0 32px 0 rgba(128,128,128,.15); }
|
|
91
|
+
|
|
92
|
+
th, td { border:2px solid #3c3c3d; }
|
|
93
|
+
thead th,
|
|
94
|
+
tbody td {
|
|
95
|
+
color:#aaa;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
hr { background:cadetblue; }
|
|
99
|
+
|
|
100
|
+
img + em,
|
|
101
|
+
li {
|
|
102
|
+
color:#aaa;
|
|
103
|
+
}
|
|
107
104
|
}
|
|
108
105
|
|
|
109
|
-
#related-box span { color:
|
|
110
|
-
|
|
111
|
-
#related-posts
|
|
106
|
+
#related-box span { color:darkgoldenrod; }
|
|
107
|
+
#related-posts .title { color:#ccc; }
|
|
108
|
+
#related-posts li:hover { box-shadow:8px 8px 16px -4px rgba(255, 255, 255, .2); }
|
|
112
109
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
.category-tree a { color: goldenrod; }
|
|
110
|
+
.category-tree a { color:goldenrod; }
|
|
116
111
|
|
|
117
112
|
.category-header {
|
|
118
|
-
|
|
119
|
-
|
|
113
|
+
color:cadetblue;
|
|
114
|
+
text-decoration:underline slategrey;
|
|
120
115
|
}
|
|
121
116
|
|
|
122
117
|
#article_content {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
.box_contents { background-image: none; }
|
|
126
|
-
|
|
127
|
-
.txt_post { color: #aaa; }
|
|
128
|
-
|
|
129
|
-
.title_post { color: darkgoldenrod; }
|
|
118
|
+
border-bottom:2px solid #464647;
|
|
130
119
|
|
|
131
|
-
|
|
120
|
+
.box_contents { background-image:none; }
|
|
132
121
|
|
|
133
|
-
|
|
122
|
+
.txt_post { color:#aaa; }
|
|
123
|
+
.title_post { color:darkgoldenrod; }
|
|
124
|
+
.date { color:#ccc; }
|
|
125
|
+
.category { color:mediumseagreen; }
|
|
134
126
|
}
|
|
135
127
|
|
|
136
128
|
.pagination-number,
|
|
137
129
|
.pagination-button {
|
|
138
|
-
|
|
130
|
+
color:#ccc;
|
|
139
131
|
}
|
|
140
|
-
|
|
141
132
|
.pagination-number:hover,
|
|
142
133
|
.pagination-button:not(.disabled):hover {
|
|
143
|
-
|
|
134
|
+
background:grey;
|
|
144
135
|
}
|
|
145
136
|
|
|
146
137
|
#search {
|
|
147
|
-
|
|
138
|
+
background:rgba(64, 64, 64, 0.875);
|
|
148
139
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
140
|
+
ul {
|
|
141
|
+
border-bottom:2px solid #464647;
|
|
142
|
+
box-shadow:0px 4px 8px 0 #1E1E1F;
|
|
152
143
|
|
|
153
|
-
|
|
144
|
+
svg { background-color:#ccc; }
|
|
154
145
|
|
|
155
|
-
|
|
146
|
+
th { color:#ccc; }
|
|
156
147
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
}
|
|
148
|
+
&::-webkit-scrollbar {
|
|
149
|
+
width:8px;
|
|
150
|
+
background-color:grey;
|
|
161
151
|
}
|
|
152
|
+
}
|
|
162
153
|
|
|
163
|
-
|
|
154
|
+
input, input::placeholder { color:#ccc; }
|
|
164
155
|
}
|
|
165
156
|
|
|
166
|
-
.search-box h1 { color
|
|
157
|
+
.search-box h1 { color:#fff; }
|
|
167
158
|
|
|
168
159
|
.input-box {
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
&:after { opacity: 0.5; }
|
|
160
|
+
&:before { background:#5a5a5b; }
|
|
161
|
+
&:after { opacity:0.5; }
|
|
172
162
|
}
|
|
173
163
|
|
|
174
164
|
.result-item{
|
|
175
|
-
|
|
176
|
-
|
|
165
|
+
border:1px solid #464647;
|
|
166
|
+
background:#313132;
|
|
177
167
|
|
|
178
|
-
|
|
168
|
+
&:hover { background:$color-wenge; }
|
|
179
169
|
}
|
|
180
170
|
|
|
181
|
-
.toc-header { color:
|
|
171
|
+
.toc-header { color:darkgoldenrod; }
|
|
182
172
|
|
|
183
173
|
@include mq(tablet){
|
|
184
|
-
#article_content .box_contents { background-color: rgba(70, 70, 70, 0.95); }
|
|
185
174
|
|
|
186
|
-
|
|
175
|
+
#article_content .box_contents { background-color:rgba(70, 70, 70, 0.95); }
|
|
176
|
+
|
|
177
|
+
.post-title { text-shadow:0 1px 2px rgba(0,0,0,0.6); }
|
|
178
|
+
|
|
187
179
|
}
|
|
188
180
|
|
|
189
181
|
@include mq(desktop) {
|
|
190
|
-
.sidebar-left { background: none; }
|
|
191
182
|
|
|
192
|
-
|
|
183
|
+
.sidebar-left { background:none; }
|
|
193
184
|
|
|
194
|
-
|
|
195
|
-
&:before { background: rgba(#464647, 1); }
|
|
185
|
+
.site-tab { box-shadow:none; }
|
|
196
186
|
|
|
197
|
-
|
|
198
|
-
|
|
187
|
+
.nav-lh {
|
|
188
|
+
&:before { background:rgba(#464647, 1); }
|
|
189
|
+
&:hover:before { background:rgba(#464647, .75); }
|
|
190
|
+
}
|
|
199
191
|
|
|
200
|
-
|
|
192
|
+
.nav-list li > .nav-list { background:none; }
|
|
201
193
|
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
194
|
+
#contact{
|
|
195
|
+
hr { border-top:1px solid dimgrey; }
|
|
196
|
+
|
|
197
|
+
h3 { background-color:#1E1E1F; }
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
#post .inner-content { box-shadow:none; }
|
|
207
201
|
|
|
208
|
-
#post .inner-content { box-shadow: none; }
|
|
209
202
|
}
|
|
210
203
|
|
|
211
204
|
}
|
data/_sass/layout.scss
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
1
|
@mixin mq($name) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
} @else {
|
|
12
|
-
@warn "No value could be retrieved from `#{$mediawd}`. Please make sure it is defined in `$mediawd` map.";
|
|
2
|
+
// Retrieves the value from the key
|
|
3
|
+
$value:map-get($mediawd, $name);
|
|
4
|
+
|
|
5
|
+
// If the key exists in the map
|
|
6
|
+
@if $value {
|
|
7
|
+
// Prints a media query based on the value
|
|
8
|
+
@media (min-width:$value) {
|
|
9
|
+
@content;
|
|
13
10
|
}
|
|
11
|
+
} @else {
|
|
12
|
+
@warn "No value could be retrieved from `#{$mediawd}`. Please make sure it is defined in `$mediawd` map.";
|
|
13
|
+
}
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
#loading
|
|
17
17
|
{
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
width:100%;
|
|
19
|
+
height:100%;
|
|
20
|
+
top:0;
|
|
21
|
+
left:0;
|
|
22
|
+
position:fixed;
|
|
23
|
+
display:flex;
|
|
24
|
+
background:white;
|
|
25
|
+
z-index:999;
|
|
26
|
+
text-align:center;
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
.loading_box {
|
|
29
|
+
margin:auto;
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
img {
|
|
32
|
+
width:128px;
|
|
33
|
+
height:128px;
|
|
34
|
+
}
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
36
|
+
p {
|
|
37
|
+
margin:2rem;
|
|
38
|
+
font-size:2.5rem;
|
|
39
|
+
color:$color-wenge;
|
|
40
|
+
font-weight:600;
|
|
41
|
+
font-family:Cambria, sans-serif;
|
|
43
42
|
}
|
|
43
|
+
}
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
#stars {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
47
|
+
display:none;
|
|
48
|
+
position:fixed;
|
|
49
|
+
width:100%;
|
|
50
|
+
height:100vh;
|
|
51
|
+
z-index:-1;
|
|
52
|
+
background:none;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
@include mq(desktop){
|
|
56
|
-
|
|
56
|
+
#stars { display:block; }
|
|
57
57
|
}
|