@paroicms/playground_demo2 0.71.1 → 0.73.0
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.
- package/.turbo/turbo-build.log +3 -3
- package/CHANGELOG.md +37 -0
- package/package.json +14 -12
- package/site-schema.json +49 -20
- package/theme/assets/css/index.css +1 -1
- package/theme/assets/scss/_Text.scss +1 -5
- package/theme/templates/default.liquid +109 -0
- package/theme/templates/home.liquid +2 -1
- package/theme/templates/video-page.liquid +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
|
-
> @paroicms/playground_demo2@0.
|
|
2
|
+
> @paroicms/playground_demo2@0.73.0 build
|
|
3
3
|
> npm run scss
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
> @paroicms/playground_demo2@0.
|
|
6
|
+
> @paroicms/playground_demo2@0.73.0 scss
|
|
7
7
|
> npm run _scss -- --no-source-map --style=compressed
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
> @paroicms/playground_demo2@0.
|
|
10
|
+
> @paroicms/playground_demo2@0.73.0 _scss
|
|
11
11
|
> sass theme/assets/scss/index.scss theme/assets/css/index.css --no-source-map --style=compressed
|
|
12
12
|
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,42 @@
|
|
|
1
1
|
# @paroicms/playground_seoul
|
|
2
2
|
|
|
3
|
+
## 0.73.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 73d8250: Implemented Tiptap plugin.
|
|
8
|
+
|
|
9
|
+
The Quill plugin is still supported, but now the Tiptap plugin is recommended. Here is how to migrate your website from Quill to Tiptap:
|
|
10
|
+
|
|
11
|
+
1. Update your database `npx @paroicms/converter --database /path/to/main.sqlite --quill-to-tiptap --backup`
|
|
12
|
+
2. In your `site-schema.json` and `package.json`, replace `@paroicms/quill-editor-plugin` with `@paroicms/tiptap-editor-plugin`.
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies [73d8250]
|
|
17
|
+
- @paroicms/tiptap-editor-plugin@1.0.0
|
|
18
|
+
- @paroicms/zoom-plugin@0.2.0
|
|
19
|
+
- @paroicms/content-loading-plugin@0.27.3
|
|
20
|
+
- @paroicms/internal-link-plugin@0.23.1
|
|
21
|
+
- @paroicms/contact-form-plugin@0.33.3
|
|
22
|
+
- @paroicms/quill-editor-plugin@1.45.1
|
|
23
|
+
- @paroicms/public-menu-plugin@0.19.3
|
|
24
|
+
- @paroicms/list-field-plugin@0.28.1
|
|
25
|
+
- @paroicms/platform-video-plugin@0.37.1
|
|
26
|
+
- @paroicms/script-lib@0.3.3
|
|
27
|
+
|
|
28
|
+
## 0.72.0
|
|
29
|
+
|
|
30
|
+
### Minor Changes
|
|
31
|
+
|
|
32
|
+
- 8531a4d: Extracted the zoom feature in a new `@paroicms/zoom-plugin`
|
|
33
|
+
|
|
34
|
+
### Patch Changes
|
|
35
|
+
|
|
36
|
+
- Updated dependencies [8531a4d]
|
|
37
|
+
- @paroicms/quill-editor-plugin@1.45.0
|
|
38
|
+
- @paroicms/zoom-plugin@0.1.0
|
|
39
|
+
|
|
3
40
|
## 0.71.1
|
|
4
41
|
|
|
5
42
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paroicms/playground_demo2",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.73.0",
|
|
4
4
|
"description": "Demonstration website for ParoiCMS",
|
|
5
5
|
"author": "Paroi Team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -24,20 +24,22 @@
|
|
|
24
24
|
"_pino-pretty": "pino-pretty -U false -x 'stats:25' -X 'stats:grey' -t 'yyyy-mm-dd HH:MM:ss.l' -i 'hostname,pid,fqdn'"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@paroicms/contact-form-plugin": "0.33.
|
|
28
|
-
"@paroicms/content-loading-plugin": "0.27.
|
|
29
|
-
"@paroicms/internal-link-plugin": "0.23.
|
|
30
|
-
"@paroicms/list-field-plugin": "0.28.
|
|
31
|
-
"@paroicms/public-menu-plugin": "0.19.
|
|
32
|
-
"@paroicms/
|
|
33
|
-
"@paroicms/
|
|
34
|
-
"@paroicms/
|
|
27
|
+
"@paroicms/contact-form-plugin": "0.33.3",
|
|
28
|
+
"@paroicms/content-loading-plugin": "0.27.3",
|
|
29
|
+
"@paroicms/internal-link-plugin": "0.23.1",
|
|
30
|
+
"@paroicms/list-field-plugin": "0.28.1",
|
|
31
|
+
"@paroicms/public-menu-plugin": "0.19.3",
|
|
32
|
+
"@paroicms/tiptap-editor-plugin": "1.0.0",
|
|
33
|
+
"@paroicms/quill-editor-plugin": "1.45.1",
|
|
34
|
+
"@paroicms/script-lib": "0.3.3",
|
|
35
|
+
"@paroicms/platform-video-plugin": "0.37.1",
|
|
36
|
+
"@paroicms/zoom-plugin": "0.2.0"
|
|
35
37
|
},
|
|
36
38
|
"devDependencies": {
|
|
37
|
-
"concurrently": "~9.1
|
|
39
|
+
"concurrently": "~9.2.1",
|
|
38
40
|
"nodemon": "~3.1.10",
|
|
39
|
-
"pino-pretty": "~13.
|
|
41
|
+
"pino-pretty": "~13.1.2",
|
|
40
42
|
"rimraf": "~6.0.1",
|
|
41
|
-
"sass": "~1.
|
|
43
|
+
"sass": "~1.93.2"
|
|
42
44
|
}
|
|
43
45
|
}
|
package/site-schema.json
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
"ParoiCMSSiteSchemaFormatVersion": "10",
|
|
3
3
|
"languages": ["en", "fr"],
|
|
4
4
|
"plugins": [
|
|
5
|
+
{
|
|
6
|
+
"name": "@paroicms/tiptap-editor-plugin",
|
|
7
|
+
"configuration": {
|
|
8
|
+
"adminUi": {
|
|
9
|
+
"code": true
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
},
|
|
5
13
|
{
|
|
6
14
|
"name": "@paroicms/quill-editor-plugin",
|
|
7
15
|
"configuration": {
|
|
@@ -10,12 +18,14 @@
|
|
|
10
18
|
}
|
|
11
19
|
}
|
|
12
20
|
},
|
|
21
|
+
"@paroicms/zoom-plugin",
|
|
13
22
|
"@paroicms/contact-form-plugin",
|
|
14
23
|
"@paroicms/content-loading-plugin",
|
|
15
24
|
"@paroicms/internal-link-plugin",
|
|
16
25
|
"@paroicms/list-field-plugin",
|
|
17
26
|
"@paroicms/public-menu-plugin",
|
|
18
|
-
"@paroicms/video-plugin"
|
|
27
|
+
"@paroicms/platform-video-plugin",
|
|
28
|
+
"@paroicms/zoom-plugin"
|
|
19
29
|
],
|
|
20
30
|
"configuration": {
|
|
21
31
|
"adminUi": {
|
|
@@ -33,7 +43,7 @@
|
|
|
33
43
|
"documentKind": "routing",
|
|
34
44
|
"withFeaturedImage": true,
|
|
35
45
|
"fields": [
|
|
36
|
-
"video[@paroicms/video-plugin]",
|
|
46
|
+
"video[@paroicms/platform-video-plugin]",
|
|
37
47
|
{
|
|
38
48
|
"name": "myList",
|
|
39
49
|
"localized": true,
|
|
@@ -59,7 +69,16 @@
|
|
|
59
69
|
"cluster": {
|
|
60
70
|
"autoCreate": true
|
|
61
71
|
},
|
|
62
|
-
"routingChildren": [
|
|
72
|
+
"routingChildren": [
|
|
73
|
+
"pages",
|
|
74
|
+
"posts",
|
|
75
|
+
"aboutPage",
|
|
76
|
+
"contactPage",
|
|
77
|
+
"searchPage",
|
|
78
|
+
"exhibition",
|
|
79
|
+
"tiptapPage",
|
|
80
|
+
"quillPage"
|
|
81
|
+
],
|
|
63
82
|
"adminUi": {
|
|
64
83
|
"defaultTab": "edit"
|
|
65
84
|
}
|
|
@@ -76,7 +95,7 @@
|
|
|
76
95
|
"storedAs": "varchar",
|
|
77
96
|
"dataType": "string"
|
|
78
97
|
},
|
|
79
|
-
"htmlContent[@paroicms/
|
|
98
|
+
"htmlContent[@paroicms/tiptap-editor-plugin]",
|
|
80
99
|
{
|
|
81
100
|
"name": "color",
|
|
82
101
|
"localized": false,
|
|
@@ -99,7 +118,7 @@
|
|
|
99
118
|
{
|
|
100
119
|
"typeName": "sideImage",
|
|
101
120
|
"kind": "part",
|
|
102
|
-
"fields": ["image", "htmlContent[@paroicms/
|
|
121
|
+
"fields": ["image", "htmlContent[@paroicms/tiptap-editor-plugin]"],
|
|
103
122
|
"list": {
|
|
104
123
|
"parts": ["sideImage", "partner"],
|
|
105
124
|
"sorting": "manual"
|
|
@@ -108,7 +127,7 @@
|
|
|
108
127
|
{
|
|
109
128
|
"typeName": "bookPage",
|
|
110
129
|
"kind": "part",
|
|
111
|
-
"fields": ["title", "htmlContent[@paroicms/
|
|
130
|
+
"fields": ["title", "htmlContent[@paroicms/tiptap-editor-plugin]"]
|
|
112
131
|
},
|
|
113
132
|
{
|
|
114
133
|
"typeName": "exhibition",
|
|
@@ -143,14 +162,8 @@
|
|
|
143
162
|
"route": ":relativeId-:slug",
|
|
144
163
|
"withFeaturedImage": true,
|
|
145
164
|
"fields": [
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
"localized": true,
|
|
149
|
-
"storedAs": "varchar",
|
|
150
|
-
"dataType": "string",
|
|
151
|
-
"plugin": "@paroicms/video-plugin"
|
|
152
|
-
},
|
|
153
|
-
"htmlContent[@paroicms/quill-editor-plugin]"
|
|
165
|
+
"video[@paroicms/platform-video-plugin]",
|
|
166
|
+
"htmlContent[@paroicms/tiptap-editor-plugin]"
|
|
154
167
|
]
|
|
155
168
|
},
|
|
156
169
|
{
|
|
@@ -170,7 +183,7 @@
|
|
|
170
183
|
"withFeaturedImage": true,
|
|
171
184
|
"fields": [
|
|
172
185
|
"gallery",
|
|
173
|
-
"htmlContent[@paroicms/
|
|
186
|
+
"htmlContent[@paroicms/tiptap-editor-plugin]",
|
|
174
187
|
"updateDateTime",
|
|
175
188
|
{
|
|
176
189
|
"name": "testTime",
|
|
@@ -220,8 +233,8 @@
|
|
|
220
233
|
"taxonomy": "tags",
|
|
221
234
|
"multiple": true
|
|
222
235
|
},
|
|
223
|
-
"leadParagraph[@paroicms/
|
|
224
|
-
"htmlContent[@paroicms/
|
|
236
|
+
"leadParagraph[@paroicms/tiptap-editor-plugin]",
|
|
237
|
+
"htmlContent[@paroicms/tiptap-editor-plugin]"
|
|
225
238
|
]
|
|
226
239
|
},
|
|
227
240
|
{
|
|
@@ -247,7 +260,7 @@
|
|
|
247
260
|
"documentKind": "regular",
|
|
248
261
|
"route": ":relativeId-:slug",
|
|
249
262
|
"withFeaturedImage": true,
|
|
250
|
-
"fields": ["htmlContent[@paroicms/
|
|
263
|
+
"fields": ["htmlContent[@paroicms/tiptap-editor-plugin]"],
|
|
251
264
|
"autoPublish": true
|
|
252
265
|
},
|
|
253
266
|
{
|
|
@@ -261,7 +274,7 @@
|
|
|
261
274
|
},
|
|
262
275
|
"withFeaturedImage": true,
|
|
263
276
|
"fields": [
|
|
264
|
-
"htmlContent[@paroicms/
|
|
277
|
+
"htmlContent[@paroicms/tiptap-editor-plugin]",
|
|
265
278
|
"updateDateTime",
|
|
266
279
|
{
|
|
267
280
|
"name": "testTime",
|
|
@@ -287,7 +300,7 @@
|
|
|
287
300
|
"es": "contáctenos"
|
|
288
301
|
},
|
|
289
302
|
"withFeaturedImage": false,
|
|
290
|
-
"fields": ["buttonLabel", "htmlContent[@paroicms/
|
|
303
|
+
"fields": ["buttonLabel", "htmlContent[@paroicms/tiptap-editor-plugin]"]
|
|
291
304
|
},
|
|
292
305
|
{
|
|
293
306
|
"typeName": "searchPage",
|
|
@@ -299,6 +312,22 @@
|
|
|
299
312
|
"es": "buscar"
|
|
300
313
|
},
|
|
301
314
|
"withFeaturedImage": false,
|
|
315
|
+
"fields": ["htmlContent[@paroicms/tiptap-editor-plugin]"]
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"typeName": "tiptapPage",
|
|
319
|
+
"kind": "document",
|
|
320
|
+
"documentKind": "routing",
|
|
321
|
+
"route": "tiptap-page",
|
|
322
|
+
"withFeaturedImage": false,
|
|
323
|
+
"fields": ["htmlContent[@paroicms/tiptap-editor-plugin]"]
|
|
324
|
+
},
|
|
325
|
+
{
|
|
326
|
+
"typeName": "quillPage",
|
|
327
|
+
"kind": "document",
|
|
328
|
+
"documentKind": "routing",
|
|
329
|
+
"route": "quill-page",
|
|
330
|
+
"withFeaturedImage": false,
|
|
302
331
|
"fields": ["htmlContent[@paroicms/quill-editor-plugin]"]
|
|
303
332
|
}
|
|
304
333
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--paInteractiveColor: #99f}.Container{margin-left:auto;margin-right:auto;max-width:1200px}.Container.text{max-width:700px}@media not all and (min-width: 640px){.Container{width:90%}}@media(min-width: 640px){.Container.pad{max-width:1240px;padding-left:20px;padding-right:20px}.Container.pad.text{max-width:740px}}@media(min-width: 640px){.Grid6,.Grid9,.Grid12{column-gap:25px;display:grid;row-gap:25px}.Grid6{grid-template-columns:repeat(6, 1fr)}.Grid9{grid-template-columns:repeat(9, 1fr)}.Grid12{grid-template-columns:repeat(12, 1fr)}.Span2{grid-column-end:span 2}.Span3{grid-column-end:span 3}.Span4{grid-column-end:span 4}.Span6{grid-column-end:span 6}.Span12{grid-column-end:span 12}.Column3{grid-column-start:3}.Column7{grid-column-start:7}@media not all and (min-width: 992px){.Span4Tablet{grid-column-end:span 4}}}.Text{hyphens:auto;overflow-wrap:break-word}@media not all and (min-width: 640px){.Text{hyphens:auto}}.Text.justified
|
|
1
|
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--paInteractiveColor: #99f}.Container{margin-left:auto;margin-right:auto;max-width:1200px}.Container.text{max-width:700px}@media not all and (min-width: 640px){.Container{width:90%}}@media(min-width: 640px){.Container.pad{max-width:1240px;padding-left:20px;padding-right:20px}.Container.pad.text{max-width:740px}}@media(min-width: 640px){.Grid6,.Grid9,.Grid12{column-gap:25px;display:grid;row-gap:25px}.Grid6{grid-template-columns:repeat(6, 1fr)}.Grid9{grid-template-columns:repeat(9, 1fr)}.Grid12{grid-template-columns:repeat(12, 1fr)}.Span2{grid-column-end:span 2}.Span3{grid-column-end:span 3}.Span4{grid-column-end:span 4}.Span6{grid-column-end:span 6}.Span12{grid-column-end:span 12}.Column3{grid-column-start:3}.Column7{grid-column-start:7}@media not all and (min-width: 992px){.Span4Tablet{grid-column-end:span 4}}}.Text{hyphens:auto;overflow-wrap:break-word}@media not all and (min-width: 640px){.Text{hyphens:auto}}.Text.justified{text-align:justify}.Text.selfContained::after{clear:both;content:"";display:block}.Text a{text-decoration:underline}.Text a:hover{text-decoration:none}.Text h1,.Text h2{clear:both;font-size:1.75rem;font-weight:bold;margin:2rem 0}.Text h3{font-size:1.125rem;font-weight:bold;margin:1.5rem 0}.Text h4,.Text h5{font-size:1rem;font-weight:bold}.Text blockquote,.Text h4,.Text h5,.Text ol,.Text p,.Text table,.Text ul{margin-bottom:10px}.Text blockquote{margin-left:50px;margin-right:20px}.Text ul,.Text ol{margin-left:20px}.Text li{margin-bottom:5px}.Text ul{list-style:disc}.Text ol{list-style:decimal}.Text ul ul,.Text ol ul{list-style:circle}.Text ul ol,.Text ol ol{list-style:lower-alpha}.Text img,.Text svg{height:auto;max-width:100%}.Text .hljs{background-color:#f5f5f5;border-left:15px solid #ddd;font-family:monospace;font-size:.875rem;line-height:1.35;margin:20px 10px;overflow-x:auto;padding:10px 20px 10px 15px}.Text code{background-color:#f5f5f5;border:1px dotted #ccc;color:#785454;font-family:sans-serif;font-size:.9375rem;padding:1px 3px}.Breadcrumb{align-items:center;display:flex;margin-bottom:20px}.Breadcrumb-imgIcon{height:24px;width:24px}.Breadcrumb-span{display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Breadcrumb-a{color:#6c98e2 !important}.HeaderBar{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.HeaderBar-logoTitle{align-items:center;display:flex}.HeaderBar-siteLogo{margin-right:10px}.HeaderBar-siteTitle{font-size:18px;font-weight:bold}.HeaderBar nav ul{display:flex}.HeaderBar nav li{list-style:none;padding:5px 10px}.HeaderBar nav li>a{text-decoration:none}@media not all and (min-width: 992px){.HeaderBar nav li{list-style:none;margin-bottom:10px}.HeaderBar nav li a{align-items:center;display:flex;height:50px;text-decoration:none}}.HeaderBar>div:nth-last-child(1){align-items:center;display:flex}.HeaderBar-searchBtn{margin-right:10px}.HeaderBar .SearchOpenerBtn{padding:8px 10px}.Tile{background-color:#f0f0f0}.Tile-img{display:block;height:auto;object-fit:cover;width:100%}@media not all and (min-width: 640px){.Tile{margin-bottom:20px}.Tile-text{padding:10px}}.Tile2{background-color:#f0f0f0}.Tile2-img{display:block;height:auto;width:100%}.Tile2-text{padding:10px}@media not all and (min-width: 640px){.Tile2{margin-bottom:20px}}.Tile-tags{display:flex;flex-wrap:wrap}.Tile-tags>span{border:1px solid #000;border-radius:15px;margin-bottom:10px;margin-right:5px;padding:5px 10px}.HeroBanner-img{height:545px;object-fit:cover;width:100%}@media not all and (min-width: 992px){.HeroBanner-img{height:300px}}@media not all and (min-width: 640px){.HeroBanner-img{height:200px}}.SiteFooter{background-color:#fafafa;margin-top:10px;padding:15px 0;text-align:center}.SiteFooter>span:nth-child(1){font-weight:bold;margin-right:15px}.ResultItem{margin-bottom:20px}.Paginate-left{text-align:left}.Paginate-next{text-align:right}.Gallery{display:flex;flex-wrap:wrap}.Gallery-item{height:150px;margin:10px;object-fit:cover;width:280px}.PaButton{background-color:#8bdda0;border:2px solid #8bdda0;border-radius:5px;color:#674002;cursor:pointer;display:inline-block;font-size:16px;font-weight:bold;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s,color .3s}.PaButton:focus,.PaButton:hover{background-color:#b77306;color:#fff}.PaButton:disabled{background-color:#ccc;border-color:#aaa;color:#777;cursor:not-allowed}.List{display:flex;flex-direction:column;margin-top:20px}.PartItem{margin:0 auto}.PartItem img{margin-bottom:10px}.PartItem.partner{margin-bottom:20px;max-width:300px}.PartItem.partner p{margin-top:10px}.PartItem.sideImage{display:flex;width:100%}.PartItem.sideImage p{margin-left:10px}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
{% layout 'layouts/main-layout.liquid' %}
|
|
2
|
+
{% block %}
|
|
3
|
+
<main class="Container">
|
|
4
|
+
{% render 'partials/breadcrumb', doc: doc %}
|
|
5
|
+
{% if doc.featuredImage %}
|
|
6
|
+
<div class="HeroBanner">
|
|
7
|
+
{% set smallImg = image(doc.featuredImage, resize: "324x200") %}
|
|
8
|
+
{% set mediumImg = image(doc.featuredImage, resize: "1024x545") %}
|
|
9
|
+
{% set largeImg = image(doc.featuredImage, resize: "1200x545") %}
|
|
10
|
+
|
|
11
|
+
<picture>
|
|
12
|
+
<source
|
|
13
|
+
width="{{ smallImg.width }}"
|
|
14
|
+
height="{{ smallImg.height }}"
|
|
15
|
+
srcset="{{ smallImg.url }}"
|
|
16
|
+
media="(max-width: 360px)"
|
|
17
|
+
>
|
|
18
|
+
<source
|
|
19
|
+
width="{{ mediumImg.width }}"
|
|
20
|
+
height="{{ mediumImg.height }}"
|
|
21
|
+
srcset="{{ mediumImg.url }}"
|
|
22
|
+
media="(max-width: 1024px)"
|
|
23
|
+
>
|
|
24
|
+
<source
|
|
25
|
+
width="{{ largeImg.width }}"
|
|
26
|
+
height="{{ largeImg.height }}"
|
|
27
|
+
srcset="{{ largeImg.url }}"
|
|
28
|
+
media="(min-width: 1920px)"
|
|
29
|
+
>
|
|
30
|
+
|
|
31
|
+
<img
|
|
32
|
+
class="HeroBanner-img"
|
|
33
|
+
src="{{ largeImg.url }}"
|
|
34
|
+
width="{{ largeImg.width }}"
|
|
35
|
+
height="{{ largeImg.height }}"
|
|
36
|
+
alt=""
|
|
37
|
+
loading="lazy"
|
|
38
|
+
>
|
|
39
|
+
</picture>
|
|
40
|
+
</div>
|
|
41
|
+
{% endif %}
|
|
42
|
+
|
|
43
|
+
<h1>{{ doc.title }}</h1>
|
|
44
|
+
|
|
45
|
+
{% if doc.field.gallery %}
|
|
46
|
+
<div class="Gallery ">
|
|
47
|
+
{% for media in doc.field.gallery %}
|
|
48
|
+
{% set smallImg = image(media, resize: "324x200") %}
|
|
49
|
+
{% set mediumImg = image(media, resize: "1024x545") %}
|
|
50
|
+
{% set largeImg = image(media, resize: "1200x545") %}
|
|
51
|
+
|
|
52
|
+
<picture>
|
|
53
|
+
<source
|
|
54
|
+
width="{{ smallImg.width }}"
|
|
55
|
+
height="{{ smallImg.height }}"
|
|
56
|
+
srcset="{{ smallImg.url }}"
|
|
57
|
+
media="(max-width: 360px)"
|
|
58
|
+
>
|
|
59
|
+
<source
|
|
60
|
+
width="{{ mediumImg.width }}"
|
|
61
|
+
height="{{ mediumImg.height }}"
|
|
62
|
+
srcset="{{ mediumImg.url }}"
|
|
63
|
+
media="(max-width: 1024px)"
|
|
64
|
+
>
|
|
65
|
+
<source
|
|
66
|
+
width="{{ largeImg.width }}"
|
|
67
|
+
height="{{ largeImg.height }}"
|
|
68
|
+
srcset="{{ largeImg.url }}"
|
|
69
|
+
media="(min-width: 1920px)"
|
|
70
|
+
>
|
|
71
|
+
|
|
72
|
+
<img
|
|
73
|
+
class="Gallery-item"
|
|
74
|
+
src="{{ largeImg.url }}"
|
|
75
|
+
width="{{ largeImg.width }}"
|
|
76
|
+
height="{{ largeImg.height }}"
|
|
77
|
+
alt=""
|
|
78
|
+
loading="lazy"
|
|
79
|
+
>
|
|
80
|
+
</picture>
|
|
81
|
+
{% endfor %}
|
|
82
|
+
</div>
|
|
83
|
+
{% endif %}
|
|
84
|
+
|
|
85
|
+
<div class="Container Text selfContained justified">{{ doc.field.htmlContent | raw }}</div>
|
|
86
|
+
|
|
87
|
+
<div class="Paginate Grid12">
|
|
88
|
+
{% set previous = doc(doc.siblings.previous) %}
|
|
89
|
+
{% if previous %}
|
|
90
|
+
<a href="{{ previous.url }}" class="Paginate-prev Span6">
|
|
91
|
+
<span class="Paginate-prevBtn">
|
|
92
|
+
{{ 'Previous' | t }}
|
|
93
|
+
</span>
|
|
94
|
+
<h2 class="Paginate-title EllipsisLine2">{{ previous.title }}</h2>
|
|
95
|
+
</a>
|
|
96
|
+
{% endif %}
|
|
97
|
+
|
|
98
|
+
{% set next = doc(doc.siblings.next) %}
|
|
99
|
+
{% if next %}
|
|
100
|
+
<a href="{{ next.url }}" class="Paginate-next Span6">
|
|
101
|
+
<span class="Paginate-nextBtn ">
|
|
102
|
+
{{ 'Next' | t }}
|
|
103
|
+
</span>
|
|
104
|
+
<h2 class="Paginate-title EllipsisLine2">{{ next.title }}</h2>
|
|
105
|
+
</a>
|
|
106
|
+
{% endif %}
|
|
107
|
+
</div>
|
|
108
|
+
</main>
|
|
109
|
+
{% endblock %}
|
|
@@ -211,7 +211,8 @@
|
|
|
211
211
|
{% if doc.field.video %}
|
|
212
212
|
<div class="Deafness-videoPresentate Span4 Mb50">
|
|
213
213
|
Video featured
|
|
214
|
-
{{ doc.field.video |
|
|
214
|
+
{{ doc.field.video | platformVideo }}
|
|
215
|
+
{{ doc.field.video | info }}
|
|
215
216
|
</div>
|
|
216
217
|
{% endif %}
|
|
217
218
|
</section>
|