jekyll-cloudinary 1.5.1 → 1.5.2
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 +20 -13
- data/lib/jekyll/cloudinary/version.rb +1 -1
- data/lib/jekyll/cloudinary.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a32c2a7afd71bd1b4558a21ca92bdf577ef5d604
|
|
4
|
+
data.tar.gz: 6360f0555e00eec720ad2eab186e81412fb8362b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 82f673fa5c1ce36c187ffd48fe0075870e02c0d0f4d7ae055a7fe469067284e7d73ee1b401108f765f0b2630da3e2080413aa07dbcfbd7cc72f268f1d4bb0fcd
|
|
7
|
+
data.tar.gz: d86d4f0b9f2ef8cc2a2f5feb0f84201a34803d6f342d3b2ed151509a4c67a61a8c2e1ded61f2970741aa094b5aad4c9a4e6d4a38a59befee351cf2de1e53076b
|
data/README.md
CHANGED
|
@@ -29,8 +29,9 @@ Here is the general syntax of this Liquid tag:
|
|
|
29
29
|
- [Additional presets](#additional-presets)
|
|
30
30
|
- [Detailed preset settings](#detailed-preset-settings)
|
|
31
31
|
- [`figure` (default: `auto`)](#figure-default-auto)
|
|
32
|
-
- [`
|
|
33
|
-
- [`
|
|
32
|
+
- [`min_width` (default: `320`)](#min_width-default-320)
|
|
33
|
+
- [`max_width` (default: `1200`)](#max_width-default-1200)
|
|
34
|
+
- [`fallback_max_width` (defaut: `1200`)](#fallback_max_width-defaut-1200)
|
|
34
35
|
- [`steps` (default: `5`)](#steps-default-5)
|
|
35
36
|
- [`sizes` (default: `"100vw"`)](#sizes-default-100vw)
|
|
36
37
|
- [`attributes` (default: none)](#attributes-default-none)
|
|
@@ -101,13 +102,14 @@ cloudinary:
|
|
|
101
102
|
…
|
|
102
103
|
presets:
|
|
103
104
|
default:
|
|
104
|
-
|
|
105
|
-
|
|
105
|
+
min_width: 320
|
|
106
|
+
max_width: 1600
|
|
107
|
+
fallback_max_width: 800
|
|
106
108
|
steps: 5
|
|
107
109
|
sizes: "(min-width: 50rem) 50rem, 90vw"
|
|
108
110
|
```
|
|
109
111
|
|
|
110
|
-
This preset will generate five images 320 to 1600 pixels wide in the `srcset` and define `sizes` as `"(min-width: 50rem) 50rem, 90vw"`.
|
|
112
|
+
This preset will generate five images 320 to 1600 pixels wide in the `srcset` and define `sizes` as `"(min-width: 50rem) 50rem, 90vw"`. The fallback image defined in the `src` will have a width of 800 pixels.
|
|
111
113
|
|
|
112
114
|
With this preset, you only have to write this in your Markdown post:
|
|
113
115
|
|
|
@@ -119,7 +121,7 @@ To get this HTML:
|
|
|
119
121
|
|
|
120
122
|
```html
|
|
121
123
|
<img
|
|
122
|
-
src="http://res.cloudinary.com/<cloud_name>/image/fetch/c_limit,
|
|
124
|
+
src="http://res.cloudinary.com/<cloud_name>/image/fetch/c_limit,w_800,q_auto,f_auto/https://<your-domain>/assets/img.jpg"
|
|
123
125
|
srcset="
|
|
124
126
|
http://res.cloudinary.com/<cloud_name>/image/fetch/c_limit,w_320,q_auto,f_auto/https://<your-domain>/assets/img.jpg 320w,
|
|
125
127
|
http://res.cloudinary.com/<cloud_name>/image/fetch/c_limit,w_640,q_auto,f_auto/https://<your-domain>/assets/img.jpg 640w
|
|
@@ -134,7 +136,7 @@ To get this HTML:
|
|
|
134
136
|
/>
|
|
135
137
|
```
|
|
136
138
|
|
|
137
|
-
There is a true default `default` preset, but you're strongly encouraged to
|
|
139
|
+
There is a true default `default` preset, but you're strongly encouraged to override it with your own default preset.
|
|
138
140
|
|
|
139
141
|
#### Additional presets
|
|
140
142
|
|
|
@@ -148,8 +150,9 @@ cloudinary:
|
|
|
148
150
|
presets:
|
|
149
151
|
…
|
|
150
152
|
onethird:
|
|
151
|
-
|
|
152
|
-
|
|
153
|
+
min_width: 110
|
|
154
|
+
max_width: 535
|
|
155
|
+
fallback_max_width: 300
|
|
153
156
|
steps: 3
|
|
154
157
|
sizes: "(min-width: 50rem) 17rem, 30vw"
|
|
155
158
|
attributes:
|
|
@@ -186,9 +189,11 @@ The value can be:
|
|
|
186
189
|
|
|
187
190
|
If a `<figure>` is generated and there are attributes in the Liquid tag, they are added to the `<img>` if they are `alt` or `title`, or to the `<figure>`.
|
|
188
191
|
|
|
189
|
-
#### `
|
|
192
|
+
#### `min_width` (default: `320`)
|
|
193
|
+
|
|
194
|
+
#### `max_width` (default: `1200`)
|
|
190
195
|
|
|
191
|
-
#### `
|
|
196
|
+
#### `fallback_max_width` (defaut: `1200`)
|
|
192
197
|
|
|
193
198
|
#### `steps` (default: `5`)
|
|
194
199
|
|
|
@@ -241,12 +246,14 @@ cloudinary:
|
|
|
241
246
|
default:
|
|
242
247
|
min_width: 320
|
|
243
248
|
max_width: 1600
|
|
249
|
+
fallback_max_width: 800
|
|
244
250
|
steps: 5
|
|
245
251
|
sizes: '(min-width: 50rem) 50rem, 90vw'
|
|
246
252
|
figure: always
|
|
247
253
|
logo:
|
|
248
254
|
min_width: 80
|
|
249
255
|
max_width: 400
|
|
256
|
+
fallback_max_width: 200
|
|
250
257
|
steps: 3
|
|
251
258
|
sizes: '(min-width: 50rem) 13rem, (min-width: 40rem) 25vw, 45vw'
|
|
252
259
|
figure: never
|
|
@@ -258,7 +265,7 @@ It generates these HTML fragments (pretty printed here), for the logo:
|
|
|
258
265
|
|
|
259
266
|
```html
|
|
260
267
|
<img
|
|
261
|
-
src="https://res.cloudinary.com/nho/image/fetch/c_limit,
|
|
268
|
+
src="https://res.cloudinary.com/nho/image/fetch/c_limit,w_200,q_auto,f_auto/https://nicolas-hoizey.com/assets/logos/cloudinary.png"
|
|
262
269
|
srcset="
|
|
263
270
|
https://res.cloudinary.com/nho/image/fetch/c_limit,w_80,q_auto,f_auto/https://nicolas-hoizey.com/assets/logos/cloudinary.png 80w,
|
|
264
271
|
https://res.cloudinary.com/nho/image/fetch/c_limit,w_240,q_auto,f_auto/https://nicolas-hoizey.com/assets/logos/cloudinary.png 240w,
|
|
@@ -279,7 +286,7 @@ And for the screenshot:
|
|
|
279
286
|
```html
|
|
280
287
|
<figure>
|
|
281
288
|
<img
|
|
282
|
-
src="https://res.cloudinary.com/nho/image/fetch/c_limit,
|
|
289
|
+
src="https://res.cloudinary.com/nho/image/fetch/c_limit,w_800,q_auto,f_auto/https://nicolas-hoizey.com/2016/07/cloudinary-pricing.png"
|
|
283
290
|
srcset="
|
|
284
291
|
https://res.cloudinary.com/nho/image/fetch/c_limit,w_320,q_auto,f_auto/https://nicolas-hoizey.com/2016/07/cloudinary-pricing.png 320w,
|
|
285
292
|
https://res.cloudinary.com/nho/image/fetch/c_limit,w_640,q_auto,f_auto/https://nicolas-hoizey.com/2016/07/cloudinary-pricing.png 640w,
|
data/lib/jekyll/cloudinary.rb
CHANGED
|
@@ -82,7 +82,7 @@ module Jekyll
|
|
|
82
82
|
natural_width = image.columns
|
|
83
83
|
natural_height = image.rows
|
|
84
84
|
width_height = "width=\"#{natural_width}\" height=\"#{natural_height}\""
|
|
85
|
-
fallback_url = "https://res.cloudinary.com/#{settings["cloud_name"]}/image/fetch/c_limit,w_#{
|
|
85
|
+
fallback_url = "https://res.cloudinary.com/#{settings["cloud_name"]}/image/fetch/c_limit,w_#{preset["fallback_max_width"]},q_auto,f_auto/#{image_url}"
|
|
86
86
|
else
|
|
87
87
|
natural_width = 100_000
|
|
88
88
|
width_height = ""
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-cloudinary
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.5.
|
|
4
|
+
version: 1.5.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Nicolas Hoizey
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-08-
|
|
11
|
+
date: 2016-08-24 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|