alembic-jekyll-theme 2.0.2 → 2.0.3
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 +4 -4
- data/README.md +4 -4
- data/_includes/nav-categories.html +1 -1
- data/_includes/nav-header.html +4 -4
- data/_includes/nav-social.html +1 -1
- data/assets/default-social-image.png +0 -0
- data/assets/logo.svg +1 -0
- data/assets/styles.scss +45 -86
- metadata +4 -4
- data/assets/placeholder-logo.svg +0 -1
- data/assets/placeholder-social.png +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c993d2ae7f40d0adfdbf57c4d75bb28f5ed84c01
|
4
|
+
data.tar.gz: 074dc4a66dd1d70ffa27420bb321d77e7b83dade
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: bbdddc61fd81818e135d44763916d6bb27c22fce0d7b305780a57ed3e65415a68ad11102f830c8666a53299e56218886082a76657389aa3f0fedee92742b6d58
|
7
|
+
data.tar.gz: 3b24bb67b9a348b01699ce8754447883bf312e32d3d40059c350ee5713af27f53dfd0c268d8473e68d1cbfbf5bf5c9968564899efb4ceb6ca070e5a71db1abae
|
data/README.md
CHANGED
@@ -61,8 +61,8 @@ Here are a few examples of Alembic out in the wild being used in a variety of wa
|
|
61
61
|
|
62
62
|
1. [Fork the repo](https://github.com/daviddarnes/alembic#fork-destination-box)
|
63
63
|
2. Clone down the repo with `$ git clone git@github.com:username/reponame.git`
|
64
|
-
3. Delete the following unnecessary files/folders: `demo/`, `CODE_OF_CONDUCT.md`, `CONTRIBUTING.md`, `LICENSE`, `screenshot.png`
|
65
|
-
4. Change the `
|
64
|
+
3. Delete the following unnecessary files/folders: `demo/`, `CODE_OF_CONDUCT.md`, `CONTRIBUTING.md`, `LICENSE`, `screenshot.png` and `alembic-jekyll-theme.gemspec`
|
65
|
+
4. Change the `logo.svg` and `default-social-image.png` in the `assets/` folder to your own branding
|
66
66
|
5. Configure your site settings using the `_config.yml`, more info can be found in [Configuration](#configuration)
|
67
67
|
5. Change the `CNAME` record to your projects' record
|
68
68
|
6. Install bundler with `$ gem install bundler`
|
@@ -74,7 +74,7 @@ Here are a few examples of Alembic out in the wild being used in a variety of wa
|
|
74
74
|
|
75
75
|
1. Download the starter `/demo` content, [quick download link](https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/daviddarnes/alembic/tree/master/demo)
|
76
76
|
2. Configure your site settings using the `_config.yml`, more info can be found in [Configuration](#configuration)
|
77
|
-
3. Create a `
|
77
|
+
3. Create a `logo.svg` and `default-social-image.png` in a new `assets/` folder
|
78
78
|
4. Install bundler with `$ gem install bundler`
|
79
79
|
5. Install gems with `$ bundle install`
|
80
80
|
6. Run Jekyll with `$ bundle exec jekyll serve --watch`
|
@@ -94,7 +94,7 @@ There's a number of settings you'll need to change before you can start hacking
|
|
94
94
|
`twitter`, `author` and `social` values will need to be changed to the projects' social information or removed. Look for the `Gem settings` comment within the `/_config.yml` file. These values are for the [jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag) - follow the link to find out more.
|
95
95
|
|
96
96
|
### Site settings
|
97
|
-
You'll need to change the `description`, `title` and `url` to match with the project. You'll also need to replace the `/assets/
|
97
|
+
You'll need to change the `description`, `title` and `url` to match with the project. You'll also need to replace the `/assets/logo.svg` `/assets/default-social-image.png` with the project logo and default social image. The `email` needs to be changed to the email you want to receive contact form enquires with. The `disqus` value should be changed to your project username on [Disqus](https://disqus.com). Look for the `Site settings` comment within the `/_config.yml` file. The `repo` setting is optional, for now, and can be removed entirely, if you wish.
|
98
98
|
|
99
99
|
### Site navigation
|
100
100
|
There are a total of 4 different navigation types:
|
@@ -1,7 +1,7 @@
|
|
1
1
|
<nav class="nav nav--categories">
|
2
2
|
<ul class="list list--categories">
|
3
3
|
{% for item in site.categories %}
|
4
|
-
<li class="item">
|
4
|
+
<li class="item item--category">
|
5
5
|
<a href="#{{ item | first | slugify }}" title="Category - {{ item | first }}">{{ item | first }}</a>
|
6
6
|
</li>
|
7
7
|
{% endfor %}
|
data/_includes/nav-header.html
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{% if site.navigation_header %}
|
2
2
|
<nav class="nav nav--header">
|
3
|
-
<button class="button button--nav">
|
3
|
+
<button class="button button--nav" aria-label="Nav toggle">
|
4
4
|
{% include icon.html id="nav" %}
|
5
5
|
</button>
|
6
6
|
<ul class="list list--nav">
|
@@ -15,9 +15,9 @@
|
|
15
15
|
{% include nav-default.html %}
|
16
16
|
{% endif %}
|
17
17
|
<script type="text/javascript">
|
18
|
-
const applyToggle = (list, button, breakpoint
|
18
|
+
const applyToggle = (list, button, breakpoint) => {
|
19
19
|
const navList = document.querySelector(list)
|
20
|
-
if (document.body.clientWidth < breakpoint
|
20
|
+
if (document.body.clientWidth < breakpoint) {
|
21
21
|
const navHeight = navList.clientHeight
|
22
22
|
const navButton = document.querySelector(button)
|
23
23
|
navList.style.maxHeight = '0px'
|
@@ -32,5 +32,5 @@ const applyToggle = (list, button, breakpoint, itemCount) => {
|
|
32
32
|
}
|
33
33
|
}
|
34
34
|
|
35
|
-
applyToggle('.list--nav', '.button', 640
|
35
|
+
applyToggle('.list--nav', '.button', 640)
|
36
36
|
</script>
|
data/_includes/nav-social.html
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
<nav class="nav nav--social">
|
2
2
|
{% for link in site.social_links %}
|
3
3
|
{% assign id = link[0] | downcase %}
|
4
|
-
<a
|
4
|
+
<a href="{{ link[1] }}" title="{{ link[0] }}">
|
5
5
|
{% include icon.html id=id title=id %}
|
6
6
|
</a>
|
7
7
|
{% endfor %}
|
Binary file
|
data/assets/logo.svg
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 160 160" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient id="c" cx="35.06%" r="49.91%" fx="35.06%" fy="50%"><stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"/><stop stop-color="#EAEAEA" stop-opacity=".3" offset="100%"/></radialGradient><path id="a" d="M67.5 22.17A34.95 34.95 0 1 1 47.52 2.32l.06.04c.56.21 1.12.44 1.66.69l49.82 20.83c.52.22.77.81.58 1.33l-2.21 5.9c-.2.51-.78.79-1.3.62L67.5 22.17z"/><filter id="d" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset dx="8" dy="6" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0" in="shadowInnerInner1"/></filter><mask id="e" width="99.71" height="69.9" x="0" y="0" fill="white"><use xlink:href="#a"/></mask><path id="b" d="M50.45 6H33v24a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-9H7.73l-1.66 9.04A2.49 2.49 0 0 1 3.7 32H1.9a1.6 1.6 0 0 1-1.65-1.96L4.66 6H1.99A2 2 0 0 1 0 4V2a2 2 0 0 1 2-2h57a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2.73l4.42 24.04A1.6 1.6 0 0 1 59.04 32h-1.81a2.5 2.5 0 0 1-2.37-1.96L53.2 21H37a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h15.1l-1.65-9zM10.48 6l-1.65 9H27V6H10.48z"/><mask id="f" width="61" height="32" x="0" y="0" fill="white"><use xlink:href="#b"/></mask></defs><g fill="none" fill-rule="evenodd" transform="translate(34 36)"><path fill="#05BF85" d="M34.95 69.9A34.95 34.95 0 0 0 69.9 34.95c0-3.33-69.9-3.33-69.9 0A34.95 34.95 0 0 0 34.95 69.9z"/><ellipse cx="34.95" cy="34.95" fill="#06E29D" rx="34.95" ry="3.88"/><circle cx="29" cy="44" r="2" fill="#FFFFFF" fill-opacity=".4"/><circle cx="41.5" cy="53.5" r=".5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="39.5" cy="47.5" r="1.5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="24.5" cy="52.5" r="1.5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="32" cy="51" r="1" fill="#FFFFFF" fill-opacity=".4"/><circle cx="45" cy="42" r="1" fill="#FFFFFF" fill-opacity=".4"/><use fill="url(#c)" xlink:href="#a"/><use fill="black" filter="url(#d)" xlink:href="#a"/><use stroke="#9C9C9C" stroke-opacity=".3" stroke-width="2" mask="url(#e)" xlink:href="#a"/><g fill="#414141" stroke="#131111" stroke-width="2" transform="translate(4 57)"><use mask="url(#f)" xlink:href="#b"/></g></g></svg>
|
data/assets/styles.scss
CHANGED
@@ -34,12 +34,14 @@ body {
|
|
34
34
|
.nav {
|
35
35
|
text-align: right;
|
36
36
|
}
|
37
|
+
.logo {
|
38
|
+
@include flex(0 0 auto);
|
39
|
+
}
|
37
40
|
.container {
|
38
41
|
@include flexbox;
|
39
42
|
@include flex-direction(row);
|
40
43
|
@include justify-content(space-between);
|
41
44
|
padding: 1rem 0;
|
42
|
-
text-align: inherit;
|
43
45
|
@include breakpoint(break-1) {
|
44
46
|
@include align-items(center);
|
45
47
|
}
|
@@ -53,7 +55,6 @@ body {
|
|
53
55
|
background: $featureBackgroundColour;
|
54
56
|
background-size: cover;
|
55
57
|
background-position: center;
|
56
|
-
@include flexbox;
|
57
58
|
.container {
|
58
59
|
min-height: 35vh;
|
59
60
|
max-width: 60%;
|
@@ -65,9 +66,21 @@ body {
|
|
65
66
|
.logo {
|
66
67
|
display: inline-block;
|
67
68
|
line-height: 0;
|
69
|
+
max-height: 4rem;
|
70
|
+
@include flexbox;
|
71
|
+
@include align-items(center);
|
68
72
|
img {
|
69
|
-
|
70
|
-
|
73
|
+
max-height: 4rem;
|
74
|
+
}
|
75
|
+
}
|
76
|
+
|
77
|
+
.nav {
|
78
|
+
a {
|
79
|
+
padding: .2rem;
|
80
|
+
}
|
81
|
+
&--social a {
|
82
|
+
display: inline-block;
|
83
|
+
line-height: 1;
|
71
84
|
}
|
72
85
|
}
|
73
86
|
|
@@ -95,17 +108,12 @@ body {
|
|
95
108
|
}
|
96
109
|
|
97
110
|
|
98
|
-
//
|
99
|
-
.nav {
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
text-align: center;
|
105
|
-
}
|
106
|
-
&--social {
|
107
|
-
text-align: left;
|
108
|
-
}
|
111
|
+
// Pagination nav
|
112
|
+
.nav--paginator {
|
113
|
+
@include flexbox;
|
114
|
+
@include justify-content(space-between);
|
115
|
+
color: $captionColour;
|
116
|
+
text-align: center;
|
109
117
|
}
|
110
118
|
|
111
119
|
.pagination {
|
@@ -133,24 +141,16 @@ body {
|
|
133
141
|
}
|
134
142
|
|
135
143
|
.content {
|
136
|
-
width: 100%;
|
137
144
|
@include breakpoint(break-1) {
|
138
145
|
width: 62%;
|
139
|
-
&--full {
|
140
|
-
width: 100%;
|
141
|
-
margin-right: 0%;
|
142
|
-
}
|
143
146
|
}
|
144
147
|
}
|
145
148
|
|
146
|
-
.share {
|
147
|
-
.
|
148
|
-
margin-right: .3rem;
|
149
|
-
}
|
149
|
+
.share .button {
|
150
|
+
margin-right: .3rem;
|
150
151
|
}
|
151
152
|
|
152
153
|
.aside {
|
153
|
-
max-width: 100%;
|
154
154
|
@include breakpoint(break-1) {
|
155
155
|
max-width: 34%;
|
156
156
|
margin-left: 4%;
|
@@ -179,36 +179,23 @@ body {
|
|
179
179
|
|
180
180
|
// Lists
|
181
181
|
.list {
|
182
|
-
|
183
|
-
&--results {
|
184
|
-
list-style: none;
|
185
|
-
}
|
186
|
-
&--nav,
|
187
|
-
&--categories {
|
188
|
-
list-style: none;
|
189
|
-
}
|
182
|
+
list-style: none;
|
190
183
|
&--nav {
|
191
184
|
overflow: hidden;
|
192
185
|
transition: .2s;
|
193
186
|
}
|
194
187
|
.item--post,
|
195
|
-
.item--result
|
188
|
+
.item--result,
|
189
|
+
.item--category {
|
196
190
|
margin-left: 0;
|
197
191
|
}
|
198
|
-
&--categories {
|
199
|
-
.item {
|
200
|
-
margin-left: 0;
|
201
|
-
}
|
202
|
-
}
|
203
192
|
}
|
204
193
|
|
205
194
|
.item {
|
206
195
|
&--nav {
|
207
|
-
display: inline-block;
|
208
|
-
width: 100%;
|
209
196
|
@include breakpoint(break-1) {
|
210
|
-
|
211
|
-
|
197
|
+
margin-left: .4rem;
|
198
|
+
display: inline-block;
|
212
199
|
}
|
213
200
|
&:first-of-type {
|
214
201
|
margin-left: 0;
|
@@ -223,16 +210,10 @@ body {
|
|
223
210
|
|
224
211
|
|
225
212
|
// Links, icons and images
|
226
|
-
.
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
.icon {
|
231
|
-
display: inline-block;
|
232
|
-
transition: fill .1s;
|
233
|
-
&:hover {
|
234
|
-
fill: $hoverColour;
|
235
|
-
}
|
213
|
+
a .icon {
|
214
|
+
transition: fill .1s;
|
215
|
+
&:hover {
|
216
|
+
fill: currentColor;
|
236
217
|
}
|
237
218
|
}
|
238
219
|
|
@@ -243,11 +224,7 @@ body {
|
|
243
224
|
fill: CurrentColor;
|
244
225
|
}
|
245
226
|
|
246
|
-
|
247
|
-
width: 100%;
|
248
|
-
height: 100%;
|
249
|
-
}
|
250
|
-
|
227
|
+
// Media content
|
251
228
|
img {
|
252
229
|
max-width: 100%;
|
253
230
|
height: auto;
|
@@ -255,20 +232,16 @@ img {
|
|
255
232
|
|
256
233
|
.figure {
|
257
234
|
line-height: 0;
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
|
264
|
-
|
265
|
-
padding-left: .8rem;
|
266
|
-
}
|
235
|
+
&--left {
|
236
|
+
float: left;
|
237
|
+
padding-right: .8rem;
|
238
|
+
}
|
239
|
+
&--right {
|
240
|
+
float: right;
|
241
|
+
padding-left: .8rem;
|
267
242
|
}
|
268
243
|
}
|
269
244
|
|
270
|
-
|
271
|
-
// Video and map embeds
|
272
245
|
.video,
|
273
246
|
.map {
|
274
247
|
position: relative;
|
@@ -322,20 +295,6 @@ select {
|
|
322
295
|
}
|
323
296
|
}
|
324
297
|
|
325
|
-
input[type="color"] {
|
326
|
-
padding: 0;
|
327
|
-
height: 2.4rem;
|
328
|
-
&::-webkit-color-swatch-wrapper {
|
329
|
-
padding: 0;
|
330
|
-
&:after {
|
331
|
-
content: "Color";
|
332
|
-
}
|
333
|
-
}
|
334
|
-
&::-webkit-color-swatch {
|
335
|
-
border: none;
|
336
|
-
}
|
337
|
-
}
|
338
|
-
|
339
298
|
input[type="submit"],
|
340
299
|
button,
|
341
300
|
.button {
|
@@ -343,16 +302,15 @@ button,
|
|
343
302
|
display: inline-block;
|
344
303
|
color: $backgroundColour;
|
345
304
|
background: $accentColour;
|
346
|
-
position: relative;
|
347
305
|
transition: box-shadow .1s;
|
348
306
|
will-change: box-shadow;
|
349
307
|
box-shadow: inset 0 0 0 2rem transparent;
|
350
308
|
&:hover {
|
351
|
-
box-shadow: inset 0 0 0 2rem rgba(0,0,0,0.
|
309
|
+
box-shadow: inset 0 0 0 2rem rgba(0,0,0,0.25);
|
352
310
|
}
|
353
311
|
&:active,
|
354
312
|
&:focus {
|
355
|
-
box-shadow: inset 0 0 0 2rem rgba(0,0,0,0.
|
313
|
+
box-shadow: inset 0 0 0 2rem rgba(0,0,0,0.25);
|
356
314
|
}
|
357
315
|
}
|
358
316
|
|
@@ -381,6 +339,7 @@ select {
|
|
381
339
|
&:focus,
|
382
340
|
&:hover:focus {
|
383
341
|
outline: solid .12rem $focusColour;
|
342
|
+
outline-offset: -.12rem;
|
384
343
|
}
|
385
344
|
}
|
386
345
|
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: alembic-jekyll-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.0.
|
4
|
+
version: 2.0.3
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- David Darnes
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2017-05-
|
11
|
+
date: 2017-05-21 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -188,8 +188,8 @@ files:
|
|
188
188
|
- _sass/sassline-base/_reset.scss
|
189
189
|
- _sass/sassline-base/_typography.scss
|
190
190
|
- _sass/sassline-base/_variables.scss
|
191
|
-
- assets/
|
192
|
-
- assets/
|
191
|
+
- assets/default-social-image.png
|
192
|
+
- assets/logo.svg
|
193
193
|
- assets/scripts/fetch.js
|
194
194
|
- assets/search.json
|
195
195
|
- assets/styles.scss
|
data/assets/placeholder-logo.svg
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient id="c" cx="35.06%" r="49.91%" fx="35.06%" fy="50%"><stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"/><stop stop-color="#EAEAEA" stop-opacity=".3" offset="100%"/></radialGradient><path id="a" d="M67.5 22.17A34.95 34.95 0 1 1 47.52 2.32l.06.04c.56.21 1.12.44 1.66.69l49.82 20.83c.52.22.77.81.58 1.33l-2.21 5.9c-.2.51-.78.79-1.3.62L67.5 22.17z"/><filter id="d" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset dx="8" dy="6" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0" in="shadowInnerInner1"/></filter><mask id="e" width="99.71" height="69.9" x="0" y="0" fill="white"><use xlink:href="#a"/></mask><path id="b" d="M50.45 6H33v24a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-9H7.73l-1.66 9.04A2.49 2.49 0 0 1 3.7 32H1.9a1.6 1.6 0 0 1-1.65-1.96L4.66 6H1.99A2 2 0 0 1 0 4V2a2 2 0 0 1 2-2h57a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2.73l4.42 24.04A1.6 1.6 0 0 1 59.04 32h-1.81a2.5 2.5 0 0 1-2.37-1.96L53.2 21H37a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h15.1l-1.65-9zM10.48 6l-1.65 9H27V6H10.48z"/><mask id="f" width="61" height="32" x="0" y="0" fill="white"><use xlink:href="#b"/></mask></defs><g fill="none" fill-rule="evenodd" transform="translate(34 36)"><path fill="#05BF85" d="M34.95 69.9A34.95 34.95 0 0 0 69.9 34.95c0-3.33-69.9-3.33-69.9 0A34.95 34.95 0 0 0 34.95 69.9z"/><ellipse cx="34.95" cy="34.95" fill="#06E29D" rx="34.95" ry="3.88"/><circle cx="29" cy="44" r="2" fill="#FFFFFF" fill-opacity=".4"/><circle cx="41.5" cy="53.5" r=".5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="39.5" cy="47.5" r="1.5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="24.5" cy="52.5" r="1.5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="32" cy="51" r="1" fill="#FFFFFF" fill-opacity=".4"/><circle cx="45" cy="42" r="1" fill="#FFFFFF" fill-opacity=".4"/><use fill="url(#c)" xlink:href="#a"/><use fill="black" filter="url(#d)" xlink:href="#a"/><use stroke="#9C9C9C" stroke-opacity=".3" stroke-width="2" mask="url(#e)" xlink:href="#a"/><g fill="#414141" stroke="#131111" stroke-width="2" transform="translate(4 57)"><use mask="url(#f)" xlink:href="#b"/></g></g></svg>
|
Binary file
|