futuro 0.4.7 → 0.4.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/html/head.liquid +4 -4
- data/_includes/html/loop/artwork/docs.liquid +6 -6
- data/_includes/html/overlay/browse/book.liquid +37 -0
- data/_includes/html/overlay/browse/chapter.liquid +36 -0
- data/_includes/html/overlay/browse/page.liquid +63 -0
- data/_includes/html/overlay/browse.liquid +4 -132
- data/_includes/html/overlay/load.liquid +35 -39
- data/_includes/html/overlay/search.liquid +19 -21
- data/_includes/html/page/artwork.liquid +1 -4
- data/_includes/html/page/header.liquid +4 -4
- data/_includes/html/page/info.liquid +2 -2
- data/_includes/html/page/layout/chapter.liquid +1 -1
- data/_includes/html/page/layout/custom.liquid +2 -2
- data/_includes/html/page/layout/home.liquid +2 -2
- data/_includes/html/page/layout/page.liquid +2 -6
- data/_includes/html/page/layout/panel.liquid +2 -2
- data/_includes/html/page/layout/tree.liquid +2 -2
- data/_includes/html/page/subtitle.liquid +3 -1
- data/_includes/html/page/title.liquid +6 -10
- data/_includes/html/page/topbar.liquid +11 -1
- data/_includes/html/page/utils/share.liquid +1 -1
- data/_includes/html/scripts.liquid +2 -2
- data/_layouts/feed.html +3 -2
- data/_layouts/single.html +3 -2
- data/_sass/_area.scss +5 -13
- data/_sass/_base.scss +14 -2
- data/_sass/_block.scss +19 -29
- data/_sass/_col.scss +14 -21
- data/_sass/_site.scss +0 -1
- data/_sass/_title.scss +6 -4
- data/_sass/_wrap.scss +8 -2
- data/_sass/block/_browse.scss +2 -2
- data/_sass/block/_results.scss +2 -2
- data/_sass/block/_util.scss +4 -0
- data/_sass/helpers/_extends.scss +5 -23
- data/_sass/helpers/_mixins.scss +4 -0
- data/_sass/helpers/_variables.scss +3 -0
- data/assets/js/footer/custom/CheckWidth.js +10 -11
- data/assets/js/footer/custom/ExpandBlock.js +5 -5
- data/assets/js/footer/custom/Overlays.js +74 -0
- data/assets/js/footer/custom/ScrollFunc.js +41 -43
- data/assets/js/footer/custom/Settings.js +7 -5
- data/assets/js/footer/custom/SetupHome.js +2 -3
- data/assets/js/footer/custom/SiteFunc.js +19 -12
- data/assets/js/footer/custom/SplitCode.js +1 -1
- data/assets/js/footer/custom/StartBrowse.js +21 -30
- data/assets/js/footer/custom/SwitchFocus.js +15 -0
- data/assets/js/footer/custom/UtilShare.js +6 -6
- data/assets/js/futuro.footer.custom.js +1 -1
- data/assets/js/futuro.header.custom.js +1 -1
- data/assets/js/header/custom/Overlay.js +27 -38
- data/assets/js/header/custom/Site.js +47 -25
- metadata +21 -5
- data/_includes/artwork/orwell/animal/flob.scss +0 -5
- data/_includes/artwork/orwell/animal/waldo.scss +0 -45
- data/assets/js/footer/custom/OpenOverlay.js +0 -120
@@ -12,15 +12,25 @@
|
|
12
12
|
|
13
13
|
<div class="nav main">
|
14
14
|
{% assign loop = site.collections | sort: 'weight' %}
|
15
|
+
|
15
16
|
{% for page in loop %}
|
17
|
+
|
16
18
|
{% if page.live %}
|
19
|
+
|
17
20
|
<div>
|
18
|
-
|
21
|
+
{%- if site.setup.install == "library" -%}
|
22
|
+
<a class="lnk nav {{ page.label }}" href="{{ page.label | downcase | prepend: '/' }}">
|
23
|
+
{%- else -%}
|
24
|
+
<a class="lnk nav {{ page.label }}" href="/">
|
25
|
+
{%- endif -%}
|
19
26
|
<strong>{{ page.label }}</strong>
|
20
27
|
</a>
|
21
28
|
</div>
|
29
|
+
|
22
30
|
{% endif %}
|
31
|
+
|
23
32
|
{% endfor %}
|
33
|
+
|
24
34
|
</div>
|
25
35
|
|
26
36
|
<div class="nav right">
|
@@ -1,3 +1,3 @@
|
|
1
1
|
|
2
|
-
<script src="{{ "/assets/js/futuro.footer.vendor.js?v=
|
3
|
-
<script src="{{ "/assets/js/futuro.footer.custom.js?v=
|
2
|
+
<script src="{{ "/assets/js/futuro.footer.vendor.js?v=1582123788705" | relative_url }}"></script>
|
3
|
+
<script src="{{ "/assets/js/futuro.footer.custom.js?v=1582123788705" | relative_url }}"></script>
|
data/_layouts/feed.html
CHANGED
@@ -2,7 +2,8 @@
|
|
2
2
|
layout: mini
|
3
3
|
---
|
4
4
|
|
5
|
-
{% assign
|
5
|
+
{% assign install = site.setup.install | prepend: 'install-' %}
|
6
|
+
{% assign style = site.setup.style | prepend: ' style-' %}
|
6
7
|
{% assign layout = page.layout | prepend: ' layout-' %}
|
7
8
|
{% assign type = page.type | prepend: ' type-' %}
|
8
9
|
{% assign book = page.collection | prepend: ' book-' %}
|
@@ -14,7 +15,7 @@ layout: mini
|
|
14
15
|
|
15
16
|
{% include html/head.liquid %}
|
16
17
|
|
17
|
-
<body class="{% if site.setup.
|
18
|
+
<body class="{% if site.setup.install %}{{ install }}{% endif %}{% if site.setup.style %}{{ style }}{% endif %}{{ layout }}{{ type }}{% if page.collection %}{{ book }}{% endif %}{% if page.chapter %}{{ chapter }}{% endif %}{% if page.topic %}{{ topic }}{% endif %}">
|
18
19
|
|
19
20
|
{% include html/overlay.liquid title='load' exit='false' state='open' %}
|
20
21
|
{% include html/overlay.liquid title='mobile' exit='false' %}
|
data/_layouts/single.html
CHANGED
@@ -2,7 +2,8 @@
|
|
2
2
|
layout: mini
|
3
3
|
---
|
4
4
|
|
5
|
-
{% assign
|
5
|
+
{% assign install = site.setup.install | prepend: 'install-' %}
|
6
|
+
{% assign style = site.setup.style | prepend: ' style-' %}
|
6
7
|
{% assign layout = page.layout | prepend: ' layout-' %}
|
7
8
|
{% assign type = page.type | prepend: ' type-' %}
|
8
9
|
{% assign book = page.collection | prepend: ' book-' %}
|
@@ -14,7 +15,7 @@ layout: mini
|
|
14
15
|
|
15
16
|
{% include html/head.liquid %}
|
16
17
|
|
17
|
-
<body class="{% if site.setup.
|
18
|
+
<body class="{% if site.setup.install %}{{ install }}{% endif %}{% if site.setup.style %}{{ style }}{% endif %}{{ layout }}{{ type }}{% if page.collection %}{{ book }}{% endif %}{% if page.chapter %}{{ chapter }}{% endif %}{{ title }}">
|
18
19
|
|
19
20
|
{% include html/overlay.liquid title='load' exit='false' state='open' %}
|
20
21
|
{% include html/overlay.liquid title='mobile' exit='false' %}
|
data/_sass/_area.scss
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
&.page-artwork {
|
5
5
|
position: relative;
|
6
6
|
|
7
|
-
&.
|
7
|
+
&.style-docs {
|
8
8
|
grid-gap: 10px;
|
9
9
|
display: grid;
|
10
10
|
}
|
@@ -24,20 +24,12 @@
|
|
24
24
|
padding-left: 10px;
|
25
25
|
}
|
26
26
|
|
27
|
-
&.scroller {
|
28
|
-
@include zeros;
|
29
|
-
grid-template-columns: 1fr 26px 1fr;
|
30
|
-
place-items: center;
|
31
|
-
min-height: 600px;
|
32
|
-
display: grid;
|
33
|
-
height: 100%;
|
34
|
-
width: 100px;
|
35
|
-
z-index: 2;
|
36
|
-
left: auto;
|
37
|
-
}
|
38
|
-
|
39
27
|
&.type-page {
|
40
28
|
@extend %area-page;
|
29
|
+
|
30
|
+
&.style-docs {
|
31
|
+
grid-row-gap: 20px;
|
32
|
+
}
|
41
33
|
}
|
42
34
|
|
43
35
|
&.type-chapter {
|
data/_sass/_base.scss
CHANGED
@@ -53,14 +53,26 @@ footer {
|
|
53
53
|
z-index: 3;
|
54
54
|
}
|
55
55
|
|
56
|
+
p + p {
|
57
|
+
margin-top: 20px;
|
58
|
+
}
|
59
|
+
|
56
60
|
ul, ol {
|
61
|
+
padding: 20px 0 0 20px;
|
57
62
|
list-style: outside;
|
58
|
-
padding-left: 20px;
|
59
63
|
margin: 0;
|
60
64
|
|
65
|
+
&.slim {
|
66
|
+
padding-top: 0;
|
67
|
+
}
|
68
|
+
|
61
69
|
&.numbers {
|
70
|
+
padding: 20px 0 0 30px;
|
62
71
|
list-style: decimal;
|
63
|
-
|
72
|
+
}
|
73
|
+
|
74
|
+
+ p {
|
75
|
+
margin-top: 20px;
|
64
76
|
}
|
65
77
|
}
|
66
78
|
|
data/_sass/_block.scss
CHANGED
@@ -1,32 +1,22 @@
|
|
1
1
|
|
2
|
-
.block {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
@extend h6;
|
12
|
-
border-right: 1px solid $gun;
|
13
|
-
border-left: 1px solid $gun;
|
14
|
-
border-top: 1px solid $gun;
|
15
|
-
background-color: $smoke;
|
16
|
-
letter-spacing: normal;
|
17
|
-
padding: 9px 9px 6px;
|
18
|
-
text-align: center;
|
19
|
-
user-select: none;
|
20
|
-
cursor: pointer;
|
21
|
-
}
|
2
|
+
.block.page-info {
|
3
|
+
@include zeros(absolute);
|
4
|
+
place-items: center;
|
5
|
+
display: grid;
|
6
|
+
height: 560px;
|
7
|
+
bottom: auto;
|
8
|
+
width: 140px;
|
9
|
+
left: auto;
|
10
|
+
}
|
22
11
|
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
12
|
+
.block.scroller {
|
13
|
+
@include zeros;
|
14
|
+
grid-template-columns: 1fr 26px 1fr;
|
15
|
+
place-items: center;
|
16
|
+
min-height: 600px;
|
17
|
+
display: grid;
|
18
|
+
height: 100%;
|
19
|
+
width: 100px;
|
20
|
+
z-index: 2;
|
21
|
+
left: auto;
|
32
22
|
}
|
data/_sass/_col.scss
CHANGED
@@ -1,28 +1,21 @@
|
|
1
1
|
|
2
|
-
.col.browse {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
a {
|
7
|
-
@extend %bold;
|
8
|
-
text-transform: capitalize;
|
9
|
-
}
|
10
|
-
|
11
|
-
> .block {
|
12
|
-
|
13
|
-
&.browse-label, &.browse-lnk {
|
14
|
-
border-right: 2px solid $gun;
|
15
|
-
}
|
16
|
-
}
|
2
|
+
.col.browse.book {
|
3
|
+
a {
|
4
|
+
@extend %bold;
|
5
|
+
text-transform: capitalize;
|
17
6
|
}
|
18
7
|
|
19
|
-
|
8
|
+
> .block.browse-label, > .block.browse-lnk {
|
9
|
+
border-right: 2px solid $gun;
|
10
|
+
}
|
11
|
+
}
|
20
12
|
|
21
|
-
|
13
|
+
.col.browse.chapter {
|
14
|
+
@extend %bold;
|
15
|
+
}
|
22
16
|
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
}
|
17
|
+
.col.browse.page {
|
18
|
+
> .block.browse-label, > .block.browse-chunk {
|
19
|
+
border-left: 2px solid $gun;
|
27
20
|
}
|
28
21
|
}
|
data/_sass/_site.scss
CHANGED
data/_sass/_title.scss
CHANGED
@@ -9,26 +9,28 @@
|
|
9
9
|
|
10
10
|
&.chapter-title {
|
11
11
|
|
12
|
-
&:not(.docs) {
|
12
|
+
&:not(.style-docs) {
|
13
13
|
@include rotatetitle;
|
14
14
|
bottom: 56px;
|
15
15
|
left: 128px;
|
16
16
|
}
|
17
17
|
|
18
|
-
&.docs {
|
18
|
+
&.style-docs {
|
19
19
|
color: $smoke;
|
20
20
|
}
|
21
21
|
}
|
22
22
|
|
23
23
|
&.page-title {
|
24
24
|
|
25
|
-
&:not(.docs) {
|
25
|
+
&:not(.style-docs) {
|
26
26
|
@include rotatetitle;
|
27
27
|
bottom: 56px;
|
28
28
|
left: 128px;
|
29
29
|
}
|
30
30
|
|
31
|
-
&.docs {
|
31
|
+
&.style-docs {
|
32
|
+
border-bottom: 1px solid $gun;
|
33
|
+
padding-bottom: 10px;
|
32
34
|
align-self: center;
|
33
35
|
}
|
34
36
|
}
|
data/_sass/_wrap.scss
CHANGED
@@ -21,11 +21,11 @@
|
|
21
21
|
|
22
22
|
+ .wrap.type-page {
|
23
23
|
|
24
|
-
&:not(.
|
24
|
+
&:not(.style-docs) {
|
25
25
|
margin-top: 20px;
|
26
26
|
}
|
27
27
|
|
28
|
-
&.
|
28
|
+
&.style-docs {
|
29
29
|
margin-top: 1px;
|
30
30
|
}
|
31
31
|
}
|
@@ -43,3 +43,9 @@
|
|
43
43
|
}
|
44
44
|
}
|
45
45
|
}
|
46
|
+
|
47
|
+
.wrap.book {
|
48
|
+
svg {
|
49
|
+
fill: $smoke;
|
50
|
+
}
|
51
|
+
}
|
data/_sass/block/_browse.scss
CHANGED
data/_sass/block/_results.scss
CHANGED
data/_sass/block/_util.scss
CHANGED
data/_sass/helpers/_extends.scss
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
}
|
13
13
|
|
14
14
|
%grid_load {
|
15
|
-
grid-template-columns:
|
15
|
+
grid-template-columns: 40px minmax(240px,320px) 40px;
|
16
16
|
}
|
17
17
|
|
18
18
|
%wrap_grid {
|
@@ -34,24 +34,6 @@
|
|
34
34
|
outline: rgba(0,0,0,0);
|
35
35
|
}
|
36
36
|
|
37
|
-
%siblings {
|
38
|
-
h1 + p, h1 + ul, h1 + ._page-artwork, h1 + ._copy-split {
|
39
|
-
margin-top: 20px;
|
40
|
-
}
|
41
|
-
|
42
|
-
h4 + p {
|
43
|
-
margin-top: 20px;
|
44
|
-
}
|
45
|
-
|
46
|
-
p + p, p + ul, p + div {
|
47
|
-
margin-top: 20px;
|
48
|
-
}
|
49
|
-
|
50
|
-
ul + p, ol + p {
|
51
|
-
margin-top: 20px;
|
52
|
-
}
|
53
|
-
}
|
54
|
-
|
55
37
|
%util-grid {
|
56
38
|
justify-content: flex-start;
|
57
39
|
grid-auto-flow: column;
|
@@ -62,8 +44,8 @@
|
|
62
44
|
|
63
45
|
%site-setup {
|
64
46
|
grid-template-columns: 1fr 1000px 1fr;
|
65
|
-
padding-bottom:
|
66
|
-
padding-top:
|
47
|
+
padding-bottom: 60px;
|
48
|
+
padding-top: 120px;
|
67
49
|
}
|
68
50
|
|
69
51
|
%area-page {
|
@@ -72,12 +54,12 @@
|
|
72
54
|
overflow: hidden;
|
73
55
|
display: grid;
|
74
56
|
|
75
|
-
&:not(.
|
57
|
+
&:not(.style-docs) {
|
76
58
|
grid-template-columns: repeat(2,1fr);
|
77
59
|
height: 560px;
|
78
60
|
}
|
79
61
|
|
80
|
-
&.
|
62
|
+
&.style-docs {
|
81
63
|
padding: 20px;
|
82
64
|
}
|
83
65
|
|
data/_sass/helpers/_mixins.scss
CHANGED
@@ -22,6 +22,9 @@ $gun : darken(white,60%);
|
|
22
22
|
$carbon : lighten(black,10%);
|
23
23
|
$coal : lighten(black,5%);
|
24
24
|
|
25
|
+
$animate : #f00a0a;
|
26
|
+
$form : #005a9b;
|
27
|
+
|
25
28
|
$min640 : 'only screen and (min-width: 640px)';
|
26
29
|
$min768 : 'only screen and (min-width: 768px)';
|
27
30
|
$min1024 : 'only screen and (min-width: 1024px)';
|
@@ -1,26 +1,25 @@
|
|
1
1
|
|
2
2
|
const PrintWidth = () => {
|
3
3
|
var size = $(document)[0].documentElement.clientWidth,
|
4
|
-
more = Site.width - size + "px",
|
5
|
-
percent = (100/Site.width) * size + "%";
|
4
|
+
more = Site.desktop.width - size + "px",
|
5
|
+
percent = (100/Site.desktop.width) * size + "%";
|
6
6
|
|
7
7
|
$(".width").html(more);
|
8
8
|
gsap.set(Overlay.mobile.bar,{width:percent});
|
9
9
|
}
|
10
10
|
|
11
11
|
const CheckWidth = () => {
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
}
|
12
|
+
if (!Site.desktop.active) {
|
13
|
+
gsap.set(site,{ clearProps : "display" });
|
14
|
+
gsap.set(Overlay.mobile.screen,{ display : Config.display });
|
15
|
+
PrintWidth();
|
16
|
+
} else {
|
17
|
+
gsap.set(Overlay.mobile.screen,{ clearProps : "display" });
|
18
|
+
gsap.set(site,{ display : Config.display });
|
20
19
|
}
|
21
20
|
}
|
22
21
|
|
23
|
-
if (
|
22
|
+
if (!Config.respond) {
|
24
23
|
$(CheckWidth);
|
25
24
|
$(window).resize(CheckWidth);
|
26
25
|
}
|
@@ -4,15 +4,15 @@ const ExpandBlock = (e) => {
|
|
4
4
|
target = ting.parent().siblings(Site.page.artwork).children(Site.code.wrap);
|
5
5
|
|
6
6
|
if (target.css("display") == "none") {
|
7
|
-
gsap.set(target,{display:
|
8
|
-
gsap.set(ting,{text:"Hide"});
|
7
|
+
gsap.set(target,{ display : Config.display });
|
8
|
+
gsap.set(ting,{ text : "Hide" });
|
9
9
|
} else {
|
10
|
-
gsap.set(target,{clearProps:"display"});
|
11
|
-
gsap.set(ting,{text:"Show"});
|
10
|
+
gsap.set(target,{ clearProps : "display" });
|
11
|
+
gsap.set(ting,{ text : "Show" });
|
12
12
|
}
|
13
13
|
}
|
14
14
|
|
15
|
-
if (
|
15
|
+
if (Config.style == "docs") {
|
16
16
|
|
17
17
|
$(Site.code.expand).click(function(e) {
|
18
18
|
ExpandBlock(e);
|
@@ -0,0 +1,74 @@
|
|
1
|
+
|
2
|
+
const ChangeScreen = (i,val,state) => {
|
3
|
+
|
4
|
+
if (state == "close") {
|
5
|
+
gsap.set(body,{ clearProps : "overflow" });
|
6
|
+
gsap.set(".overlay." + Overlay.custom[i].name, { clearProps : "display" });
|
7
|
+
Overlay.custom[i].open = false;
|
8
|
+
} else {
|
9
|
+
gsap.set(body, { overflow : "hidden" });
|
10
|
+
gsap.set(".overlay." + Overlay.custom[i].name, { display : Config.display });
|
11
|
+
Overlay.custom[i].open = true;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
|
15
|
+
const BuildScreens = (i,val) => {
|
16
|
+
let btn = `.btn.nav.${val.name}`,
|
17
|
+
exit = `.exit.${val.name}`;
|
18
|
+
|
19
|
+
$(btn).click(function() {
|
20
|
+
ChangeScreen(i,val,"open");
|
21
|
+
});
|
22
|
+
|
23
|
+
$(exit).click(function() {
|
24
|
+
ChangeScreen(i,val,"close");
|
25
|
+
});
|
26
|
+
}
|
27
|
+
|
28
|
+
const KeyUp = e => {
|
29
|
+
|
30
|
+
if (e.keyCode == 27) {
|
31
|
+
$(Overlay.custom).each(function(i,val) {
|
32
|
+
if (Overlay.custom[i].open) {
|
33
|
+
ChangeScreen(i,val,"close");
|
34
|
+
}
|
35
|
+
});
|
36
|
+
}
|
37
|
+
|
38
|
+
if (e.keyCode == 65) {
|
39
|
+
$(Overlay.custom).each(function(i,val) {
|
40
|
+
if (!Overlay.custom[0].open) {
|
41
|
+
ChangeScreen(0,val,"open");
|
42
|
+
console.log(e.keyCode);
|
43
|
+
}
|
44
|
+
});
|
45
|
+
}
|
46
|
+
|
47
|
+
if (e.keyCode == 66) {
|
48
|
+
$(Overlay.custom).each(function(i,val) {
|
49
|
+
if (!Overlay.custom[1].open) {
|
50
|
+
ChangeScreen(1,val,"open");
|
51
|
+
}
|
52
|
+
});
|
53
|
+
}
|
54
|
+
|
55
|
+
if (e.keyCode == 83) {
|
56
|
+
$(Overlay.custom).each(function(i,val) {
|
57
|
+
if (!Overlay.custom[2].open) {
|
58
|
+
ChangeScreen(2,val,"open");
|
59
|
+
}
|
60
|
+
});
|
61
|
+
}
|
62
|
+
}
|
63
|
+
|
64
|
+
$(function(){
|
65
|
+
$(Overlay.custom).each(function(i,val) {
|
66
|
+
BuildScreens(i,val);
|
67
|
+
});
|
68
|
+
});
|
69
|
+
|
70
|
+
$(document).keyup(function(e) {
|
71
|
+
if (!Site.focus) {
|
72
|
+
KeyUp(e);
|
73
|
+
}
|
74
|
+
});
|
@@ -1,43 +1,41 @@
|
|
1
|
-
|
2
|
-
const ScrollerUpdate = () => {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
if (
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
});
|
43
|
-
}
|
1
|
+
//
|
2
|
+
// const ScrollerUpdate = () => {
|
3
|
+
// let set = $(Site.scroll.lnk);
|
4
|
+
//
|
5
|
+
// if (set.length > 1) {
|
6
|
+
// set.each(function() {
|
7
|
+
// let ting = $(this)[0].classList[2],
|
8
|
+
// tween = gsap.to(Site.scroll.lnk + "." + ting, { duration : 0.1, opacity : 1 }),
|
9
|
+
// scene = new ScrollMagic.Scene({ triggerElement : "#" + ting }).setTween(tween).addTo(controller);
|
10
|
+
// });
|
11
|
+
// }
|
12
|
+
// }
|
13
|
+
//
|
14
|
+
// const ScrollFunc = () => {
|
15
|
+
// let Scroller = "<div class='block scroller'><div class='wrap scroller'>";
|
16
|
+
//
|
17
|
+
// $(Site.chapter.target).each(function(i,val){
|
18
|
+
// let id = $(val)[0].children[0].id;
|
19
|
+
//
|
20
|
+
// if(i == 0) {
|
21
|
+
// Scroller += `<a class="lnk scroller ${id}" href="#${id}" style=""><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><path d="M13,5l9,14H4L13,5z"/></svg></a>`;
|
22
|
+
// } else if(i == $(Site.chapter.target).length - 1) {
|
23
|
+
// Scroller += `<a class="lnk scroller ${id}" href="#${id}"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><path d="M13,21L4,7h18L13,21z"/></svg></a>`;
|
24
|
+
// } else {
|
25
|
+
// Scroller += `<a class="lnk scroller ${id}" href="#${id}"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><circle cx="13" cy="13" r="9"/></svg></a>`;
|
26
|
+
// }
|
27
|
+
// });
|
28
|
+
//
|
29
|
+
// Scroller += "</div></div>";
|
30
|
+
// $(site).append(Scroller);
|
31
|
+
// ScrollerUpdate();
|
32
|
+
// SmoothScroll();
|
33
|
+
// }
|
34
|
+
//
|
35
|
+
// $(function() {
|
36
|
+
// if (Config.install != "theme") {
|
37
|
+
// if ($(Site.chapter.target).length > 1) {
|
38
|
+
// ScrollFunc();
|
39
|
+
// }
|
40
|
+
// }
|
41
|
+
// });
|