@paroicms/playground_demo1 0.53.3 → 0.54.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 +27 -0
- package/package.json +9 -7
- package/site-schema.json +4 -2
- package/theme/assets/css/index.css +1 -1
- package/theme/assets/scss/_Text.scss +0 -41
- package/theme/assets/scss/_theme.scss +0 -1
- package/theme/templates/default.liquid +45 -37
- package/theme/templates/home.liquid +64 -68
- package/theme/templates/partials/doc-header.liquid +2 -3
- package/theme/templates/partials/doc-tile.liquid +7 -5
- package/theme/templates/partials/header.liquid +2 -3
- package/theme/templates/partials/post-tile.public.liquid +2 -5
- package/theme/templates/partials/result-item.public.liquid +2 -3
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
|
-
> @paroicms/playground_demo1@0.
|
|
2
|
+
> @paroicms/playground_demo1@0.54.1 build
|
|
3
3
|
> npm run scss
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
> @paroicms/playground_demo1@0.
|
|
6
|
+
> @paroicms/playground_demo1@0.54.1 scss
|
|
7
7
|
> npm run _scss -- --no-source-map --style=compressed
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
> @paroicms/playground_demo1@0.
|
|
10
|
+
> @paroicms/playground_demo1@0.54.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,32 @@
|
|
|
1
1
|
# @paroicms/playground_seoul
|
|
2
2
|
|
|
3
|
+
## 0.54.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 45583fb: Upgrade dependencies; upgrade to express 5
|
|
8
|
+
- Updated dependencies [45583fb]
|
|
9
|
+
- @paroicms/content-loading-plugin@0.18.1
|
|
10
|
+
- @paroicms/internal-link-plugin@0.14.1
|
|
11
|
+
- @paroicms/contact-form-plugin@0.24.1
|
|
12
|
+
- @paroicms/quill-editor-plugin@1.33.1
|
|
13
|
+
- @paroicms/public-menu-plugin@0.12.1
|
|
14
|
+
- @paroicms/video-plugin@0.29.2
|
|
15
|
+
|
|
16
|
+
## 0.54.0
|
|
17
|
+
|
|
18
|
+
### Minor Changes
|
|
19
|
+
|
|
20
|
+
- 30caace: Improve media handling: performance, image format, store any files, useImage tag, zoomable, pixel ratio, caption
|
|
21
|
+
|
|
22
|
+
### Patch Changes
|
|
23
|
+
|
|
24
|
+
- Updated dependencies [30caace]
|
|
25
|
+
- @paroicms/content-loading-plugin@0.18.0
|
|
26
|
+
- @paroicms/contact-form-plugin@0.24.0
|
|
27
|
+
- @paroicms/quill-editor-plugin@1.33.0
|
|
28
|
+
- @paroicms/public-menu-plugin@0.12.0
|
|
29
|
+
|
|
3
30
|
## 0.53.3
|
|
4
31
|
|
|
5
32
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paroicms/playground_demo1",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.54.1",
|
|
4
4
|
"description": "Boilerplate website for ParoiCMS",
|
|
5
5
|
"author": "Paroi Team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -24,16 +24,18 @@
|
|
|
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.
|
|
28
|
-
"@paroicms/content-loading-plugin": "0.
|
|
29
|
-
"@paroicms/
|
|
30
|
-
"@paroicms/
|
|
27
|
+
"@paroicms/contact-form-plugin": "0.24.1",
|
|
28
|
+
"@paroicms/content-loading-plugin": "0.18.1",
|
|
29
|
+
"@paroicms/internal-link-plugin": "0.14.1",
|
|
30
|
+
"@paroicms/public-menu-plugin": "0.12.1",
|
|
31
|
+
"@paroicms/quill-editor-plugin": "1.33.1",
|
|
32
|
+
"@paroicms/video-plugin": "0.29.2"
|
|
31
33
|
},
|
|
32
34
|
"devDependencies": {
|
|
33
35
|
"concurrently": "~9.1.2",
|
|
34
|
-
"nodemon": "~3.1.
|
|
36
|
+
"nodemon": "~3.1.10",
|
|
35
37
|
"pino-pretty": "~13.0.0",
|
|
36
38
|
"rimraf": "~6.0.1",
|
|
37
|
-
"sass": "~1.
|
|
39
|
+
"sass": "~1.89.2"
|
|
38
40
|
}
|
|
39
41
|
}
|
package/site-schema.json
CHANGED
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
"version": "8",
|
|
3
3
|
"languages": ["en"],
|
|
4
4
|
"plugins": [
|
|
5
|
-
"@paroicms/quill-editor-plugin",
|
|
6
5
|
"@paroicms/contact-form-plugin",
|
|
7
6
|
"@paroicms/content-loading-plugin",
|
|
8
|
-
"@paroicms/
|
|
7
|
+
"@paroicms/internal-link-plugin",
|
|
8
|
+
"@paroicms/public-menu-plugin",
|
|
9
|
+
"@paroicms/quill-editor-plugin",
|
|
10
|
+
"@paroicms/video-plugin"
|
|
9
11
|
],
|
|
10
12
|
"nodeTypes": [
|
|
11
13
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
: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}.Column4{grid-column-start:4}.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}
|
|
1
|
+
: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}.Column4{grid-column-start:4}.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}.Text.justified p,.Text.justified li{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%}*{box-sizing:border-box}body{line-height:1.5;padding:0;margin:0}@media(min-width: 640px){body{min-height:100vh;padding-bottom:50px;position:relative}.PageFooterArea{bottom:0;left:0;position:absolute;width:100%}}.PageFooterArea{height:50px}.PageHeader{padding-bottom:15px;padding-top:15px}.PageFooter{align-items:center;display:flex;height:100%;justify-content:space-between}._revertedColors{background-color:#666;color:#fff}.Mini{font-size:.6em;font-style:italic}.Annotation{color:#888;font-size:.875rem}._revertedColors .Annotation{color:#b0b0b0}.Btn,.PaButton{all:unset;background-color:#ccc;border:1px solid #aaa;box-sizing:border-box;color:#444;cursor:pointer;display:inline-block;padding:5px;text-align:center;user-select:none}.Btn:focus,.Btn:hover,.PaButton:focus,.PaButton:hover{background-color:#ddd;border-color:#bbb;outline:2px solid #f3e0bc}.Btn.active,.PaButton.active{font-weight:bold}.Btn.disabled,.PaButton.disabled{background-color:rgba(170,170,170,.4666666667);border-color:rgba(0,0,0,0);color:#ccc;outline:none;cursor:default}.Btn::before,.PaButton::before{content:" "}.Btn::after,.PaButton::after{content:" "}.Bg{background-color:#f0f0f0}.Bg2{background-color:#ccc}.Color2{color:#777}.Mt{margin-top:30px}.Mb{margin-bottom:30px}.BigMt{margin-top:60px}.BigMb{margin-bottom:60px}.Pt{padding-top:20px}.Pb{padding-bottom:20px}.Hr{color:#ccc;max-width:500px;margin-left:0}.Flex{display:flex}.Flex.column{flex-direction:column}.Flex.center{align-items:center;justify-content:center}.Flex.spaceBetween{justify-content:space-between}.Flex.gap{gap:15px}.Breadcrumb{font-size:.875rem;padding-bottom:5px;padding-top:5px}.Menu{display:flex;gap:2px;padding:0;margin:0}.Menu>li{display:flex;flex-direction:column;gap:2px}.DocHeader{display:flex;gap:15px;padding:15px 25px 25px;justify-content:space-between}.DocHeader-h1{margin-top:0}.DocHeader-right{align-self:center}.DocHeader-middle{padding-top:50px}.Tag{background-color:#666;border-radius:10px;color:#fff;font-size:.875rem;font-weight:bold;padding:3px 7px;white-space:nowrap}.Block{display:block}.InlineBlock{display:inline-block}.Bold{font-weight:bold}.Tile{background-color:#f0f0f0;display:flex;font-size:.875rem;gap:15px;height:150px;padding:15px 25px}.Tile-text{flex-basis:0;flex-grow:2}.Tile-right{align-self:center;display:flex;justify-content:right;flex-basis:0;flex-grow:1;width:30%;height:100%}.Img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.TextPage{padding:40px}.ConstraintSize{max-width:100%;height:auto}.PaZoomable:hover,.PaZoomable:focus{outline:2px solid #f3e0bc}.InfiniteLoading-actionArea{grid-column:4;grid-column-end:span 6;text-align:center}.ContactForm-error{background-color:#fcc}.ContactForm-ended{background-color:#eee}.ContactForm-button{border:2px solid #bbb;padding:20px}.ContactForm-button:not(:disabled):not(.inProgress):focus,.ContactForm-button:not(:disabled):not(.inProgress):hover{background-color:blue;color:#fff}.ContactForm-button.inProgress::before{border:6px solid #88f;border-color:#88f rgba(0,0,0,0) #88f rgba(0,0,0,0)}.SideImage{display:flex;flex-direction:row;margin:0 auto;max-width:750px}.SideImage-side{background-color:#f0f0f0;padding:50px;width:50%}.SideImage-img{margin:0 auto;max-height:250px}.SideImage-text{padding:50px;width:50%}.SideImage.right{flex-direction:row-reverse}
|
|
@@ -4,10 +4,6 @@
|
|
|
4
4
|
hyphens: auto;
|
|
5
5
|
overflow-wrap: break-word;
|
|
6
6
|
|
|
7
|
-
@include constants.for-phone {
|
|
8
|
-
hyphens: auto;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
7
|
&.justified {
|
|
12
8
|
|
|
13
9
|
p,
|
|
@@ -97,41 +93,4 @@
|
|
|
97
93
|
height: auto;
|
|
98
94
|
max-width: 100%;
|
|
99
95
|
}
|
|
100
|
-
|
|
101
|
-
.Img {
|
|
102
|
-
&.left {
|
|
103
|
-
float: left;
|
|
104
|
-
margin: 5px 20px 10px 0;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
&.right {
|
|
108
|
-
float: right;
|
|
109
|
-
margin: 5px 0 10px 20px;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
&.center {
|
|
113
|
-
display: block;
|
|
114
|
-
margin: 20px auto;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.ql-align-center {
|
|
119
|
-
text-align: center !important;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.ql-align-right {
|
|
123
|
-
text-align: right !important;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.ql-size-small {
|
|
127
|
-
font-size: constants.$f9;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.ql-size-large {
|
|
131
|
-
font-size: constants.$f18;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.ql-size-huge {
|
|
135
|
-
font-size: constants.$f32;
|
|
136
|
-
}
|
|
137
96
|
}
|
|
@@ -1,54 +1,62 @@
|
|
|
1
1
|
{% layout "layouts/main-layout.liquid" doc: doc site: site %}
|
|
2
2
|
{% block %}
|
|
3
|
-
|
|
3
|
+
{% render 'partials/breadcrumb', doc: doc, site: site %}
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
{% getDocs children parentId: doc.id %}
|
|
6
|
+
{% if children %}
|
|
7
|
+
<div class="Bg2 Pt Pb">
|
|
8
|
+
<div class="Container pad">
|
|
9
|
+
<hr class="Hr">
|
|
10
|
+
<div class="Annotation">getDocs children, parentId: doc.id</div>
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
</div>
|
|
12
|
+
Child pages:
|
|
13
|
+
{% for child in children %}
|
|
14
|
+
<a class="Btn" href="{{ child.url }}">{{ child.title }}</a>
|
|
15
|
+
{% endfor %}
|
|
17
16
|
</div>
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
{% render "partials/doc-header.liquid" doc: doc site: site %}
|
|
17
|
+
</div>
|
|
18
|
+
{% endif %}
|
|
21
19
|
|
|
22
|
-
|
|
23
|
-
<div class="Container Mt">
|
|
24
|
-
<div class="Annotation">doc.field.gallery</div>
|
|
25
|
-
<div class="Grid12">
|
|
26
|
-
{% for media in doc.field.gallery %}
|
|
27
|
-
{% useImage im
|
|
28
|
-
, uid: media.uid size: "200x150" %}
|
|
20
|
+
{% render 'partials/doc-header.liquid', doc: doc, site: site %}
|
|
29
21
|
|
|
22
|
+
{% if doc.field.gallery %}
|
|
23
|
+
<div class="Container Mt">
|
|
24
|
+
<div class="Annotation">doc.field.gallery</div>
|
|
25
|
+
<div class="Grid12">
|
|
26
|
+
{% for media in doc.field.gallery %}
|
|
27
|
+
{% useImage im image: media resize: "200x150" %}
|
|
28
|
+
<figure class="Span2">
|
|
30
29
|
<img
|
|
31
|
-
class="
|
|
30
|
+
class="ConstraintSize"
|
|
32
31
|
src="{{ im.url }}"
|
|
33
32
|
width="{{ im.width }}"
|
|
34
33
|
height="{{ im.height }}"
|
|
35
34
|
loading="lazy"
|
|
36
35
|
alt=""
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
{{ media | zoomable }}
|
|
37
|
+
>
|
|
38
|
+
{% if media.attachedData.caption %}
|
|
39
|
+
<figcaption>
|
|
40
|
+
{{ media.attachedData.caption }}
|
|
41
|
+
</figcaption>
|
|
42
|
+
{% endif %}
|
|
43
|
+
</figure>
|
|
44
|
+
{% endfor %}
|
|
40
45
|
</div>
|
|
41
|
-
|
|
46
|
+
</div>
|
|
47
|
+
{% endif %}
|
|
42
48
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
+
<div class="Container text TextPage Bg Mt Mb">
|
|
50
|
+
{% if doc.field.leadParagraph %}
|
|
51
|
+
<div class="Annotation">doc.field.leadParagraph</div>
|
|
52
|
+
<div class="Text selfContained justified Bold Mb">
|
|
53
|
+
{{ doc.field.leadParagraph | raw }}
|
|
54
|
+
</div>
|
|
55
|
+
{% endif %}
|
|
49
56
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
57
|
+
<div class="Annotation">doc.field.htmlContent</div>
|
|
58
|
+
<div class="Text selfContained justified">
|
|
59
|
+
{{ doc.field.htmlContent | raw }}
|
|
53
60
|
</div>
|
|
54
|
-
|
|
61
|
+
</div>
|
|
62
|
+
{% endblock %}
|
|
@@ -1,76 +1,72 @@
|
|
|
1
1
|
{% layout "layouts/main-layout.liquid" doc: doc site: site %}
|
|
2
2
|
{% block %}
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
{% getDoc postsPage id: site.home.posts.id %}
|
|
4
|
+
{%
|
|
5
|
+
getDocs posts
|
|
6
|
+
, parentId: site.home.posts.id
|
|
7
|
+
, limit: 4
|
|
8
|
+
%}
|
|
9
|
+
{% getDocs pages parentId: site.home.pages.id %}
|
|
9
10
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
<main>
|
|
12
|
+
{% render 'partials/breadcrumb', doc: doc, site: site %}
|
|
13
|
+
{% render 'partials/doc-header.liquid', doc: doc, site: site %}
|
|
13
14
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
</div>
|
|
28
|
-
</section>
|
|
29
|
-
|
|
30
|
-
<section class="TileList Container pad">
|
|
31
|
-
<h2>Pages</h2>
|
|
32
|
-
<div class="Grid12">
|
|
33
|
-
{% for page in pages %}
|
|
34
|
-
<div class="Span3">
|
|
35
|
-
{% render "partials/doc-tile.liquid"
|
|
36
|
-
, doc: page
|
|
37
|
-
, site: site %}
|
|
38
|
-
</div>
|
|
39
|
-
{% endfor %}
|
|
40
|
-
</div>
|
|
41
|
-
</section>
|
|
15
|
+
<section class="TileList Container pad">
|
|
16
|
+
<h2>
|
|
17
|
+
Latest posts
|
|
18
|
+
<a class="Mini" href="{{ postsPage.url }}">see all</a>
|
|
19
|
+
</h2>
|
|
20
|
+
<div class="Grid12">
|
|
21
|
+
{% for post in posts %}
|
|
22
|
+
<div class="Span3">
|
|
23
|
+
{% render 'partials/doc-tile.liquid', doc: post, site: site %}
|
|
24
|
+
</div>
|
|
25
|
+
{% endfor %}
|
|
26
|
+
</div>
|
|
27
|
+
</section>
|
|
42
28
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
29
|
+
<section class="TileList Container pad">
|
|
30
|
+
<h2>Pages</h2>
|
|
31
|
+
<div class="Grid12">
|
|
32
|
+
{% for page in pages %}
|
|
33
|
+
<div class="Span3">
|
|
34
|
+
{% render 'partials/doc-tile.liquid', doc: page, site: site %}
|
|
47
35
|
</div>
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
36
|
+
{% endfor %}
|
|
37
|
+
</div>
|
|
38
|
+
</section>
|
|
39
|
+
|
|
40
|
+
{% if doc.list.sections %}
|
|
41
|
+
<section class="Container BigMt BigMb">
|
|
42
|
+
<div class="SideImage">
|
|
43
|
+
<div class="Annotation">doc.list.sections</div>
|
|
44
|
+
</div>
|
|
45
|
+
{% for item in doc.list.sections %}
|
|
46
|
+
<div class="SideImage {{ item.field.imageOn }}">
|
|
47
|
+
<div class="SideImage-side">
|
|
48
|
+
<div class="Annotation">item.field.image</div>
|
|
49
|
+
{% if item.field.image %}
|
|
50
|
+
{% useImage im image: item.field.image, resize: "x250x" %}
|
|
56
51
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
<div class="SideImage-text Text">
|
|
68
|
-
<div class="Annotation">item.field.htmlContent</div>
|
|
69
|
-
{{ item.field.htmlContent | raw }}
|
|
70
|
-
</div>
|
|
52
|
+
<img
|
|
53
|
+
class="SideImage-img Img"
|
|
54
|
+
src="{{ im.url }}"
|
|
55
|
+
width="{{ im.width }}"
|
|
56
|
+
height="{{ im.height }}"
|
|
57
|
+
alt=""
|
|
58
|
+
loading="lazy"
|
|
59
|
+
{{ item.field.image | zoomable }}
|
|
60
|
+
>
|
|
61
|
+
{% endif %}
|
|
71
62
|
</div>
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
63
|
+
<div class="SideImage-text Text">
|
|
64
|
+
<div class="Annotation">item.field.htmlContent</div>
|
|
65
|
+
{{ item.field.htmlContent | raw }}
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
{% endfor %}
|
|
69
|
+
</section>
|
|
70
|
+
{% endif %}
|
|
71
|
+
</main>
|
|
72
|
+
{% endblock %}
|
|
@@ -6,17 +6,19 @@
|
|
|
6
6
|
</div>
|
|
7
7
|
<div class="Tile-right">
|
|
8
8
|
{% if doc.defaultImage %}
|
|
9
|
-
{%
|
|
10
|
-
|
|
11
|
-
,
|
|
9
|
+
{%
|
|
10
|
+
useImage im image: doc.defaultImage
|
|
11
|
+
, resize: "x250x"
|
|
12
|
+
%}
|
|
12
13
|
<img
|
|
13
14
|
class="Img"
|
|
14
15
|
src="{{ im.url }}"
|
|
15
16
|
width="{{ im.width }}"
|
|
16
17
|
height="{{ im.height }}"
|
|
17
18
|
loading="lazy"
|
|
18
|
-
alt=""
|
|
19
|
+
alt=""
|
|
20
|
+
>
|
|
19
21
|
{% endif %}
|
|
20
22
|
</div>
|
|
21
23
|
</article>
|
|
22
|
-
</a>
|
|
24
|
+
</a>
|
|
@@ -17,11 +17,8 @@
|
|
|
17
17
|
</div>
|
|
18
18
|
<div class="Tile-right">
|
|
19
19
|
{% if doc.defaultImage %}
|
|
20
|
-
{%
|
|
21
|
-
|
|
22
|
-
, uid: doc.defaultImage.uid
|
|
23
|
-
, size: "x250x"
|
|
24
|
-
%}
|
|
20
|
+
{% useImage im image: doc.defaultImage, resize: "x250x" %}
|
|
21
|
+
|
|
25
22
|
<img
|
|
26
23
|
class="Img"
|
|
27
24
|
src="{{ im.url }}"
|