@paroicms/playground_demo1 0.50.0 → 0.51.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.
@@ -1,12 +1,12 @@
1
1
 
2
- > @paroicms/playground_demo1@0.49.0 build
2
+ > @paroicms/playground_demo1@0.50.0 build
3
3
  > npm run scss
4
4
 
5
5
 
6
- > @paroicms/playground_demo1@0.49.0 scss
6
+ > @paroicms/playground_demo1@0.50.0 scss
7
7
  > npm run _scss -- --no-source-map --style=compressed
8
8
 
9
9
 
10
- > @paroicms/playground_demo1@0.49.0 _scss
10
+ > @paroicms/playground_demo1@0.50.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,19 @@
1
1
  # @paroicms/playground_seoul
2
2
 
3
+ ## 0.51.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 8170840: Improve plugins for public sites
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [8170840]
12
+ - @paroicms/content-loading-plugin@0.13.0
13
+ - @paroicms/contact-form-plugin@0.20.0
14
+ - @paroicms/quill-editor-plugin@1.29.0
15
+ - @paroicms/public-menu-plugin@0.10.0
16
+
3
17
  ## 0.50.0
4
18
 
5
19
  ### Minor Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paroicms/playground_demo1",
3
- "version": "0.50.0",
3
+ "version": "0.51.0",
4
4
  "description": "Boilerplate website for ParoiCMS",
5
5
  "author": "Paroi Team",
6
6
  "license": "MIT",
@@ -24,16 +24,16 @@
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.19.0",
28
- "@paroicms/content-loading-plugin": "0.12.0",
29
- "@paroicms/public-menu-plugin": "0.9.0",
30
- "@paroicms/quill-editor-plugin": "1.28.0"
27
+ "@paroicms/contact-form-plugin": "0.20.0",
28
+ "@paroicms/content-loading-plugin": "0.13.0",
29
+ "@paroicms/public-menu-plugin": "0.10.0",
30
+ "@paroicms/quill-editor-plugin": "1.29.0"
31
31
  },
32
32
  "devDependencies": {
33
33
  "concurrently": "~9.1.2",
34
34
  "nodemon": "~3.1.9",
35
35
  "pino-pretty": "~13.0.0",
36
36
  "rimraf": "~6.0.1",
37
- "sass": "~1.84.0"
37
+ "sass": "~1.85.1"
38
38
  }
39
39
  }
@@ -0,0 +1,10 @@
1
+ UndefinedObject:
2
+ enabled: false
3
+ TranslationKeyExists:
4
+ enabled: false
5
+ MissingTemplate:
6
+ enabled: false
7
+ RemoteAsset:
8
+ enabled: false
9
+ UnknownFilter:
10
+ enabled: false
@@ -1 +1 @@
1
- :root{--mobileMaxWidth: 640px;--desktopMinWidth: 992px;--siteAppMobileMenuMaxWidth: 992px;--siteAppBtnBgColor: #999;--siteAppSearchIconColor: #999;--siteAppBtnFgColor: #999;--transitionDuration: 0.2s}.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}@media not all and (min-width: 640px){.Text{hyphens:auto}}.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%}.Text .Img.left{float:left;margin:5px 20px 10px 0}.Text .Img.right{float:right;margin:5px 0 10px 20px}.Text .Img.center{display:block;margin:20px auto}.Text .ql-align-center{text-align:center !important}.Text .ql-align-right{text-align:right !important}.Text .ql-size-small{font-size:.5625rem}.Text .ql-size-large{font-size:1.125rem}.Text .ql-size-huge{font-size:2rem}*{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{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{background-color:#ddd;border-color:#bbb;outline:2px solid #f3e0bc}.Btn.active{font-weight:bold}.Btn.disabled{background-color:rgba(170,170,170,.4666666667);border-color:rgba(0,0,0,0);color:#ccc;outline:none;cursor:default}.Btn::before{content:" "}.Btn::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;width:auto}.TextPage{padding:40px}.ConstraintSize{max-width:100%;height:auto}.Zoomable:hover,.Zoomable: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-btn{border:2px solid #bbb;padding:20px}.ContactForm-btn:not(:disabled):not(.inProgress):focus,.ContactForm-btn:not(:disabled):not(.inProgress):hover{background-color:blue;color:#fff}.ContactForm-btn.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}
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}@media not all and (min-width: 640px){.Text{hyphens:auto}}.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%}.Text .Img.left{float:left;margin:5px 20px 10px 0}.Text .Img.right{float:right;margin:5px 0 10px 20px}.Text .Img.center{display:block;margin:20px auto}.Text .ql-align-center{text-align:center !important}.Text .ql-align-right{text-align:right !important}.Text .ql-size-small{font-size:.5625rem}.Text .ql-size-large{font-size:1.125rem}.Text .ql-size-huge{font-size:2rem}*{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;width:auto}.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}
@@ -1,11 +1,5 @@
1
1
  :root {
2
- --mobileMaxWidth: 640px;
3
- --desktopMinWidth: 992px;
4
- --siteAppMobileMenuMaxWidth: 992px;
5
- --siteAppBtnBgColor: #999;
6
- --siteAppSearchIconColor: #999;
7
- --siteAppBtnFgColor: #999;
8
- --transitionDuration: 0.2s;
2
+ --paInteractiveColor: #99f;
9
3
  }
10
4
 
11
5
  @mixin for-phone {
@@ -61,7 +61,8 @@ body {
61
61
  color: #b0b0b0;
62
62
  }
63
63
 
64
- .Btn {
64
+ .Btn,
65
+ .PaButton {
65
66
  all: unset;
66
67
  background-color: #ccc;
67
68
  border: 1px solid #aaa;
@@ -266,7 +267,7 @@ body {
266
267
  height: auto;
267
268
  }
268
269
 
269
- .Zoomable {
270
+ .PaZoomable {
270
271
 
271
272
  &:hover,
272
273
  &:focus {
@@ -289,18 +290,18 @@ body {
289
290
  background-color: #eee;
290
291
  }
291
292
 
292
- &-btn {
293
+ &-button {
293
294
  border: 2px solid #bbb;
294
295
  padding: 20px;
295
296
  }
296
297
 
297
- &-btn:not(:disabled):not(.inProgress):focus,
298
- &-btn:not(:disabled):not(.inProgress):hover {
298
+ &-button:not(:disabled):not(.inProgress):focus,
299
+ &-button:not(:disabled):not(.inProgress):hover {
299
300
  background-color: blue;
300
301
  color: white;
301
302
  }
302
303
 
303
- &-btn.inProgress::before {
304
+ &-button.inProgress::before {
304
305
  border: 6px solid #88f;
305
306
  border-color: #88f transparent #88f transparent;
306
307
  }
@@ -1,24 +1,26 @@
1
1
  {% layout "layouts/main-layout.liquid" doc: doc site: site %}
2
2
  {% block %}
3
- {% render "partials/breadcrumb" doc: doc site: site %}
4
- {% render "partials/doc-header.liquid" doc: doc site: site %}
3
+ {% render 'partials/breadcrumb', doc: doc, site: site %}
4
+ {% render 'partials/doc-header.liquid', doc: doc, site: site %}
5
5
 
6
- <div class="Container text Mt Mb">
7
- <div class="Annotation">site.field.contactEmail / site.field.phone</div>
8
- <p>{{ site.field.contactEmail | obfuscate: "asLink" }}&#32;/&#32;{{ site.field.phone | obfuscate: "asLink" }}</p>
6
+ <div class="Container text Mt Mb">
7
+ <div class="Annotation">site.field.contactEmail / site.field.phone</div>
8
+ <p>{{ site.field.contactEmail | obfuscate: 'asLink' }}&#32;/&#32;{{ site.field.phone | obfuscate: 'asLink' }}</p>
9
9
 
10
- {% if doc.field.htmlContent %}
11
- <div class="Text">
12
- <div class="Annotation">doc.field.htmlContent</div>
13
- <div class="Text selfContained justified">
14
- {{ doc.field.htmlContent | raw }}</div>
10
+ {% if doc.field.htmlContent %}
11
+ <div class="Text">
12
+ <div class="Annotation">doc.field.htmlContent</div>
13
+ <div class="Text selfContained justified">
14
+ {{ doc.field.htmlContent | raw }}
15
15
  </div>
16
- {% endif %}
16
+ </div>
17
+ {% endif %}
17
18
 
18
- <div
19
- data-effect="contactForm"
20
- data-recaptcha-key="{{ site.recaptchaKey }}"
21
- data-home-url="{{ site.home.url }}"></div>
22
- </div>
19
+ <div
20
+ data-effect="paContactForm"
21
+ data-recaptcha-key="{{ site.recaptchaKey }}"
22
+ data-home-url="{{ site.home.url }}"
23
+ ></div>
24
+ </div>
23
25
 
24
- {% endblock %}
26
+ {% endblock %}
@@ -1,11 +1,11 @@
1
1
  {% layout "layouts/main-layout.liquid" doc: doc site: site %}
2
2
  {% block %}
3
- <div class="Container pad text Mt Mb">
4
- <div class="Annotation">doc.translations</div>
5
- <p>
6
- {% for translation in doc.translations %}
7
- <a href="{{ translation.url }}">{{ translation.languageLabel }}</a>
8
- {% endfor %}
9
- </p>
10
- </div>
11
- {% endblock %}
3
+ <div class="Container pad text Mt Mb">
4
+ <div class="Annotation">doc.translations</div>
5
+ <p>
6
+ {% for translation in doc.translations %}
7
+ <a href="{{ translation.url }}">{{ translation.languageLabel }}</a>
8
+ {% endfor %}
9
+ </p>
10
+ </div>
11
+ {% endblock %}
@@ -1,13 +1,8 @@
1
- {% getDoc postsPage
2
- , id: site.home.posts.id %}
3
- {% getDoc aboutPage
4
- , id: site.home.aboutPage.id %}
5
- {% getDoc contactPage
6
- , id: site.home.contactPage.id %}
7
- {% getDoc searchPage
8
- , id: site.home.searchPage.id %}
9
- {% getDocs pages
10
- , parentId: site.home.pages.id %}
1
+ {% getDoc postsPage, id: site.home.posts.id %}
2
+ {% getDoc aboutPage, id: site.home.aboutPage.id %}
3
+ {% getDoc contactPage, id: site.home.contactPage.id %}
4
+ {% getDoc searchPage, id: site.home.searchPage.id %}
5
+ {% getDocs pages, parentId: site.home.pages.id %}
11
6
 
12
7
  <div class="_revertedColors">
13
8
  <header class="Container pad Flex spaceBetween PageHeader">
@@ -16,15 +11,18 @@
16
11
  {% if site.field.logo %}
17
12
  <span class="Flex column center">
18
13
  <span class="Annotation">site.field.logo</span>
19
- {% useImage im
14
+ {%
15
+ useImage im
20
16
  , uid: site.field.logo.uid
21
- , size: "x80x" %}
17
+ , size: "x80x"
18
+ %}
22
19
  <img
23
20
  src="{{ im.url }}"
24
21
  alt=""
25
22
  loading="lazy"
26
23
  width="{{ im.width }}"
27
- height="{{ im.height }}">
24
+ height="{{ im.height }}"
25
+ >
28
26
  </span>
29
27
  {% endif %}
30
28
  <span class="Flex column">
@@ -37,13 +35,16 @@
37
35
  <nav
38
36
  data-activate-menu-items="{{ doc.id | activateMenuItemsData }}"
39
37
  data-mobile-menu-part="content"
40
- data-mobile-menu-action="move">
38
+ data-mobile-menu-action="move"
39
+ >
41
40
  <ul class="Menu">
42
41
  <li>
43
42
  <a
44
43
  class="Btn"
45
44
  data-menu-item-id="{{ site.home.id }}"
46
- href="{{ site.home.url }}">Home</a>
45
+ href="{{ site.home.url }}"
46
+ >Home</a
47
+ >
47
48
  </li>
48
49
  <li>
49
50
  <span class="Btn disabled">Pages</span>
@@ -53,7 +54,10 @@
53
54
  <a
54
55
  class="Btn"
55
56
  data-menu-item-id="{{ page.id }}"
56
- href="{{ page.url }}">{{ page.title }}</a>
57
+ href="{{ page.url }}"
58
+ >
59
+ {{- page.title -}}
60
+ </a>
57
61
  </li>
58
62
  {% endfor %}
59
63
  </ul>
@@ -62,35 +66,46 @@
62
66
  <a
63
67
  class="Btn"
64
68
  data-menu-item-id="{{ postsPage.id }}"
65
- href="{{ postsPage.url }}">{{ postsPage.title }}</a>
69
+ href="{{ postsPage.url }}"
70
+ >
71
+ {{- postsPage.title -}}
72
+ </a>
66
73
  </li>
67
74
  <li>
68
75
  <a
69
76
  class="Btn"
70
77
  data-menu-item-id="{{ aboutPage.id }}"
71
- href="{{ aboutPage.url }}">{{ aboutPage.title }}</a>
78
+ href="{{ aboutPage.url }}"
79
+ >
80
+ {{- aboutPage.title -}}
81
+ </a>
72
82
  </li>
73
83
  <li>
74
84
  <a
75
85
  class="Btn"
76
86
  data-menu-item-id="{{ contactPage.id }}"
77
- href="{{ contactPage.url }}">{{ contactPage.field.shortTitle }}</a>
87
+ href="{{ contactPage.url }}"
88
+ >
89
+ {{- contactPage.field.shortTitle -}}
90
+ </a>
78
91
  </li>
79
92
  </ul>
80
93
  </nav>
81
94
  <div>
82
95
  <div
83
- data-effect="searchOpener"
96
+ data-effect="paSearchOpener"
84
97
  data-icon-color=""
85
- data-search-url="{{ searchPage.url }}"></div>
98
+ data-search-url="{{ searchPage.url }}"
99
+ ></div>
86
100
  <div data-mobile-menu="button"></div>
87
101
  </div>
88
102
  </header>
89
103
  </div>
90
104
  <div
91
105
  class="_mobileMenu"
92
- data-effect="mobileMenu"
93
- style="display: none">
106
+ data-effect="paMobileMenu"
107
+ style="display: none"
108
+ >
94
109
  <div data-inject="logoTitle"></div>
95
110
  <div data-inject="content"></div>
96
- </div>
111
+ </div>
@@ -1,45 +1,49 @@
1
1
  {% layout "layouts/main-layout.liquid" doc: doc site: site %}
2
2
  {% block %}
3
- {% getDocs tags
4
- , parentId: site.home.posts.tags.id %}
5
- {% getPaginatedDocs posts
6
- , parentId: doc.id
7
- , pageSize: 4 %}
3
+ {%
4
+ getDocs tags
5
+ , parentId: site.home.posts.tags.id
6
+ %}
7
+ {%
8
+ getPaginatedDocs posts
9
+ , parentId: doc.id
10
+ , pageSize: 4
11
+ %}
8
12
 
9
- {% render "partials/breadcrumb" doc: doc site: site %}
13
+ {% render 'partials/breadcrumb', doc: doc, site: site %}
10
14
 
11
- {% if tags %}
12
- <div class="Bg2 Pt Pb">
13
- <div class="Container pad">
14
- <hr class="Hr">
15
- <div class="Annotation">getDocs tags, parentId: site.home.posts.tags.id</div>
15
+ {% if tags %}
16
+ <div class="Bg2 Pt Pb">
17
+ <div class="Container pad">
18
+ <hr class="Hr">
19
+ <div class="Annotation">getDocs tags, parentId: site.home.posts.tags.id</div>
16
20
 
17
- Tags:
18
- {% for tag in tags %}
19
- <a class="Tag" href="{{ tag.url }}">{{ tag.title }}</a>
20
- {% endfor %}
21
- </div>
21
+ Tags:
22
+ {% for tag in tags %}
23
+ <a class="Tag" href="{{ tag.url }}">{{ tag.title }}</a>
24
+ {% endfor %}
22
25
  </div>
23
- {% endif %}
26
+ </div>
27
+ {% endif %}
24
28
 
25
- {% render "partials/doc-header.liquid" doc: doc site: site %}
29
+ {% render 'partials/doc-header.liquid', doc: doc, site: site %}
26
30
 
27
- <div class="Container pad Mt Mb">
28
- <div class="Grid12">
29
- <div class="Annotation Column4 Span6">getPaginatedDocs posts, parentId: doc.id, pageSize: 4</div>
30
- </div>
31
- <div
32
- class="Grid12"
33
- data-effect="infiniteLoading"
34
- data-parent-id="{{ doc.id }}"
35
- data-start="{{ posts.pageSize }}"
36
- data-limit="{{ posts.pageSize }}"
37
- data-total="{{ posts.total }}"
38
- data-template="post-tile">
39
- {% for post in posts.items %}
40
- {% render "partials/post-tile.public.liquid"
41
- , doc: post %}
42
- {% endfor %}
43
- </div>
31
+ <div class="Container pad Mt Mb">
32
+ <div class="Grid12">
33
+ <div class="Annotation Column4 Span6">getPaginatedDocs posts, parentId: doc.id, pageSize: 4</div>
34
+ </div>
35
+ <div
36
+ class="Grid12"
37
+ data-effect="paInfiniteLoading"
38
+ data-parent-id="{{ doc.id }}"
39
+ data-start="{{ posts.pageSize }}"
40
+ data-limit="{{ posts.pageSize }}"
41
+ data-total="{{ posts.total }}"
42
+ data-template="post-tile"
43
+ >
44
+ {% for post in posts.items %}
45
+ {% render 'partials/post-tile.public.liquid', doc: post %}
46
+ {% endfor %}
44
47
  </div>
45
- {% endblock %}
48
+ </div>
49
+ {% endblock %}
@@ -1,21 +1,23 @@
1
1
  {% layout "layouts/main-layout.liquid" doc: doc site: site %}
2
2
  {% block %}
3
- {% render "partials/breadcrumb" doc: doc site: site %}
4
- {% render "partials/doc-header.liquid" doc: doc site: site %}
3
+ {% render 'partials/breadcrumb', doc: doc, site: site %}
4
+ {% render 'partials/doc-header.liquid', doc: doc, site: site %}
5
5
 
6
- <div class="Container pad text Mt Mb">
7
- {% if doc.field.htmlContent %}
8
- <div class="Text">
9
- <div class="Annotation">doc.field.htmlContent</div>
10
- <div class="Text selfContained justified">
11
- {{ doc.field.htmlContent | raw }}</div>
6
+ <div class="Container pad text Mt Mb">
7
+ {% if doc.field.htmlContent %}
8
+ <div class="Text">
9
+ <div class="Annotation">doc.field.htmlContent</div>
10
+ <div class="Text selfContained justified">
11
+ {{ doc.field.htmlContent | raw }}
12
12
  </div>
13
- {% endif %}
14
- </div>
13
+ </div>
14
+ {% endif %}
15
+ </div>
15
16
 
16
- <div
17
- class="Container text pad"
18
- data-effect="searchForm"
19
- data-template="result-item"
20
- data-limit="4"></div>
21
- {% endblock %}
17
+ <div
18
+ class="Container text pad"
19
+ data-effect="paSearchApp"
20
+ data-template="result-item"
21
+ data-limit="4"
22
+ ></div>
23
+ {% endblock %}
@@ -1,37 +1,42 @@
1
1
  {% layout "layouts/main-layout.liquid" doc: doc site: site %}
2
2
  {% block %}
3
- {% getPaginatedDocs posts
4
- , parentId: site.home.posts.id
5
- , labeledById: doc.id
6
- , pageSize: 4 %}
3
+ {%
4
+ getPaginatedDocs posts
5
+ , parentId: site.home.posts.id
6
+ , labeledById: doc.id
7
+ , pageSize: 4
8
+ %}
7
9
 
8
- {% render "partials/breadcrumb" doc: doc site: site %}
9
- {% render "partials/doc-header.liquid" doc: doc site: site %}
10
+ {% render 'partials/breadcrumb', doc: doc, site: site %}
11
+ {% render 'partials/doc-header.liquid', doc: doc, site: site %}
10
12
 
11
- {% if doc.field.htmlContent %}
12
- <div class="Container text TextPage Bg Mt Mb">
13
- <div class="Annotation">doc.field.htmlContent</div>
14
- <div class="Text selfContained justified">
15
- {{ doc.field.htmlContent | raw }}</div>
13
+ {% if doc.field.htmlContent %}
14
+ <div class="Container text TextPage Bg Mt Mb">
15
+ <div class="Annotation">doc.field.htmlContent</div>
16
+ <div class="Text selfContained justified">
17
+ {{ doc.field.htmlContent | raw }}
16
18
  </div>
17
- {% endif %}
19
+ </div>
20
+ {% endif %}
18
21
 
19
- <div class="Container pad Mt Mb">
20
- <div class="Grid12">
21
- <div class="Annotation Column4 Span6">getPaginatedDocs posts, parentId: site.home.posts.id, labeledById: doc.id, pageSize: 4</div>
22
- </div>
23
- <div
24
- class="Grid12"
25
- data-effect="infiniteLoading"
26
- data-parent-id="{{ doc.id }}"
27
- data-start="{{ posts.pageSize }}"
28
- data-limit="{{ posts.pageSize }}"
29
- data-total="{{ posts.total }}"
30
- data-template="post-tile">
31
- {% for post in posts.items %}
32
- {% render "partials/post-tile.public.liquid"
33
- , doc: post %}
34
- {% endfor %}
22
+ <div class="Container pad Mt Mb">
23
+ <div class="Grid12">
24
+ <div class="Annotation Column4 Span6">
25
+ getPaginatedDocs posts, parentId: site.home.posts.id, labeledById: doc.id, pageSize: 4
35
26
  </div>
36
27
  </div>
37
- {% endblock %}
28
+ <div
29
+ class="Grid12"
30
+ data-effect="paInfiniteLoading"
31
+ data-parent-id="{{ doc.id }}"
32
+ data-start="{{ posts.pageSize }}"
33
+ data-limit="{{ posts.pageSize }}"
34
+ data-total="{{ posts.total }}"
35
+ data-template="post-tile"
36
+ >
37
+ {% for post in posts.items %}
38
+ {% render 'partials/post-tile.public.liquid', doc: post %}
39
+ {% endfor %}
40
+ </div>
41
+ </div>
42
+ {% endblock %}