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.
Files changed (43) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +24 -11
  3. data/_includes/footer.html +2 -3
  4. data/_includes/head.html +37 -8
  5. data/_includes/navigation.html +45 -30
  6. data/_includes/pagination.html +1 -1
  7. data/_includes/post.html +4 -4
  8. data/_includes/search_event.html +1 -175
  9. data/_includes/sidebar.html +6 -10
  10. data/_layouts/page.html +5 -6
  11. data/_sass/darkmode.scss +115 -122
  12. data/_sass/layout.scss +40 -40
  13. data/_sass/navigation.scss +133 -138
  14. data/_sass/pagination.scss +198 -211
  15. data/_sass/post.scss +553 -552
  16. data/_sass/search.scss +185 -204
  17. data/_sass/sidebar.scss +253 -254
  18. data/_sass/toc.scss +41 -41
  19. data/assets/css/404.scss +35 -35
  20. data/assets/css/highlight.min.css +2 -0
  21. data/assets/css/style.scss +22 -44
  22. data/assets/fonts/Lato-Regular.woff2 +0 -0
  23. data/assets/fonts/NunitoSans-Regular.woff2 +0 -0
  24. data/assets/fonts/Righteous-Regular.woff2 +0 -0
  25. data/assets/img/favicon.webp +0 -0
  26. data/assets/img/icon/house.webp +0 -0
  27. data/assets/img/loading.webp +0 -0
  28. data/assets/img/profile.webp +0 -0
  29. data/assets/js/background.js +1 -700
  30. data/assets/js/common.js +194 -21
  31. data/assets/js/post.js +171 -126
  32. data/assets/js/subject.js +1 -1
  33. metadata +58 -14
  34. data/assets/css/fonts.scss +0 -29
  35. data/assets/css/highlight-dark.min.css +0 -1
  36. data/assets/css/highlight-default.min.css +0 -1
  37. data/assets/fonts/Lato-Regular.ttf +0 -0
  38. data/assets/fonts/NunitoSans-Regular.ttf +0 -0
  39. data/assets/fonts/Righteous-Regular.ttf +0 -0
  40. data/assets/img/profile.jpg +0 -0
  41. data/assets/js/search.js +0 -168
  42. data/assets/js/sweet-scroll.min.js +0 -2
  43. 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: #1E1E1F;
3
+ background:#1E1E1F;
4
4
 
5
- a, span, p, h1, h2, h3, i { color: #aaa; }
5
+ a, span, p, h1, h2, h3, i, mark { color:#aaa; }
6
6
 
7
- svg { fill: #aaa; }
7
+ svg { fill:#aaa; }
8
8
 
9
- #stars, #loading { background: #1E1E1F; }
9
+ #stars, #loading { background:#1E1E1F; }
10
10
 
11
- #loading p { color: cadetblue; }
11
+ #loading p { color:cadetblue; }
12
12
 
13
- .sidebar-left { background-color: #313132; }
13
+ .sidebar-left { background-color:#313132; }
14
14
 
15
- .nav-item span { color: #ccc; }
15
+ .nav-item span { color:#ccc; }
16
16
 
17
- .nav-lh svg { fill: goldenrod; }
17
+ .nav-lh svg { fill:goldenrod; }
18
18
 
19
19
  .nav-list-expander {
20
- &:hover {
21
- svg { fill: goldenrod; }
22
- }
20
+ &:hover {
21
+ svg { fill:goldenrod; }
22
+ }
23
23
  }
24
24
 
25
- .nav-list li > .nav-list { background: #464647; }
25
+ .nav-list li > .nav-list { background:#464647; }
26
26
 
27
27
  .side-banner {
28
- box-shadow: 0px 4px 8px 0 black;
28
+ box-shadow:0px 4px 8px 0 black;
29
29
 
30
- button {
31
- background-color: #313132;
30
+ button {
31
+ background-color:#313132;
32
32
 
33
- &:hover { background-color: #1E1E1F; }
34
- }
33
+ &:hover { background-color:#1E1E1F; }
34
+ }
35
35
 
36
- svg { fill: $color-aqua; }
36
+ svg { fill:$color-aqua; }
37
37
  }
38
38
 
39
39
  #contact{
40
- ul>li>a {
41
- &:hover{
42
- svg { fill: indianred; }
43
- }
40
+ ul>li>a {
41
+ &:hover{
42
+ svg { fill:indianred; }
44
43
  }
44
+ }
45
45
 
46
- a { color: mediumseagreen; }
46
+ a { color:mediumseagreen; }
47
47
  }
48
48
 
49
49
  #post {
50
- .inner-header { background: #464647; }
51
-
52
- .inner-content { background: #313132; }
50
+ .inner-header { background:#464647; }
51
+ .inner-content { background:#313132; }
53
52
  }
54
53
 
55
- .transbox { background-color: rgba(64, 64, 64, 0.6); }
54
+ .transbox { background-color:rgba(64, 64, 64, 0.6); }
56
55
 
57
56
  .post-title,
58
57
  .info-box * {
59
- color: #eee;
60
- fill : #eee;
61
- filter: drop-shadow(0 1px 2px rgba(0,0,0,0.6));
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
- h1, h2, h3, p { color: #aaa; }
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
- table, head { box-shadow: 0 0 32px 0 rgba(128,128,128,.15); }
66
+ strong { color:lightgrey; }
93
67
 
94
- th, td { border: 2px solid #3c3c3d; }
68
+ a {
69
+ color:dodgerblue;
95
70
 
96
- thead th,
97
- tbody td {
98
- color: #aaa;
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: darkgoldenrod; }
110
-
111
- #related-posts .title { color: #ccc; }
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
- #related-posts li:hover { box-shadow: 8px 8px 16px -4px rgba(255, 255, 255, .2); }
114
-
115
- .category-tree a { color: goldenrod; }
110
+ .category-tree a { color:goldenrod; }
116
111
 
117
112
  .category-header {
118
- color: cadetblue;
119
- text-decoration: underline slategrey;
113
+ color:cadetblue;
114
+ text-decoration:underline slategrey;
120
115
  }
121
116
 
122
117
  #article_content {
123
- border-bottom: 2px solid #464647;
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
- .date { color: #ccc; }
120
+ .box_contents { background-image:none; }
132
121
 
133
- .category { color: mediumseagreen; }
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
- color: #ccc;
130
+ color:#ccc;
139
131
  }
140
-
141
132
  .pagination-number:hover,
142
133
  .pagination-button:not(.disabled):hover {
143
- background: grey;
134
+ background:grey;
144
135
  }
145
136
 
146
137
  #search {
147
- background: rgba(64, 64, 64, 0.875);
138
+ background:rgba(64, 64, 64, 0.875);
148
139
 
149
- ul {
150
- border-bottom: 2px solid #464647;
151
- box-shadow: 0px 4px 8px 0 #1E1E1F;
140
+ ul {
141
+ border-bottom:2px solid #464647;
142
+ box-shadow:0px 4px 8px 0 #1E1E1F;
152
143
 
153
- svg { background-color: #ccc; }
144
+ svg { background-color:#ccc; }
154
145
 
155
- th { color: #ccc; }
146
+ th { color:#ccc; }
156
147
 
157
- &::-webkit-scrollbar {
158
- width: 8px;
159
- background-color: grey;
160
- }
148
+ &::-webkit-scrollbar {
149
+ width:8px;
150
+ background-color:grey;
161
151
  }
152
+ }
162
153
 
163
- input, input::placeholder { color: #ccc; }
154
+ input, input::placeholder { color:#ccc; }
164
155
  }
165
156
 
166
- .search-box h1 { color: #fff; }
157
+ .search-box h1 { color:#fff; }
167
158
 
168
159
  .input-box {
169
- &:before { background: #5a5a5b; }
170
-
171
- &:after { opacity: 0.5; }
160
+ &:before { background:#5a5a5b; }
161
+ &:after { opacity:0.5; }
172
162
  }
173
163
 
174
164
  .result-item{
175
- border: 1px solid #464647;
176
- background: #313132;
165
+ border:1px solid #464647;
166
+ background:#313132;
177
167
 
178
- &:hover { background: $color-wenge; }
168
+ &:hover { background:$color-wenge; }
179
169
  }
180
170
 
181
- .toc-header { color: darkgoldenrod; }
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
- .post-title { text-shadow: 0 1px 2px rgba(0,0,0,0.6); }
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
- .site-name { box-shadow: none; }
183
+ .sidebar-left { background:none; }
193
184
 
194
- .nav-lh {
195
- &:before { background: rgba(#464647, 1); }
185
+ .site-tab { box-shadow:none; }
196
186
 
197
- &:hover:before { background: rgba(#464647, .75); }
198
- }
187
+ .nav-lh {
188
+ &:before { background:rgba(#464647, 1); }
189
+ &:hover:before { background:rgba(#464647, .75); }
190
+ }
199
191
 
200
- .nav-list li > .nav-list { background: none; }
192
+ .nav-list li > .nav-list { background:none; }
201
193
 
202
- #contact{
203
- hr { border-top: 1px solid dimgrey; }
204
-
205
- h3 { background-color: #1E1E1F; }
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
- // 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;
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
- 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;
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
- .loading_box {
29
- margin: auto;
28
+ .loading_box {
29
+ margin:auto;
30
30
 
31
- img {
32
- width: 128px;
33
- height: 128px;
34
- }
31
+ img {
32
+ width:128px;
33
+ height:128px;
34
+ }
35
35
 
36
- p {
37
- margin: 2rem;
38
- font-size: 2.5rem;
39
- color: $color-wenge;
40
- font-weight: 600;
41
- font-family: Cambria, sans-serif;
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
- display: none;
48
- position: fixed;
49
- width: 100%;
50
- height: 100vh;
51
- z-index: -1;
52
- background: none;
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
- #stars { display: block; }
56
+ #stars { display:block; }
57
57
  }