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 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>