futuro 0.8.2 → 0.8.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/html/page/content/loop/button/container.liquid +31 -32
- data/_includes/html/page/content/loop/button.liquid +7 -3
- data/_includes/html/page/content/loop/form/button.liquid +22 -5
- data/_includes/html/page/content.liquid +25 -1
- data/_includes/html/search/loop.liquid +3 -1
- data/_sass/_base.scss +2 -2
- data/_sass/area/page.scss +2 -0
- data/_sass/helpers/mixins/layout.scss +14 -0
- data/_sass/helpers/mixins/patterns.scss +0 -7
- data/_sass/helpers/variables.scss +1 -1
- data/assets/js/footer/custom/SiteFunc.js +1 -3
- data/assets/js/futuro.footer.custom.js +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 355e9c5bfcae06dd83e64528c4a64aee4648a12ca369418a8fabcbd8de374b96
|
|
4
|
+
data.tar.gz: 241d070855aeefaecac15123989a3a4f80d7981d92df934e58504bb68c017684
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 6e55351fd4604d46678b5316d00a42f57b1b3c790282e034e5d55be01eeed264086f45fd3ea310ecbdc133ced4e4b9c4ab653a6a2aaadfc346fcf61a084dcd62
|
|
7
|
+
data.tar.gz: c0da529612953d1d7fe4ac6ecb455462d7e684ec719df5417df440b723fde4521f1f24c2084219e79ce54b8663e0e5936f87b5cdebd921abb8543f431394faf2
|
|
@@ -1,63 +1,62 @@
|
|
|
1
1
|
|
|
2
|
-
{% assign IncludeType = include.type | append : '-button' %}
|
|
3
|
-
{% assign IncludeValue = include.value | prepend : 'title-' | downcase %}
|
|
4
|
-
|
|
5
2
|
<div class="button-container">
|
|
6
3
|
|
|
7
4
|
<div class="button-version">
|
|
8
5
|
|
|
9
6
|
<div class="title button-version">Primary</div>
|
|
10
7
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
</div>
|
|
8
|
+
{%- include {{ LoopForm | append : 'button.liquid' }}
|
|
9
|
+
context = "example"
|
|
10
|
+
version = "primary"
|
|
11
|
+
func = include.func
|
|
12
|
+
content = include.content -%}
|
|
18
13
|
|
|
19
14
|
</div>
|
|
20
15
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<div class="title button-version">Pri. Slim</div>
|
|
16
|
+
{%- unless include.func == "inactive" -%}
|
|
24
17
|
|
|
25
|
-
<div class="button-
|
|
18
|
+
<div class="button-version">
|
|
26
19
|
|
|
27
|
-
<
|
|
20
|
+
<div class="title button-version">Secondary</div>
|
|
28
21
|
|
|
29
|
-
|
|
22
|
+
{%- include {{ LoopForm | append : 'button.liquid' }}
|
|
23
|
+
context = "example"
|
|
24
|
+
version = "secondary"
|
|
25
|
+
func = include.func
|
|
26
|
+
content = include.content -%}
|
|
30
27
|
|
|
31
28
|
</div>
|
|
32
29
|
|
|
33
|
-
|
|
30
|
+
{%- endunless -%}
|
|
34
31
|
|
|
35
32
|
<div class="button-version">
|
|
36
33
|
|
|
37
|
-
<div class="title button-version">
|
|
38
|
-
|
|
39
|
-
<div class="button-wrap {{ IncludeType }} {{ IncludeValue }} modify-secondary">
|
|
40
|
-
|
|
41
|
-
<button type="button">{{ include.value }}</button>
|
|
42
|
-
|
|
43
|
-
<span class="button-bg {{ IncludeType }}"></span>
|
|
34
|
+
<div class="title button-version">Pri. Slim</div>
|
|
44
35
|
|
|
45
|
-
|
|
36
|
+
{%- include {{ LoopForm | append : 'button.liquid' }}
|
|
37
|
+
context = "example"
|
|
38
|
+
version = "primary"
|
|
39
|
+
func = include.func
|
|
40
|
+
content = include.content
|
|
41
|
+
slim = true -%}
|
|
46
42
|
|
|
47
43
|
</div>
|
|
48
44
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
<div class="title button-version">Sec. Slim</div>
|
|
45
|
+
{%- unless include.func == "inactive" -%}
|
|
52
46
|
|
|
53
|
-
<div class="button-
|
|
47
|
+
<div class="button-version">
|
|
54
48
|
|
|
55
|
-
<
|
|
49
|
+
<div class="title button-version">Sec. Slim</div>
|
|
56
50
|
|
|
57
|
-
|
|
51
|
+
{%- include {{ LoopForm | append : 'button.liquid' }}
|
|
52
|
+
context = "example"
|
|
53
|
+
version = "secondary"
|
|
54
|
+
func = include.func
|
|
55
|
+
content = include.content
|
|
56
|
+
slim = true -%}
|
|
58
57
|
|
|
59
58
|
</div>
|
|
60
59
|
|
|
61
|
-
|
|
60
|
+
{%- endunless -%}
|
|
62
61
|
|
|
63
62
|
</div>
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
{%- if item.submit -%}
|
|
3
3
|
|
|
4
|
-
{%- include {{ LoopButton | append : 'container.liquid' }}
|
|
4
|
+
{%- include {{ LoopButton | append : 'container.liquid' }} func="submit" content=item.submit -%}
|
|
5
5
|
|
|
6
6
|
{%- elsif item.update -%}
|
|
7
7
|
|
|
8
|
-
{%- include {{ LoopButton | append : 'container.liquid' }}
|
|
8
|
+
{%- include {{ LoopButton | append : 'container.liquid' }} func="update" content=item.update -%}
|
|
9
9
|
|
|
10
10
|
{%- elsif item.option -%}
|
|
11
11
|
|
|
12
|
-
{%- include {{ LoopButton | append : 'container.liquid' }}
|
|
12
|
+
{%- include {{ LoopButton | append : 'container.liquid' }} func="option" content=item.option -%}
|
|
13
|
+
|
|
14
|
+
{%- elsif item.inactive -%}
|
|
15
|
+
|
|
16
|
+
{%- include {{ LoopButton | append : 'container.liquid' }} func="inactive" content=item.inactive -%}
|
|
13
17
|
|
|
14
18
|
{%- endif -%}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
2
|
+
{%- if include.context == "legend" -%}
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
<p class="block form-row button-row">
|
|
5
5
|
|
|
6
6
|
<span class="block button-row legend-row">
|
|
7
7
|
|
|
@@ -13,7 +13,24 @@
|
|
|
13
13
|
|
|
14
14
|
</span>
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
</p>
|
|
17
|
+
|
|
18
|
+
{%- elsif include.context == "example" -%}
|
|
19
|
+
|
|
20
|
+
{% assign IncludeFunc = include.func | append : '-button' %}
|
|
21
|
+
{% assign IncludeContent = include.content | prepend : 'title-' | downcase %}
|
|
22
|
+
|
|
23
|
+
<div class="button-wrap {{ IncludeFunc }} {{ IncludeContent }} {{ include.version | prepend : 'modify-' }}">
|
|
24
|
+
|
|
25
|
+
<button type="button" {% if include.slim %}class="modify-slim"{% endif %}>{{ include.content }}</button>
|
|
26
|
+
|
|
27
|
+
<span class="button-bg {{ IncludeFunc }}"></span>
|
|
28
|
+
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
{%- else -%}
|
|
32
|
+
|
|
33
|
+
<p class="block form-row button-row">
|
|
17
34
|
|
|
18
35
|
<span class="button-wrap">
|
|
19
36
|
|
|
@@ -21,6 +38,6 @@
|
|
|
21
38
|
|
|
22
39
|
</span>
|
|
23
40
|
|
|
24
|
-
|
|
41
|
+
</p>
|
|
25
42
|
|
|
26
|
-
|
|
43
|
+
{%- endif -%}
|
|
@@ -22,7 +22,11 @@
|
|
|
22
22
|
|
|
23
23
|
{% endif %}
|
|
24
24
|
|
|
25
|
-
{
|
|
25
|
+
{%- unless SiteIsDoc -%}
|
|
26
|
+
|
|
27
|
+
{{ page.content | markdownify }}
|
|
28
|
+
|
|
29
|
+
{%- endunless -%}
|
|
26
30
|
|
|
27
31
|
{%- unless PageIsChapter -%}
|
|
28
32
|
|
|
@@ -138,4 +142,24 @@
|
|
|
138
142
|
|
|
139
143
|
{%- endif -%}
|
|
140
144
|
|
|
145
|
+
{%- if SiteIsDoc -%}
|
|
146
|
+
|
|
147
|
+
{%- if page.content -%}
|
|
148
|
+
|
|
149
|
+
{% assign length = page.content | size %}
|
|
150
|
+
|
|
151
|
+
{%- if length > 1 -%}
|
|
152
|
+
|
|
153
|
+
<div class="area type-content">
|
|
154
|
+
|
|
155
|
+
{{ page.content | markdownify }}
|
|
156
|
+
|
|
157
|
+
</div>
|
|
158
|
+
|
|
159
|
+
{%- endif -%}
|
|
160
|
+
|
|
161
|
+
{%- endif -%}
|
|
162
|
+
|
|
163
|
+
{%- endif -%}
|
|
164
|
+
|
|
141
165
|
{%- endunless -%}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
|
|
2
|
+
{% assign loop = site.[include.for] | sort: 'weight' %}
|
|
3
|
+
|
|
2
4
|
{% for item in loop %}
|
|
3
5
|
|
|
4
6
|
{
|
|
@@ -6,6 +8,6 @@
|
|
|
6
8
|
"chapter" : "{{ item.chapter }}",
|
|
7
9
|
"title" : "{{ item.title }}",
|
|
8
10
|
"url" : "{{ item.url }}"
|
|
9
|
-
},
|
|
11
|
+
} {% unless forloop.last %},{% endunless %}
|
|
10
12
|
|
|
11
13
|
{% endfor %}
|
data/_sass/_base.scss
CHANGED
|
@@ -133,7 +133,7 @@ img {
|
|
|
133
133
|
button {
|
|
134
134
|
@extend %bold;
|
|
135
135
|
@include borderRad($radius);
|
|
136
|
-
@include
|
|
136
|
+
@include PadBtn;
|
|
137
137
|
position: relative;
|
|
138
138
|
background: none;
|
|
139
139
|
border-width: 0;
|
|
@@ -144,7 +144,7 @@ button {
|
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
button.modify-slim {
|
|
147
|
-
@include
|
|
147
|
+
@include PadBtnSlim;
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
button.navigation {
|
data/_sass/area/page.scss
CHANGED
|
@@ -9,3 +9,17 @@
|
|
|
9
9
|
transform-origin: $origin;
|
|
10
10
|
position: absolute;
|
|
11
11
|
}
|
|
12
|
+
|
|
13
|
+
@mixin PadBtn($value : 4) {
|
|
14
|
+
padding: ($radius * $value)
|
|
15
|
+
($radius * $value)
|
|
16
|
+
round(($radius * $value) * 0.8)
|
|
17
|
+
($radius * $value);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@mixin PadBtnSlim($value : 3) {
|
|
21
|
+
padding: round(($radius * $value) * 0.9)
|
|
22
|
+
($radius * $value)
|
|
23
|
+
($radius * ($value - 1))
|
|
24
|
+
($radius * $value);
|
|
25
|
+
}
|
|
@@ -29,10 +29,3 @@
|
|
|
29
29
|
@mixin padding( $t : 3.5, $r : 3, $b : 2.5, $l : 3 ) {
|
|
30
30
|
padding: ($radius * $t) ($radius * $r) ($radius * $b) ($radius * $l);
|
|
31
31
|
}
|
|
32
|
-
|
|
33
|
-
@mixin Padding2($value : 3) {
|
|
34
|
-
padding: ($radius * ($value * 1.1))
|
|
35
|
-
($radius * $value)
|
|
36
|
-
($radius * ($value * 0.9))
|
|
37
|
-
($radius * $value);
|
|
38
|
-
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Browseable,BodyIsHome,body="body",site=".site",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller,BodyClasses=$(body)[0].classList;$(body).hasClass("type-home")&&(BodyIsHome=!0),SiteIsTheme||(Browseable=$(".wrap.type-page").length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,
|
|
1
|
+
"use strict";var Browseable,BodyIsHome,body="body",site=".site",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller,BodyClasses=$(body)[0].classList;$(body).hasClass("type-home")&&(BodyIsHome=!0),SiteIsTheme||(Browseable=$(".wrap.type-page").length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,a=Site.desktop.width-e+"px",o=100/Site.desktop.width*e+"%";$(".width").html(a),gsap.set(Overlay.mobile.bar,{width:o})},CheckWidth=function(){Site.desktop.active?(gsap.set(Overlay.mobile.screen,{clearProps:"display"}),gsap.set(site,{display:Config.display})):(gsap.set(site,{clearProps:"display"}),gsap.set(Overlay.mobile.screen,{display:Config.display}),PrintWidth())};Config.respond||($(CheckWidth),$(window).resize(CheckWidth));var SplitPath=window.location.pathname.split("/"),BookLinks=$(".link.browse-book",".wrap.browse-book"),ChapterBooks=$(".block.browse-book",".wrap.browse-chapter"),ChapterLinks=$(".link.browse-chapter",".wrap.browse-chapter"),PageBooks=$(".block.browse-book",".wrap.browse-page"),PageChapters=$(".block.browse-chapter",".wrap.browse-page"),PageLinks=$(".link.browse-page",".wrap.browse-page"),BackgroundShade={background:shade},ClearDisplay={clearProps:"display"},ClearBackground={clearProps:"background"},DisplayNone={display:"none"},BookClass="",BookNotFound=!0,ChapterClass="",ChapterNotFound=!0,PageClass="",PageNotFound=!0,Found="";$(SplitPath).each(function(e,a){if(1==e)BookClass="book-"+a;else if(2==e){ChapterClass="chapter-"+a}else if(3==e){PageClass="title-"+a}});var StartsWith=function(e,a){"book"==a?e.startsWith("book-")&&(BookClass=e):e.startsWith("chapter-")&&(ChapterClass=e)},CreateMatch=function(e,a){var o=1<arguments.length&&void 0!==a?a:"book";$(e.classList).each(function(e,a){StartsWith(a,o)})},CheckBookClass=function(e){Found=!1,$(e.classList).each(function(e,a){a.startsWith("book-")&&BookClass==a&&(BookNotFound=!(Found=!0))})},CheckChapterClass=function(e){Found=!1,$(e.classList).each(function(e,a){a.startsWith("chapter-")&&ChapterClass==a&&(ChapterNotFound=!(Found=!0))})},CheckPageClass=function(e){Found=!1,$(e.classList).each(function(e,a){a.startsWith("title-")&&PageClass==a&&(PageNotFound=!(Found=!0))})},IfFound=function(e){Found?gsap.set(e,ClearDisplay):gsap.set(e,DisplayNone)},ActiveBook=function(){if(!BodyIsHome){var t="";$(BodyClasses).each(function(e,a){if(a.startsWith("book-")){t=a.slice(5);var o=$("button",Site.topbar.lnk+"."+t);gsap.set(o,{borderBottom:"3px solid"})}})}};SiteIsTheme||$(ActiveBook),$(".item.scroller").each(function(e,a){var o=$(a)[0].classList[2],t="#".concat(o,"-").concat(o),s=".item.scroller.".concat(o);return new ScrollMagic.Scene({triggerElement:t}).setTween(s,.1,{opacity:1}).addTo(controller)});var ChangeScreen=function(e,a,o){"close"==o?(gsap.set(body,{clearProps:"overflow"}),gsap.set(".area.overlay-"+Overlay.custom[e].name,{clearProps:"display"}),Overlay.custom[e].open=!1):(gsap.set(body,{overflow:"hidden"}),gsap.set(".area.overlay-"+Overlay.custom[e].name,{display:Config.display}),Overlay.custom[e].open=!0)},BuildScreens=function(e,a){var o=Overlay.button+"."+a.name,t=Overlay.exit+"."+a.name;$(o).click(function(){ChangeScreen(e,a,"open")}),$(t).click(function(){ChangeScreen(e,a,"close")})},KeyUp=function(o){27==o.keyCode&&$(Overlay.custom).each(function(e,a){Overlay.custom[e].open&&ChangeScreen(e,a,"close")}),65==o.keyCode&&$(Overlay.custom).each(function(e,a){Overlay.custom[0].open||(ChangeScreen(0,a,"open"),console.log(o.keyCode))}),66==o.keyCode&&$(Overlay.custom).each(function(e,a){Overlay.custom[1].open||ChangeScreen(1,a,"open")}),83==o.keyCode&&$(Overlay.custom).each(function(e,a){Overlay.custom[2].open||ChangeScreen(2,a,"open")})};$(function(){$(Overlay.custom).each(function(e,a){BuildScreens(e,a)})}),$(document).keyup(function(e){Site.focus||KeyUp(e)});var RespondBrowse=function(){BookLinks.hover(function(e){CreateMatch(this),gsap.set(BookLinks,ClearBackground),gsap.set(this,BackgroundShade),CheckBookClass(this),ChapterBooks.each(function(e,a){CheckBookClass(a),IfFound(a),gsap.set(a.children,ClearBackground),gsap.set(a.children[0],BackgroundShade)}),PageBooks.each(function(e,a){CheckBookClass(a),IfFound(a),gsap.set(a.children,DisplayNone),gsap.set(a.children[0],ClearDisplay),gsap.set(a.children[0].children,ClearBackground),gsap.set(a.children[0].children[0],BackgroundShade)})}),ChapterLinks.hover(function(e){var a=this.parentElement;CreateMatch(a,"book"),CreateMatch(this,"chapter"),gsap.set(ChapterLinks,ClearBackground),gsap.set(this,BackgroundShade),PageChapters.each(function(e,a){CheckChapterClass(a),IfFound(a),gsap.set(a.children,ClearBackground),gsap.set(a.children[0],BackgroundShade)})}),PageLinks.hover(function(e){gsap.set(PageLinks,ClearBackground),gsap.set(this,BackgroundShade)})};SiteIsTheme||BodyIsHome||Browseable&&RespondBrowse();var SetupHome=function(){BodyIsHome&&(gsap.timeline({repeat:-1,yoyo:!0,defaults:{ease:"sine.inOut"}}).fromTo(".area.book",{y:-5},{duration:1,y:5}),$(".wrap.home").slick(Config.slick),$(".wrap.book").hover(function(){gsap.to(this,{duration:.1,y:-20})},function(){gsap.to(this,{duration:.1,y:0})}))};SiteIsLibrary&&$(SetupHome);var SiteFunc=function(){Config.respond?SiteIsLibrary&&BodyIsHome?gsap.set(site,{display:"block"}):gsap.set(site,{display:Config.display}):Site.mobile.active||(SiteIsLibrary&&BodyIsHome?gsap.set(site,{display:"block"}):gsap.set(site,{display:Config.display})),setTimeout(function(){gsap.set(Overlay.load.screen,{clearProps:"display"}),SiteTl.pause()},1e3)};$(SiteFunc),$(window).resize(SiteFunc);var SmoothScroll=function(){$('a[href*="#"]').not('[href="#"]').not('[href="#0"]').click(function(e){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var a=$(this.hash);(a=a.length?a:$("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),$("html, body").animate({scrollTop:a.offset().top},500,function(){var e=$(a);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()}))}})};$(SmoothScroll);var StartBrowse=function(){BookLinks.each(function(e,a){CheckBookClass(a),Found&&gsap.set(a,BackgroundShade)}),ChapterBooks.each(function(e,a){CheckBookClass(a),Found?(gsap.set(a,ClearDisplay),$(a.children).each(function(e,a){CheckChapterClass(a),Found&&gsap.set(a,BackgroundShade)}),ChapterNotFound&&gsap.set(a.children[0],BackgroundShade)):gsap.set(a,DisplayNone)}),PageBooks.each(function(e,a){CheckBookClass(a),Found?(gsap.set(a,ClearDisplay),$(a.children).each(function(e,a){CheckChapterClass(a),Found?(gsap.set(a,ClearDisplay),$(a.children).each(function(e,a){CheckPageClass(a),Found&&gsap.set(a,BackgroundShade)}),PageNotFound&&gsap.set(a.children[0],BackgroundShade)):gsap.set(a,DisplayNone)}),ChapterNotFound&&(gsap.set(a.children[0],ClearDisplay),gsap.set(a.children[0].children[0],BackgroundShade))):gsap.set(a,DisplayNone)})};SiteIsTheme||BodyIsHome||Browseable&&StartBrowse();var Button={target:".button-wrap.switch-button"},ButtonSwitch=function(e,a){var o=$(e.target),t=o.siblings(".button-bg"),s=o.parent(),n={dis:{before:$(s).siblings(".before"),after:$(s).siblings(".after")},dat:{before:$(s).parent().siblings().children(".before"),after:$(s).parent().siblings().children(".after")}},i=[n.dis.before,n.dat.before],r=[n.dis.after,n.dat.after];if(s.hasClass("undo"))"down"===a?gsap.set([s,t],{clearProps:"all"}):"up"===a&&($(s).removeClass("undo"),gsap.set([i,r],{clearProps:"all"}),gsap.set(o,{text:"Next"}));else if("down"===a)gsap.set([s,t],{scale:.95});else if("up"===a){gsap.timeline().to(i,{duration:.2,opacity:0}).set([s,t],{backgroundColor:Color.green}).set(o,{text:"Undo"}).set(i,{display:"none"}).set(r,{display:"block"}).to(t,{duration:.5,scaleX:1.2,scaleY:1.3,opacity:0}).call(function(){$(s).addClass("undo")})}};$(Button.target).mousedown(function(e){ButtonSwitch(e,"down")}).mouseup(function(e){ButtonSwitch(e,"up")});var SwitchFocus=function(){function e(e){Site.focus=e}$("input,textarea").focusin(e(!0)).focusout(e(!1))};$(SwitchFocus);var UtilCopy=function(e){var a=document.createElement("textarea");a.value=e,document.body.appendChild(a),a.select(),document.execCommand("copy"),document.body.removeChild(a)},UtilShare=function(e){var a=$(e.target).parents(Site.page.share),o=$(a)[0].classList[2],t=$(a).children(Site.page.url).text().replace("index",""),s=$(a)[0].children[1],n=gsap.timeline(),i="";"page"==o&&(i="Copy page"),UtilCopy(t),n.set(s,{text:"Copied!"}).to(s,{duration:.3,opacity:0},"+=0.6").set(s,{text:i,clearProps:"all"},"+=0.3")};SiteIsTheme||SiteIsShareable&&$(Site.page.share).click(UtilShare);
|