alembic-jekyll-theme 2.0.2 → 2.0.3

This diff has not been reviewed by any users.
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
  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>