jekyll-theme-kernel 0.1.0 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/footer.html +1 -1
- data/_includes/head.html +5 -5
- data/_includes/header.html +1 -1
- data/_includes/menu.html +8 -0
- data/_includes/sidebar.html +3 -3
- data/_layouts/default.html +9 -7
- data/_layouts/post.html +30 -28
- data/_sass/jekyll-theme-kernel.scss +79 -43
- data/assets/images/favicon.png +0 -0
- data/assets/images/logo.png +0 -0
- metadata +5 -3
- data/_includes/clear.html +0 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ced9ee506ae5fef036e43c9d57acaa1e8d22d66a9d79dca2ba1ed9557e0c3c86
|
4
|
+
data.tar.gz: c54abec557cea26dd69f2622fbc6e23f665fb88ad8f326f29765b144253d8bd8
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 8fffbe91dd0f91e18dfebb9dcfb6dbc7fa41834145477a8773c6067d10291ca4d9f24d51020edd65b7e1f5a90e015ed1e48d61564a4e0569a061718efb63c2ee
|
7
|
+
data.tar.gz: f22d5b516edb5a46b97d66fc45e0e339e40fdb7d0412c250b7d1eac1189b1b752222bd7e3f5b865c92472bc7c06e65345f7c3c8d423a6303979253fb5197b089
|
data/_includes/footer.html
CHANGED
data/_includes/head.html
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
<head>
|
2
|
-
<meta charset=
|
2
|
+
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
3
3
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
4
|
-
<title>{{site.title
|
4
|
+
<title>{{ site.title }}</title>
|
5
|
+
<link rel="icon" type="image/png"
|
6
|
+
href="{{ '/assets/images/favicon.png' | relative_url }}" />
|
5
7
|
<link rel="stylesheet"
|
6
|
-
href="{{ '/assets/css/style.css
|
7
|
-
append: site.github.build_revision |
|
8
|
-
relative_url }}" />
|
8
|
+
href="{{ '/assets/css/style.css' | relative_url }}" />
|
9
9
|
</head>
|
data/_includes/header.html
CHANGED
data/_includes/menu.html
ADDED
@@ -0,0 +1,8 @@
|
|
1
|
+
<nav id="menu">
|
2
|
+
<ul>
|
3
|
+
<li><a href="{{ "/index.html" | relative_url }}">Home</a></li>
|
4
|
+
<li><a href="{{ "/about.html" | relative_url }}">About</a></li>
|
5
|
+
<li><a href="{{ "/contact.html" | relative_url }}">Contact</a></li>
|
6
|
+
<li><a href="{{ "/posts.html" | relative_url }}">Posts</a></li>
|
7
|
+
</ul>
|
8
|
+
</nav>
|
data/_includes/sidebar.html
CHANGED
@@ -1,11 +1,11 @@
|
|
1
1
|
<div id="sidebar">
|
2
2
|
<h1 class="title">
|
3
|
-
{{site.title
|
3
|
+
{{ site.title }}
|
4
4
|
</h1>
|
5
5
|
|
6
6
|
{% if site.logo %}
|
7
|
-
<img class="logo" src="{{ site.logo | relative_url }}" />
|
7
|
+
<img class="logo" alt="Logo" src="{{ site.logo | relative_url }}" />
|
8
8
|
{% endif %}
|
9
9
|
|
10
|
-
<p>{{ site.description
|
10
|
+
<p>{{ site.description }}</p>
|
11
11
|
</div>
|
data/_layouts/default.html
CHANGED
@@ -1,17 +1,19 @@
|
|
1
|
-
<!DOCTYPE html
|
2
|
-
<html lang="en">
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
3
3
|
{% include head.html %}
|
4
4
|
<body>
|
5
5
|
{% include header.html %}
|
6
6
|
|
7
7
|
<div id="wrapper">
|
8
|
-
{% include
|
8
|
+
{% include menu.html %}
|
9
9
|
|
10
|
-
<
|
11
|
-
{
|
12
|
-
</main>
|
10
|
+
<div id="content">
|
11
|
+
{% include sidebar.html %}
|
13
12
|
|
14
|
-
|
13
|
+
<main>
|
14
|
+
{{ content }}
|
15
|
+
</main>
|
16
|
+
</div>
|
15
17
|
</div>
|
16
18
|
|
17
19
|
{% include footer.html %}
|
data/_layouts/post.html
CHANGED
@@ -1,36 +1,38 @@
|
|
1
|
-
<!DOCTYPE html
|
2
|
-
<html lang="en">
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
3
3
|
{% include head.html %}
|
4
4
|
<body>
|
5
5
|
{% include header.html %}
|
6
6
|
|
7
7
|
<div id="wrapper">
|
8
|
-
{% include
|
9
|
-
|
10
|
-
<
|
11
|
-
|
12
|
-
|
13
|
-
<
|
14
|
-
{{
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
8
|
+
{% include menu.html %}
|
9
|
+
|
10
|
+
<div id="content">
|
11
|
+
{% include sidebar.html %}
|
12
|
+
|
13
|
+
<main>
|
14
|
+
<h1>{{ page.title }}</h1>
|
15
|
+
|
16
|
+
<article>
|
17
|
+
{{ content }}
|
18
|
+
</article>
|
19
|
+
|
20
|
+
<footer>
|
21
|
+
<a href="{{ page.previous | absolute_url }}">
|
22
|
+
« Previous
|
23
|
+
</a>
|
24
|
+
|
25
|
+
<span id="metadata">
|
26
|
+
| Posted {{ page.date | date: "%B %-d, %Y" }} by
|
27
|
+
{{ page.author | default: site.author }} |
|
28
|
+
</span>
|
29
|
+
|
30
|
+
<a href="{{ page.next | absolute_url }}">
|
31
|
+
Next »
|
32
|
+
</a>
|
33
|
+
</footer>
|
34
|
+
</main>
|
35
|
+
</div>
|
34
36
|
</div>
|
35
37
|
|
36
38
|
{% include footer.html %}
|
@@ -15,13 +15,19 @@ body {
|
|
15
15
|
}
|
16
16
|
|
17
17
|
h1, h2, h3, h4, h5, h6 {
|
18
|
-
margin: 10px 0;
|
19
|
-
|
20
18
|
color: #333;
|
19
|
+
|
20
|
+
letter-spacing: -1px;
|
21
|
+
}
|
22
|
+
|
23
|
+
code {
|
24
|
+
font-family: monospace;
|
25
|
+
font-size: 15px;
|
26
|
+
line-height: 15px;
|
21
27
|
}
|
22
28
|
|
23
29
|
header {
|
24
|
-
margin: 20px auto
|
30
|
+
margin: 20px auto;
|
25
31
|
|
26
32
|
text-align: center;
|
27
33
|
}
|
@@ -35,40 +41,9 @@ header a#title {
|
|
35
41
|
text-decoration: none;
|
36
42
|
}
|
37
43
|
|
38
|
-
/* On screens 860px wide or wider, display a two column flex layout with the
|
39
|
-
* sidebar taking 1/5 of the horizontal space, and the main content filling the
|
40
|
-
* remainder. There will be a border between the sidebar on the left and the
|
41
|
-
* main body on the right. */
|
42
|
-
@media only screen and (min-width: 860px) {
|
43
|
-
#wrapper {
|
44
|
-
display: flex;
|
45
|
-
}
|
46
|
-
|
47
|
-
#sidebar {
|
48
|
-
flex: 1;
|
49
|
-
|
50
|
-
border-right: 1px dashed lightgrey;
|
51
|
-
}
|
52
|
-
|
53
|
-
main {
|
54
|
-
flex: 4;
|
55
|
-
}
|
56
|
-
}
|
57
|
-
|
58
|
-
/* On screens less than 860px wide, do not do any flex rendering, which means
|
59
|
-
* the sidebar and the main body will both be rendered in order, stacked
|
60
|
-
* vertically. Draw a border between the sidebar on the top and the main body
|
61
|
-
* on the bottom.
|
62
|
-
*/
|
63
|
-
@media only screen and (max-width: 859px) {
|
64
|
-
#sidebar {
|
65
|
-
border-bottom: 1px dashed lightgrey;
|
66
|
-
}
|
67
|
-
}
|
68
|
-
|
69
44
|
#wrapper {
|
70
|
-
margin:
|
71
|
-
padding:
|
45
|
+
margin: 0 auto;
|
46
|
+
padding: 5px 30px 40px 30px;
|
72
47
|
|
73
48
|
color: #606060;
|
74
49
|
background: white;
|
@@ -86,8 +61,27 @@ header a#title {
|
|
86
61
|
color: #528;
|
87
62
|
}
|
88
63
|
|
64
|
+
#menu {
|
65
|
+
padding: 10px 20px;
|
66
|
+
|
67
|
+
border-bottom: 1px dashed lightgrey;
|
68
|
+
|
69
|
+
text-align: center;
|
70
|
+
}
|
71
|
+
|
72
|
+
#menu ul {
|
73
|
+
list-style-type: none;
|
74
|
+
}
|
75
|
+
|
76
|
+
#menu li {
|
77
|
+
list-style-type: none;
|
78
|
+
|
79
|
+
font-weight: bold;
|
80
|
+
text-transform: uppercase;
|
81
|
+
}
|
82
|
+
|
89
83
|
#sidebar {
|
90
|
-
padding:
|
84
|
+
padding: 20px;
|
91
85
|
|
92
86
|
text-align: right;
|
93
87
|
}
|
@@ -117,14 +111,9 @@ header a#title {
|
|
117
111
|
}
|
118
112
|
|
119
113
|
main {
|
120
|
-
padding:
|
114
|
+
padding: 20px;
|
121
115
|
}
|
122
116
|
|
123
|
-
main h1 {
|
124
|
-
font-size: 30px;
|
125
|
-
font-weight: bold;
|
126
|
-
letter-spacing: -1px;
|
127
|
-
}
|
128
117
|
|
129
118
|
main p {
|
130
119
|
margin: 0 0 20px 0;
|
@@ -133,6 +122,17 @@ main p {
|
|
133
122
|
line-height: 20px;
|
134
123
|
}
|
135
124
|
|
125
|
+
main pre {
|
126
|
+
overflow: auto;
|
127
|
+
white-space: pre-wrap;
|
128
|
+
|
129
|
+
margin: 0 0 20px 20px;
|
130
|
+
padding: 20px;
|
131
|
+
|
132
|
+
background-color: #f5f5f5;
|
133
|
+
border: 1px solid lightgrey;
|
134
|
+
}
|
135
|
+
|
136
136
|
main ul, main ol {
|
137
137
|
margin: 0 0 20px 20px;
|
138
138
|
|
@@ -150,3 +150,39 @@ main ul {
|
|
150
150
|
footer {
|
151
151
|
margin: 20px 0;
|
152
152
|
}
|
153
|
+
|
154
|
+
/* On screens 860px wide or wider, display a two column flex layout with the
|
155
|
+
* sidebar taking 1/5 of the horizontal space, and the main content filling the
|
156
|
+
* remainder. There will be a border between the sidebar on the left and the
|
157
|
+
* main body on the right. */
|
158
|
+
@media only screen and (min-width: 860px) {
|
159
|
+
#content {
|
160
|
+
display: flex;
|
161
|
+
}
|
162
|
+
|
163
|
+
#sidebar {
|
164
|
+
flex: 1;
|
165
|
+
|
166
|
+
border-right: 1px dashed lightgrey;
|
167
|
+
}
|
168
|
+
|
169
|
+
main {
|
170
|
+
flex: 4;
|
171
|
+
}
|
172
|
+
|
173
|
+
#menu ul {
|
174
|
+
display: flex;
|
175
|
+
justify-content: space-between;
|
176
|
+
}
|
177
|
+
}
|
178
|
+
|
179
|
+
/* On screens less than 860px wide, do not do any flex rendering, which means
|
180
|
+
* the sidebar and the main body will both be rendered in order, stacked
|
181
|
+
* vertically. Draw a border between the sidebar on the top and the main body
|
182
|
+
* on the bottom.
|
183
|
+
*/
|
184
|
+
@media only screen and (max-width: 859px) {
|
185
|
+
#sidebar {
|
186
|
+
border-bottom: 1px dashed lightgrey;
|
187
|
+
}
|
188
|
+
}
|
Binary file
|
Binary file
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-kernel
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.2.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Quytelda Kahja
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2018-
|
11
|
+
date: 2018-06-01 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -61,15 +61,17 @@ extra_rdoc_files: []
|
|
61
61
|
files:
|
62
62
|
- LICENSE.txt
|
63
63
|
- README.md
|
64
|
-
- _includes/clear.html
|
65
64
|
- _includes/footer.html
|
66
65
|
- _includes/head.html
|
67
66
|
- _includes/header.html
|
67
|
+
- _includes/menu.html
|
68
68
|
- _includes/sidebar.html
|
69
69
|
- _layouts/default.html
|
70
70
|
- _layouts/post.html
|
71
71
|
- _sass/jekyll-theme-kernel.scss
|
72
72
|
- assets/css/style.scss
|
73
|
+
- assets/images/favicon.png
|
74
|
+
- assets/images/logo.png
|
73
75
|
homepage: https://github.com/quytelda/jekyll-theme-kernel
|
74
76
|
licenses:
|
75
77
|
- MIT
|
data/_includes/clear.html
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
<div style="clear: both;"></div>
|