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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 8d15229ed503c602eb02d030a471df0614ad9c0c
4
- data.tar.gz: 9f5135283f74917bdd690977d27ea4fc95076c43
3
+ metadata.gz: c993d2ae7f40d0adfdbf57c4d75bb28f5ed84c01
4
+ data.tar.gz: 074dc4a66dd1d70ffa27420bb321d77e7b83dade
5
5
  SHA512:
6
- metadata.gz: 84f1f68866d0250febd7a0beb37e7cfa6b9aa4b14570722098ea007afc31b6de008e936e26dd9f14d8790b96fb93e8b24009c405ae5b7c57bc74ed7ff681fb73
7
- data.tar.gz: cba5a0151614c046ad4f604054fb9948de40679c3b57830cd1e18053914351df80ad71e0d7af35f026d0d2d3554899ed530bb5bc111d46f458e1fa3d0a3bc5db
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 `placeholder-logo.svg` and `placeholder-social.png` in the `assets/` folder to your own branding
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 `placeholder-logo.svg` and `placeholder-social.png` in a new `assets/` folder
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/placeholder-logo.svg` `/assets/placeholder-social.png` with 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.
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 %}
@@ -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, itemCount) => {
18
+ const applyToggle = (list, button, breakpoint) => {
19
19
  const navList = document.querySelector(list)
20
- if (document.body.clientWidth < breakpoint && navList.childElementCount >= itemCount) {
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, 6)
35
+ applyToggle('.list--nav', '.button', 640)
36
36
  </script>
@@ -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 class="link" href="{{ link[1] }}" title="{{ link[0] }}">
4
+ <a href="{{ link[1] }}" title="{{ link[0] }}">
5
5
  {% include icon.html id=id title=id %}
6
6
  </a>
7
7
  {% endfor %}
@@ -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>
@@ -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
- width: 4rem;
70
- height: 4rem;
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
- // Nav and copyright
99
- .nav {
100
- &--paginator {
101
- @include flexbox;
102
- @include justify-content(space-between);
103
- color: $captionColour;
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
- .button {
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
- &--posts,
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
- width: auto;
211
- margin-left: 1rem;
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
- .link {
227
- display: inline-block;
228
- margin: .2rem;
229
- line-height: 1;
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
- svg {
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
- @include breakpoint(break-1) {
259
- &--left {
260
- float: left;
261
- padding-right: .8rem;
262
- }
263
- &--right {
264
- float: right;
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.2);
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.4);
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.2
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-14 00:00:00.000000000 Z
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/placeholder-logo.svg
192
- - assets/placeholder-social.png
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
@@ -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>