jekyll-theme-kernel 0.1.0 → 0.2.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 69f22ccd78b21a3f739ec5fa61476ed552abc26e57893a4e5744fe0b32c57137
4
- data.tar.gz: 9a220c2261929fafda77b2f3b91a7e126b8623ba1b439113e89ab06234d260cf
3
+ metadata.gz: ced9ee506ae5fef036e43c9d57acaa1e8d22d66a9d79dca2ba1ed9557e0c3c86
4
+ data.tar.gz: c54abec557cea26dd69f2622fbc6e23f665fb88ad8f326f29765b144253d8bd8
5
5
  SHA512:
6
- metadata.gz: 3f9f17102ed3447b7c4232ebec80fea982c73ccc251da5b02cafd3a06359af6238a0114fd9b75e26ae5ab78c0cd9867ca1586db5158a3428b3912a8ed6b55b24
7
- data.tar.gz: '08f0a868f77137ddcfff1e6ca089f72b4b002ac76083f137269b9a9481b45112a2cf4098ad9477f590a96eec029d36d2cd6fda47c0fc4ca9feeec102a569d82d'
6
+ metadata.gz: 8fffbe91dd0f91e18dfebb9dcfb6dbc7fa41834145477a8773c6067d10291ca4d9f24d51020edd65b7e1f5a90e015ed1e48d61564a4e0569a061718efb63c2ee
7
+ data.tar.gz: f22d5b516edb5a46b97d66fc45e0e339e40fdb7d0412c250b7d1eac1189b1b752222bd7e3f5b865c92472bc7c06e65345f7c3c8d423a6303979253fb5197b089
@@ -1,4 +1,4 @@
1
1
  <footer>
2
- Copyright © {{ site.author }} &mdash;
2
+ Created by {{ site.author }} &mdash;
3
3
  Theme by <a href="https://github.com/quytelda">quytelda</a>
4
4
  </footer>
@@ -1,9 +1,9 @@
1
1
  <head>
2
- <meta charset="utf-8" />
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 | default: site.github.repository_name }}</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?v=' |
7
- append: site.github.build_revision |
8
- relative_url }}" />
8
+ href="{{ '/assets/css/style.css' | relative_url }}" />
9
9
  </head>
@@ -1,5 +1,5 @@
1
1
  <header>
2
2
  <a id="title" href="{{ "/" | absolute_url }}">
3
- {{ site.title | default: site.github.repository_name }}
3
+ {{ site.title }}
4
4
  </a>
5
5
  </header>
@@ -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>
@@ -1,11 +1,11 @@
1
1
  <div id="sidebar">
2
2
  <h1 class="title">
3
- {{site.title | default: site.github.repository_name }}
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 | default: site.github.project_tagline }}</p>
10
+ <p>{{ site.description }}</p>
11
11
  </div>
@@ -1,17 +1,19 @@
1
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
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 sidebar.html %}
8
+ {% include menu.html %}
9
9
 
10
- <main>
11
- {{ content }}
12
- </main>
10
+ <div id="content">
11
+ {% include sidebar.html %}
13
12
 
14
- {% include clear.html %}
13
+ <main>
14
+ {{ content }}
15
+ </main>
16
+ </div>
15
17
  </div>
16
18
 
17
19
  {% include footer.html %}
@@ -1,36 +1,38 @@
1
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
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 sidebar.html %}
9
-
10
- <main>
11
- <h1>{{ page.title }}</h1>
12
-
13
- <article>
14
- {{ content }}
15
- </article>
16
-
17
- <footer>
18
- <a href="{{ page.previous | absolute_url }}">
19
- &laquo; Previous
20
- </a>
21
-
22
- <span id="metadata">
23
- | Posted {{ page.date | date: "%B %-d, %Y" }} by
24
- {{ page.author | default: site.author }} |
25
- </span>
26
-
27
- <a href="{{ page.next | absolute_url }}">
28
- Next &raquo;
29
- </a>
30
- </footer>
31
- </main>
32
-
33
- {% include clear.html %}
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
+ &laquo; 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 &raquo;
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 0 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: 20px auto 0 auto;
71
- padding: 40px 30px 40px 30px;
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: 0 20px 20px 20px;
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: 0 20px 0 20px;
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.1.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-05-29 00:00:00.000000000 Z
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
@@ -1 +0,0 @@
1
- <div style="clear: both;"></div>