jekyll-theme-arktos 0.1.0
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 +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +77 -0
- data/_includes/assets.html +6 -0
- data/_includes/footer.html +6 -0
- data/_includes/head.html +14 -0
- data/_includes/header.html +8 -0
- data/_includes/icons.html +20 -0
- data/_includes/icons/github.html +3 -0
- data/_includes/icons/mail.html +4 -0
- data/_includes/icons/rss.html +5 -0
- data/_includes/icons/twitter.html +3 -0
- data/_includes/pagination.html +29 -0
- data/_includes/title.html +0 -0
- data/_layouts/default.html +18 -0
- data/_layouts/home.html +33 -0
- data/_layouts/page.html +26 -0
- data/_layouts/post.html +29 -0
- data/_sass/arktos.scss +16 -0
- data/_sass/arktos/_blog.scss +194 -0
- data/_sass/arktos/_common.scss +53 -0
- data/_sass/arktos/_content.scss +247 -0
- data/_sass/arktos/_error.scss +16 -0
- data/_sass/arktos/_footer.scss +66 -0
- data/_sass/arktos/_header.scss +10 -0
- data/_sass/arktos/_minxins.scss +61 -0
- data/_sass/arktos/_post.scss +77 -0
- data/_sass/arktos/_variables.scss +15 -0
- data/assets/Slide.js +86 -0
- data/assets/css/tomorrow.css +72 -0
- data/assets/fonts/OpenSans-Regular.ttf +0 -0
- data/assets/js/highlight.js +2 -0
- data/assets/js/main.js +21 -0
- data/assets/main.scss +4 -0
- metadata +119 -0
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
* {
|
|
2
|
+
border: 0;
|
|
3
|
+
padding: 0;
|
|
4
|
+
margin: 0;
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
}
|
|
7
|
+
@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-Regular.ttf') format('truetype');font-weight:normal;font-style:normal}
|
|
8
|
+
body, html {
|
|
9
|
+
font-family: "OpenSans", "Microsoft YaHei", "微软雅黑", "宋体", STXihei, "华文细黑", Arial, Verdana, arial, serif;
|
|
10
|
+
width: 100%;
|
|
11
|
+
height: 100%;
|
|
12
|
+
background-color: var(--bg-color);
|
|
13
|
+
color: var(--dark);
|
|
14
|
+
font-size: 17px;
|
|
15
|
+
}
|
|
16
|
+
h1, h2, h3 {
|
|
17
|
+
font-weight: normal;
|
|
18
|
+
}
|
|
19
|
+
h1 {
|
|
20
|
+
font-size: 2.36rem;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
h2 {
|
|
24
|
+
font-size: 1.77rem;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
h3 {
|
|
28
|
+
font-size: 1.33rem;
|
|
29
|
+
}
|
|
30
|
+
a {
|
|
31
|
+
text-decoration: none;
|
|
32
|
+
color: var(--dark);
|
|
33
|
+
}
|
|
34
|
+
a:hover, a:visited, a:linked, a:active {
|
|
35
|
+
text-decoration: none;
|
|
36
|
+
color: var(--dark);
|
|
37
|
+
}
|
|
38
|
+
.clearfix:after {
|
|
39
|
+
content: "";
|
|
40
|
+
clear: both;
|
|
41
|
+
display: block;
|
|
42
|
+
}
|
|
43
|
+
.wrapper {
|
|
44
|
+
max-width: var(--content-width);
|
|
45
|
+
width: 100%;
|
|
46
|
+
margin: 1.5rem auto;
|
|
47
|
+
padding: 0 1rem;
|
|
48
|
+
&:after {
|
|
49
|
+
content: "";
|
|
50
|
+
display: block;
|
|
51
|
+
clear: both;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
@@ -0,0 +1,247 @@
|
|
|
1
|
+
.content {
|
|
2
|
+
display: block;
|
|
3
|
+
word-wrap: break-word;
|
|
4
|
+
overflow: hidden;
|
|
5
|
+
color: var(--dark);
|
|
6
|
+
line-height: 1.7;
|
|
7
|
+
/* Printing */
|
|
8
|
+
/* Typography */
|
|
9
|
+
/* Spacing */
|
|
10
|
+
/* Links */
|
|
11
|
+
/* Images */
|
|
12
|
+
/* Horizontal lines */
|
|
13
|
+
/* Headings */
|
|
14
|
+
/* Code blocks */
|
|
15
|
+
/* Tables */
|
|
16
|
+
/* Lists */
|
|
17
|
+
/* Blockquote */
|
|
18
|
+
/* Description Lists */
|
|
19
|
+
}
|
|
20
|
+
.content * {
|
|
21
|
+
box-sizing: border-box;
|
|
22
|
+
-webkit-box-sizing: border-box;
|
|
23
|
+
font-size: inherit;
|
|
24
|
+
}
|
|
25
|
+
.content > *:first-child {
|
|
26
|
+
margin-top: 0 !important;
|
|
27
|
+
}
|
|
28
|
+
.content > *:last-child {
|
|
29
|
+
margin-bottom: 0 !important;
|
|
30
|
+
}
|
|
31
|
+
.content pre,
|
|
32
|
+
.content code,
|
|
33
|
+
.content blockquote,
|
|
34
|
+
.content tr,
|
|
35
|
+
.content img,
|
|
36
|
+
.content table,
|
|
37
|
+
.content figure {
|
|
38
|
+
page-break-inside: avoid;
|
|
39
|
+
}
|
|
40
|
+
.content p,
|
|
41
|
+
.content h2,
|
|
42
|
+
.content h3,
|
|
43
|
+
.content h4,
|
|
44
|
+
.content h5 {
|
|
45
|
+
orphans: 3;
|
|
46
|
+
widows: 3;
|
|
47
|
+
}
|
|
48
|
+
.content h1,
|
|
49
|
+
.content h2,
|
|
50
|
+
.content h3,
|
|
51
|
+
.content h4,
|
|
52
|
+
.content h5 {
|
|
53
|
+
page-break-after: avoid;
|
|
54
|
+
}
|
|
55
|
+
.content strong,
|
|
56
|
+
.content b {
|
|
57
|
+
font-weight: bold;
|
|
58
|
+
}
|
|
59
|
+
.content em {
|
|
60
|
+
font-style: italic;
|
|
61
|
+
}
|
|
62
|
+
.content p,
|
|
63
|
+
.content blockquote,
|
|
64
|
+
.content ul,
|
|
65
|
+
.content ol,
|
|
66
|
+
.content dl,
|
|
67
|
+
.content table {
|
|
68
|
+
margin-top: 0;
|
|
69
|
+
margin-bottom: 0.85em;
|
|
70
|
+
}
|
|
71
|
+
.content a {
|
|
72
|
+
text-decoration: none;
|
|
73
|
+
background: transparent;
|
|
74
|
+
display: inline-block;
|
|
75
|
+
border-bottom: 1px dashed var(--gray);
|
|
76
|
+
margin: 0 0.25rem;
|
|
77
|
+
font-size: 0.9em;
|
|
78
|
+
color: var(--grayer);
|
|
79
|
+
}
|
|
80
|
+
.content a:hover,
|
|
81
|
+
.content a:focus,
|
|
82
|
+
.content a:active {
|
|
83
|
+
outline: 0;
|
|
84
|
+
border-style: solid;
|
|
85
|
+
}
|
|
86
|
+
.content img {
|
|
87
|
+
border: 0;
|
|
88
|
+
max-width: 100%;
|
|
89
|
+
}
|
|
90
|
+
.content hr {
|
|
91
|
+
height: 2px;
|
|
92
|
+
padding: 0;
|
|
93
|
+
margin: 1.7em 0;
|
|
94
|
+
overflow: hidden;
|
|
95
|
+
background-color: var(--lighter);
|
|
96
|
+
border: none;
|
|
97
|
+
}
|
|
98
|
+
.content hr:before,
|
|
99
|
+
.content hr:after {
|
|
100
|
+
display: table;
|
|
101
|
+
content: " ";
|
|
102
|
+
}
|
|
103
|
+
.content hr:after {
|
|
104
|
+
clear: both;
|
|
105
|
+
}
|
|
106
|
+
.content h1,
|
|
107
|
+
.content h2,
|
|
108
|
+
.content h3,
|
|
109
|
+
.content h4,
|
|
110
|
+
.content h5,
|
|
111
|
+
.content h6 {
|
|
112
|
+
margin-top: 1.275em;
|
|
113
|
+
margin-bottom: 0.85em;
|
|
114
|
+
font-weight: 550;
|
|
115
|
+
}
|
|
116
|
+
.content h1 {
|
|
117
|
+
font-size: 2.3em;
|
|
118
|
+
font-weight: 500;
|
|
119
|
+
margin-bottom: 1em;
|
|
120
|
+
}
|
|
121
|
+
.content h2 {
|
|
122
|
+
font-size: 1.75em;
|
|
123
|
+
}
|
|
124
|
+
.content h3 {
|
|
125
|
+
font-size: 1.5em;
|
|
126
|
+
}
|
|
127
|
+
.content h4 {
|
|
128
|
+
font-size: 1.25em;
|
|
129
|
+
}
|
|
130
|
+
.content h5 {
|
|
131
|
+
font-size: 1em;
|
|
132
|
+
}
|
|
133
|
+
.content code,
|
|
134
|
+
.content pre {
|
|
135
|
+
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
|
136
|
+
direction: ltr;
|
|
137
|
+
margin: 0px;
|
|
138
|
+
padding: 0px;
|
|
139
|
+
border: none;
|
|
140
|
+
color: inherit;
|
|
141
|
+
}
|
|
142
|
+
.content pre {
|
|
143
|
+
overflow: auto;
|
|
144
|
+
word-wrap: normal;
|
|
145
|
+
margin: 0px;
|
|
146
|
+
padding: 0.85em 1em;
|
|
147
|
+
margin-bottom: 1.275em;
|
|
148
|
+
background: var(--lightest);
|
|
149
|
+
}
|
|
150
|
+
.content pre > code {
|
|
151
|
+
display: inline;
|
|
152
|
+
max-width: initial;
|
|
153
|
+
padding: 0;
|
|
154
|
+
margin: 0;
|
|
155
|
+
overflow: initial;
|
|
156
|
+
line-height: inherit;
|
|
157
|
+
font-size: 0.85em;
|
|
158
|
+
white-space: pre;
|
|
159
|
+
background: transparent;
|
|
160
|
+
}
|
|
161
|
+
.content pre > code:before,
|
|
162
|
+
.content pre > code:after {
|
|
163
|
+
content: normal;
|
|
164
|
+
}
|
|
165
|
+
.content code {
|
|
166
|
+
padding: 0.2em;
|
|
167
|
+
margin: 0;
|
|
168
|
+
font-size: 0.85em;
|
|
169
|
+
background-color: var(--lightest);
|
|
170
|
+
border-radius: 3px;
|
|
171
|
+
}
|
|
172
|
+
.content code:before,
|
|
173
|
+
.content code:after {
|
|
174
|
+
letter-spacing: -0.2em;
|
|
175
|
+
content: "\00a0";
|
|
176
|
+
}
|
|
177
|
+
.content table {
|
|
178
|
+
display: table;
|
|
179
|
+
width: 100%;
|
|
180
|
+
border-collapse: collapse;
|
|
181
|
+
border-spacing: 0;
|
|
182
|
+
overflow: auto;
|
|
183
|
+
}
|
|
184
|
+
.content table td,
|
|
185
|
+
.content table th {
|
|
186
|
+
padding: 6px 13px;
|
|
187
|
+
border: 1px solid #ddd;
|
|
188
|
+
}
|
|
189
|
+
.content table tr {
|
|
190
|
+
background-color: #fff;
|
|
191
|
+
border-top: 1px solid var(--gray-light);
|
|
192
|
+
}
|
|
193
|
+
.content table tr:nth-child(2n) {
|
|
194
|
+
background-color: var(--lightest);
|
|
195
|
+
}
|
|
196
|
+
.content table th {
|
|
197
|
+
font-weight: bold;
|
|
198
|
+
}
|
|
199
|
+
.content ul,
|
|
200
|
+
.content ol {
|
|
201
|
+
padding: 0;
|
|
202
|
+
margin: 0;
|
|
203
|
+
margin-bottom: 0.85em;
|
|
204
|
+
padding-left: 2em;
|
|
205
|
+
}
|
|
206
|
+
.content ul ol,
|
|
207
|
+
.content ol ol,
|
|
208
|
+
.content ul ul,
|
|
209
|
+
.content ol ul {
|
|
210
|
+
margin-top: 0;
|
|
211
|
+
margin-bottom: 0;
|
|
212
|
+
}
|
|
213
|
+
.content ol ol {
|
|
214
|
+
list-style-type: lower-roman;
|
|
215
|
+
}
|
|
216
|
+
.content blockquote {
|
|
217
|
+
margin: 0;
|
|
218
|
+
margin-bottom: 0.85em;
|
|
219
|
+
padding: 0 15px;
|
|
220
|
+
color: var(--gray);
|
|
221
|
+
border-left: 4px solid var(--light);
|
|
222
|
+
}
|
|
223
|
+
.content blockquote:first-child {
|
|
224
|
+
margin-top: 0;
|
|
225
|
+
}
|
|
226
|
+
.content blockquote:last-child {
|
|
227
|
+
margin-bottom: 0;
|
|
228
|
+
}
|
|
229
|
+
.content dl {
|
|
230
|
+
padding: 0;
|
|
231
|
+
}
|
|
232
|
+
.content dl dt {
|
|
233
|
+
padding: 0;
|
|
234
|
+
margin-top: 0.85em;
|
|
235
|
+
font-style: italic;
|
|
236
|
+
font-weight: bold;
|
|
237
|
+
}
|
|
238
|
+
.content dl dd {
|
|
239
|
+
padding: 0 0.85em;
|
|
240
|
+
margin-bottom: 0.85em;
|
|
241
|
+
}
|
|
242
|
+
.content dd {
|
|
243
|
+
margin-left: 0;
|
|
244
|
+
}
|
|
245
|
+
.content .mermaid {
|
|
246
|
+
margin-bottom: 0.85rem;
|
|
247
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
.error-container {
|
|
2
|
+
display: flex;
|
|
3
|
+
width: 100vw;
|
|
4
|
+
height: 100vh;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
}
|
|
9
|
+
.error-title {
|
|
10
|
+
font-size: 4rem;
|
|
11
|
+
}
|
|
12
|
+
.error-hint {
|
|
13
|
+
margin: 0.5rem 0 1.5rem 0;
|
|
14
|
+
font-size: 1.35rem;
|
|
15
|
+
text-decoration: none;
|
|
16
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
.footer{
|
|
2
|
+
position: relative;
|
|
3
|
+
color: var(--gray);
|
|
4
|
+
width: 100%;
|
|
5
|
+
text-align: left;
|
|
6
|
+
padding: 1.5rem 0 0 0;
|
|
7
|
+
h3 {
|
|
8
|
+
color: var(--grayer);
|
|
9
|
+
font-size: 1.25rem;
|
|
10
|
+
}
|
|
11
|
+
p {
|
|
12
|
+
font-size: 0.875rem;
|
|
13
|
+
margin: 3px 0 0.875rem 0;
|
|
14
|
+
}
|
|
15
|
+
.footer_bottom {
|
|
16
|
+
padding-top: 1rem;
|
|
17
|
+
position: relative;
|
|
18
|
+
a:hover {
|
|
19
|
+
text-decoration: underline;
|
|
20
|
+
}
|
|
21
|
+
&:before {
|
|
22
|
+
@include pseudo();
|
|
23
|
+
left: 0;
|
|
24
|
+
background-color: var(--light);
|
|
25
|
+
width: 30%;
|
|
26
|
+
height: 1px;
|
|
27
|
+
top: 0;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
.wrapper-post .footer, .wrapper-page .footer {
|
|
32
|
+
&:before {
|
|
33
|
+
@include pseudo();
|
|
34
|
+
left: 0;
|
|
35
|
+
background-color: var(--light);
|
|
36
|
+
width: 30%;
|
|
37
|
+
height: 1px;
|
|
38
|
+
top: 0;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
.icon__list {
|
|
42
|
+
text-align: left;
|
|
43
|
+
margin: 0 0 1.5rem 0;
|
|
44
|
+
}
|
|
45
|
+
.icon__link svg {
|
|
46
|
+
margin: 0 5px;
|
|
47
|
+
width: 20px;
|
|
48
|
+
height: 20px;
|
|
49
|
+
}
|
|
50
|
+
.icon__fill {
|
|
51
|
+
fill: var(--gray);
|
|
52
|
+
}
|
|
53
|
+
.icon__stroke {
|
|
54
|
+
stroke: var(--gray);
|
|
55
|
+
}
|
|
56
|
+
.icon__list a:hover .icon__fill {
|
|
57
|
+
fill: var(--dark);
|
|
58
|
+
}
|
|
59
|
+
.icon__list a:hover .icon__stroke {
|
|
60
|
+
stroke: var(--dark);
|
|
61
|
+
}
|
|
62
|
+
@media screen and (max-width: 600px) {
|
|
63
|
+
.footer {
|
|
64
|
+
width: 100%;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
@mixin pseudo() {
|
|
2
|
+
content: "";
|
|
3
|
+
position: absolute;
|
|
4
|
+
display: inline-block;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
@mixin flex() {
|
|
8
|
+
display: flex!important;
|
|
9
|
+
display: -webkit-box;
|
|
10
|
+
display: -ms-flexbox;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@mixin flex-middle() {
|
|
14
|
+
-webkit-box-align: center;
|
|
15
|
+
-ms-flex-align: center;
|
|
16
|
+
align-items: center;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@mixin flex-reverse() {
|
|
20
|
+
-webkit-box-direction: reverse;
|
|
21
|
+
-ms-flex-direction: row-reverse;
|
|
22
|
+
flex-direction: row-reverse;
|
|
23
|
+
-webkit-box-orient: horizontal;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@mixin flex-column() {
|
|
27
|
+
-webkit-box-orient: vertical;
|
|
28
|
+
-webkit-box-direction: normal;
|
|
29
|
+
-ms-flex-direction: column;
|
|
30
|
+
flex-direction: column;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@mixin column($count, $gap) {
|
|
34
|
+
-moz-column-count: $count;
|
|
35
|
+
-webkit-column-count: $count;
|
|
36
|
+
column-count: $count;
|
|
37
|
+
-moz-column-gap: $gap;
|
|
38
|
+
-webkit-column-gap: $gap;
|
|
39
|
+
column-gap: $gap;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@mixin transition($val) {
|
|
43
|
+
-webkit-transition: $val;
|
|
44
|
+
-moz-transition: $val;
|
|
45
|
+
-o-transition: $val;
|
|
46
|
+
transition: $val;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@mixin transform($val) {
|
|
50
|
+
-webkit-transform: $val;
|
|
51
|
+
-moz-transform: $val;
|
|
52
|
+
-ms-transform: $val;
|
|
53
|
+
-o-transform: $val;
|
|
54
|
+
transform: $val;
|
|
55
|
+
}
|
|
56
|
+
@mixin text_size_adjust($val) {
|
|
57
|
+
text-size-adjust: $val;
|
|
58
|
+
-ms-text-size-adjust: $val;
|
|
59
|
+
-webkit-text-size-adjust: $val;
|
|
60
|
+
-moz-text-size-adjust: $val;
|
|
61
|
+
}
|