jekyll-theme-satellite 1.1.0 → 1.2.4
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
}
|