@paroicms/playground_demo2 0.72.0 → 0.73.1
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 +32 -0
- package/package.json +14 -13
- package/site-schema.json +47 -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.1 build
|
|
3
3
|
> npm run scss
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
> @paroicms/playground_demo2@0.
|
|
6
|
+
> @paroicms/playground_demo2@0.73.1 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.1 _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,37 @@
|
|
|
1
1
|
# @paroicms/playground_seoul
|
|
2
2
|
|
|
3
|
+
## 0.73.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [129a2d1]
|
|
8
|
+
- @paroicms/tiptap-editor-plugin@1.0.1
|
|
9
|
+
|
|
10
|
+
## 0.73.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- 73d8250: Implemented Tiptap plugin.
|
|
15
|
+
|
|
16
|
+
The Quill plugin is still supported, but now the Tiptap plugin is recommended. Here is how to migrate your website from Quill to Tiptap:
|
|
17
|
+
|
|
18
|
+
1. Update your database `npx @paroicms/converter --database /path/to/main.sqlite --quill-to-tiptap --backup`
|
|
19
|
+
2. In your `site-schema.json` and `package.json`, replace `@paroicms/quill-editor-plugin` with `@paroicms/tiptap-editor-plugin`.
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- Updated dependencies [73d8250]
|
|
24
|
+
- @paroicms/tiptap-editor-plugin@1.0.0
|
|
25
|
+
- @paroicms/zoom-plugin@0.2.0
|
|
26
|
+
- @paroicms/content-loading-plugin@0.27.3
|
|
27
|
+
- @paroicms/internal-link-plugin@0.23.1
|
|
28
|
+
- @paroicms/contact-form-plugin@0.33.3
|
|
29
|
+
- @paroicms/quill-editor-plugin@1.45.1
|
|
30
|
+
- @paroicms/public-menu-plugin@0.19.3
|
|
31
|
+
- @paroicms/list-field-plugin@0.28.1
|
|
32
|
+
- @paroicms/platform-video-plugin@0.37.1
|
|
33
|
+
- @paroicms/script-lib@0.3.3
|
|
34
|
+
|
|
3
35
|
## 0.72.0
|
|
4
36
|
|
|
5
37
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paroicms/playground_demo2",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.73.1",
|
|
4
4
|
"description": "Demonstration website for ParoiCMS",
|
|
5
5
|
"author": "Paroi Team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -24,21 +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/
|
|
35
|
-
"@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.1",
|
|
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"
|
|
36
37
|
},
|
|
37
38
|
"devDependencies": {
|
|
38
|
-
"concurrently": "~9.1
|
|
39
|
+
"concurrently": "~9.2.1",
|
|
39
40
|
"nodemon": "~3.1.10",
|
|
40
|
-
"pino-pretty": "~13.
|
|
41
|
+
"pino-pretty": "~13.1.2",
|
|
41
42
|
"rimraf": "~6.0.1",
|
|
42
|
-
"sass": "~1.
|
|
43
|
+
"sass": "~1.93.2"
|
|
43
44
|
}
|
|
44
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": {
|
|
@@ -16,7 +24,7 @@
|
|
|
16
24
|
"@paroicms/internal-link-plugin",
|
|
17
25
|
"@paroicms/list-field-plugin",
|
|
18
26
|
"@paroicms/public-menu-plugin",
|
|
19
|
-
"@paroicms/video-plugin",
|
|
27
|
+
"@paroicms/platform-video-plugin",
|
|
20
28
|
"@paroicms/zoom-plugin"
|
|
21
29
|
],
|
|
22
30
|
"configuration": {
|
|
@@ -35,7 +43,7 @@
|
|
|
35
43
|
"documentKind": "routing",
|
|
36
44
|
"withFeaturedImage": true,
|
|
37
45
|
"fields": [
|
|
38
|
-
"video[@paroicms/video-plugin]",
|
|
46
|
+
"video[@paroicms/platform-video-plugin]",
|
|
39
47
|
{
|
|
40
48
|
"name": "myList",
|
|
41
49
|
"localized": true,
|
|
@@ -61,7 +69,16 @@
|
|
|
61
69
|
"cluster": {
|
|
62
70
|
"autoCreate": true
|
|
63
71
|
},
|
|
64
|
-
"routingChildren": [
|
|
72
|
+
"routingChildren": [
|
|
73
|
+
"pages",
|
|
74
|
+
"posts",
|
|
75
|
+
"aboutPage",
|
|
76
|
+
"contactPage",
|
|
77
|
+
"searchPage",
|
|
78
|
+
"exhibition",
|
|
79
|
+
"tiptapPage",
|
|
80
|
+
"quillPage"
|
|
81
|
+
],
|
|
65
82
|
"adminUi": {
|
|
66
83
|
"defaultTab": "edit"
|
|
67
84
|
}
|
|
@@ -78,7 +95,7 @@
|
|
|
78
95
|
"storedAs": "varchar",
|
|
79
96
|
"dataType": "string"
|
|
80
97
|
},
|
|
81
|
-
"htmlContent[@paroicms/
|
|
98
|
+
"htmlContent[@paroicms/tiptap-editor-plugin]",
|
|
82
99
|
{
|
|
83
100
|
"name": "color",
|
|
84
101
|
"localized": false,
|
|
@@ -101,7 +118,7 @@
|
|
|
101
118
|
{
|
|
102
119
|
"typeName": "sideImage",
|
|
103
120
|
"kind": "part",
|
|
104
|
-
"fields": ["image", "htmlContent[@paroicms/
|
|
121
|
+
"fields": ["image", "htmlContent[@paroicms/tiptap-editor-plugin]"],
|
|
105
122
|
"list": {
|
|
106
123
|
"parts": ["sideImage", "partner"],
|
|
107
124
|
"sorting": "manual"
|
|
@@ -110,7 +127,7 @@
|
|
|
110
127
|
{
|
|
111
128
|
"typeName": "bookPage",
|
|
112
129
|
"kind": "part",
|
|
113
|
-
"fields": ["title", "htmlContent[@paroicms/
|
|
130
|
+
"fields": ["title", "htmlContent[@paroicms/tiptap-editor-plugin]"]
|
|
114
131
|
},
|
|
115
132
|
{
|
|
116
133
|
"typeName": "exhibition",
|
|
@@ -145,14 +162,8 @@
|
|
|
145
162
|
"route": ":relativeId-:slug",
|
|
146
163
|
"withFeaturedImage": true,
|
|
147
164
|
"fields": [
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
"localized": true,
|
|
151
|
-
"storedAs": "varchar",
|
|
152
|
-
"dataType": "string",
|
|
153
|
-
"plugin": "@paroicms/video-plugin"
|
|
154
|
-
},
|
|
155
|
-
"htmlContent[@paroicms/quill-editor-plugin]"
|
|
165
|
+
"video[@paroicms/platform-video-plugin]",
|
|
166
|
+
"htmlContent[@paroicms/tiptap-editor-plugin]"
|
|
156
167
|
]
|
|
157
168
|
},
|
|
158
169
|
{
|
|
@@ -172,7 +183,7 @@
|
|
|
172
183
|
"withFeaturedImage": true,
|
|
173
184
|
"fields": [
|
|
174
185
|
"gallery",
|
|
175
|
-
"htmlContent[@paroicms/
|
|
186
|
+
"htmlContent[@paroicms/tiptap-editor-plugin]",
|
|
176
187
|
"updateDateTime",
|
|
177
188
|
{
|
|
178
189
|
"name": "testTime",
|
|
@@ -222,8 +233,8 @@
|
|
|
222
233
|
"taxonomy": "tags",
|
|
223
234
|
"multiple": true
|
|
224
235
|
},
|
|
225
|
-
"leadParagraph[@paroicms/
|
|
226
|
-
"htmlContent[@paroicms/
|
|
236
|
+
"leadParagraph[@paroicms/tiptap-editor-plugin]",
|
|
237
|
+
"htmlContent[@paroicms/tiptap-editor-plugin]"
|
|
227
238
|
]
|
|
228
239
|
},
|
|
229
240
|
{
|
|
@@ -249,7 +260,7 @@
|
|
|
249
260
|
"documentKind": "regular",
|
|
250
261
|
"route": ":relativeId-:slug",
|
|
251
262
|
"withFeaturedImage": true,
|
|
252
|
-
"fields": ["htmlContent[@paroicms/
|
|
263
|
+
"fields": ["htmlContent[@paroicms/tiptap-editor-plugin]"],
|
|
253
264
|
"autoPublish": true
|
|
254
265
|
},
|
|
255
266
|
{
|
|
@@ -263,7 +274,7 @@
|
|
|
263
274
|
},
|
|
264
275
|
"withFeaturedImage": true,
|
|
265
276
|
"fields": [
|
|
266
|
-
"htmlContent[@paroicms/
|
|
277
|
+
"htmlContent[@paroicms/tiptap-editor-plugin]",
|
|
267
278
|
"updateDateTime",
|
|
268
279
|
{
|
|
269
280
|
"name": "testTime",
|
|
@@ -289,7 +300,7 @@
|
|
|
289
300
|
"es": "contáctenos"
|
|
290
301
|
},
|
|
291
302
|
"withFeaturedImage": false,
|
|
292
|
-
"fields": ["buttonLabel", "htmlContent[@paroicms/
|
|
303
|
+
"fields": ["buttonLabel", "htmlContent[@paroicms/tiptap-editor-plugin]"]
|
|
293
304
|
},
|
|
294
305
|
{
|
|
295
306
|
"typeName": "searchPage",
|
|
@@ -301,6 +312,22 @@
|
|
|
301
312
|
"es": "buscar"
|
|
302
313
|
},
|
|
303
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,
|
|
304
331
|
"fields": ["htmlContent[@paroicms/quill-editor-plugin]"]
|
|
305
332
|
}
|
|
306
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>
|