futuro 0.5.6 → 0.5.7
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/overlay.liquid +14 -3
- data/_includes/html/scripts.liquid +2 -2
- data/_sass/_wrap.scss +1 -57
- data/_sass/area/overlay/about.scss +10 -0
- data/_sass/area/overlay/browse.scss +6 -0
- data/_sass/area/overlay/load.scss +10 -0
- data/_sass/area/overlay/mobile.scss +9 -0
- data/_sass/area/overlay/search.scss +6 -0
- data/_sass/area/overlay.scss +1 -41
- data/_sass/fonts/{_lite.scss → lite.scss} +4 -0
- data/_sass/fonts/{_max.scss → max.scss} +0 -0
- data/_sass/futuro.core.scss +52 -0
- data/_sass/futuro.lite.scss +2 -33
- data/_sass/futuro.max.scss +57 -0
- data/_sass/title/{_overlay.scss → overlay.scss} +0 -0
- data/_sass/wrap/book.scss +11 -0
- data/_sass/wrap/home.scss +10 -0
- data/_sass/wrap/overlay/legacy.scss +18 -0
- data/_sass/wrap/overlay/load.scss +6 -0
- data/_sass/wrap/overlay/mobile.scss +8 -0
- data/_sass/wrap/overlay/search.scss +4 -0
- data/_sass/wrap/overlay.scss +0 -37
- data/_sass/wrap/scroller.scss +5 -0
- data/_sass/wrap/type/chapter.scss +10 -0
- data/_sass/wrap/type/page.scss +19 -0
- data/assets/css/styles.scss +1 -4
- data/assets/js/footer/custom/ActiveBook.js +1 -1
- data/assets/js/futuro.footer.custom.js +1 -1
- metadata +20 -6
- data/_sass/_base.lite.scss +0 -4
- data/_sass/futuro.scss +0 -87
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 34bafddc4f046f38a69db4e761c65e493edf8142f7dd72f3e2b940d9ecf24bb2
|
|
4
|
+
data.tar.gz: 6ed12d5cca5496d97a4f6af80a32b65b1bda0dd1415035df6bdfc4bc73894584
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 747e6ddb3bd63587e2f75c53785d46614a8149744a765350f1ac9ed3600f08dc61894d846ecdb49e8b5615488326fb8919a986e7b487d89ca4a61db06b9368a6
|
|
7
|
+
data.tar.gz: cc3806fc4337f82b3768ec8dbcfb1813708e9087dc6c6b5a569539d4eeb114c4b7a910eedef1b045714097de0f2ca40f9b968c088d30b3adaab0025352c82571
|
data/_includes/html/head.liquid
CHANGED
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
4
4
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
5
5
|
<meta name="format-detection" content="telephone=no">
|
|
6
|
-
<link rel="icon" href="{{ "/assets/css/favicon.png?v=
|
|
7
|
-
<link rel="stylesheet" href="{{ "/assets/css/styles.css?v=
|
|
6
|
+
<link rel="icon" href="{{ "/assets/css/favicon.png?v=1582381948778" | relative_url }}">
|
|
7
|
+
<link rel="stylesheet" href="{{ "/assets/css/styles.css?v=1582381948778" | relative_url }}">
|
|
8
8
|
{% seo %}
|
|
9
9
|
{% feed_meta %}
|
|
10
10
|
{% include html/analytics.liquid %}
|
|
11
11
|
<script type="text/javascript">
|
|
12
12
|
let Config = {{ site.setup | jsonify }};
|
|
13
13
|
</script>
|
|
14
|
-
<script src="{{ "/assets/js/futuro.header.vendor.js?v=
|
|
15
|
-
<script src="{{ "/assets/js/futuro.header.custom.js?v=
|
|
14
|
+
<script src="{{ "/assets/js/futuro.header.vendor.js?v=1582381948778" | relative_url }}"></script>
|
|
15
|
+
<script src="{{ "/assets/js/futuro.header.custom.js?v=1582381948778" | relative_url }}"></script>
|
|
16
16
|
</head>
|
|
@@ -1,12 +1,23 @@
|
|
|
1
1
|
|
|
2
|
-
{% assign title
|
|
2
|
+
{% assign title = include.title | downcase %}
|
|
3
3
|
{% assign display = site.setup.display %}
|
|
4
4
|
|
|
5
|
-
<div class="area overlay
|
|
5
|
+
<div class="area overlay
|
|
6
|
+
{{ title }}
|
|
7
|
+
{% if display == 'block' %} legacy {%- endif -%}"
|
|
8
|
+
style="{% if include.state %} display: {{ display }}; {% endif %}">
|
|
9
|
+
|
|
6
10
|
{% unless include.exit == 'false' %}
|
|
11
|
+
|
|
7
12
|
<div class="exit {{ title }}"></div>
|
|
13
|
+
|
|
8
14
|
{% endunless %}
|
|
9
|
-
|
|
15
|
+
|
|
16
|
+
<div class="wrap overlay
|
|
17
|
+
{{ title }}
|
|
18
|
+
{% if display == 'block' %} legacy {%- endif -%}">
|
|
19
|
+
|
|
10
20
|
{% include html/overlay/{{ include.title }}.liquid %}
|
|
21
|
+
|
|
11
22
|
</div>
|
|
12
23
|
</div>
|
|
@@ -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=1582381948778" | relative_url }}"></script>
|
|
3
|
+
<script src="{{ "/assets/js/futuro.footer.custom.js?v=1582381948778" | relative_url }}"></script>
|
data/_sass/_wrap.scss
CHANGED
|
@@ -1,58 +1,2 @@
|
|
|
1
1
|
|
|
2
|
-
.wrap {
|
|
3
|
-
|
|
4
|
-
&.home {
|
|
5
|
-
text-align: center;
|
|
6
|
-
height: 100%;
|
|
7
|
-
width: 100%;
|
|
8
|
-
|
|
9
|
-
&:not(.slick-initialized) {
|
|
10
|
-
@include center;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
&.scroller {
|
|
15
|
-
@extend %wrap_grid;
|
|
16
|
-
grid-gap: 10px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
&.type-page {
|
|
20
|
-
@extend %wrap_grid;
|
|
21
|
-
|
|
22
|
-
+ .wrap.type-page {
|
|
23
|
-
|
|
24
|
-
&:not(.style-docs) {
|
|
25
|
-
margin-top: 20px;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&.style-docs {
|
|
29
|
-
margin-top: 1px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
+ .wrap.type-chapter {
|
|
34
|
-
margin-top: 100px;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
&.type-chapter {
|
|
39
|
-
@extend %wrap_grid;
|
|
40
|
-
background-color: black;
|
|
41
|
-
color: white;
|
|
42
|
-
|
|
43
|
-
+ .wrap.type-page {
|
|
44
|
-
margin-top: 20px;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.wrap.book {
|
|
50
|
-
|
|
51
|
-
&.draft {
|
|
52
|
-
background-color: rgba(black,10%);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
svg {
|
|
56
|
-
fill: $smoke;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
2
|
+
.wrap {}
|
data/_sass/area/overlay.scss
CHANGED
|
@@ -12,47 +12,7 @@
|
|
|
12
12
|
color: $gun;
|
|
13
13
|
z-index: 4;
|
|
14
14
|
|
|
15
|
-
&.
|
|
15
|
+
&.legacy {
|
|
16
16
|
@include center;
|
|
17
|
-
text-align: center;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
&.load {
|
|
21
|
-
background-color: $smoke;
|
|
22
|
-
z-index: 5;
|
|
23
|
-
|
|
24
|
-
&:not(.block) {
|
|
25
|
-
@extend %grid_load;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
&.mobile {
|
|
30
|
-
background-color: $smoke;
|
|
31
|
-
|
|
32
|
-
&:not(.block) {
|
|
33
|
-
@extend %grid_load;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&.about {
|
|
38
|
-
&:not(.block) {
|
|
39
|
-
@extend %grid_overlay;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
h4 + p, p + p {
|
|
43
|
-
margin-top: 20px;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
&.browse {
|
|
48
|
-
&:not(.block) {
|
|
49
|
-
@extend %grid_overlay;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&.search {
|
|
54
|
-
&:not(.block) {
|
|
55
|
-
@extend %grid_search;
|
|
56
|
-
}
|
|
57
17
|
}
|
|
58
18
|
}
|
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
|
|
2
2
|
%book {
|
|
3
|
+
font-family: 'Helvetica Neue', sans-serif;
|
|
3
4
|
font-weight: normal;
|
|
4
5
|
}
|
|
5
6
|
|
|
6
7
|
%book-italic {
|
|
8
|
+
font-family: 'Helvetica Neue', sans-serif;
|
|
7
9
|
font-weight: normal;
|
|
8
10
|
font-style: italic;
|
|
9
11
|
}
|
|
10
12
|
|
|
11
13
|
%bold {
|
|
14
|
+
font-family: 'Helvetica Neue', sans-serif;
|
|
12
15
|
font-weight: bold;
|
|
13
16
|
}
|
|
14
17
|
|
|
15
18
|
%bold-italic {
|
|
19
|
+
font-family: 'Helvetica Neue', sans-serif;
|
|
16
20
|
font-style: italic;
|
|
17
21
|
font-weight: bold;
|
|
18
22
|
}
|
|
File without changes
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
|
|
2
|
+
@charset "utf-8";
|
|
3
|
+
|
|
4
|
+
@import
|
|
5
|
+
"normalize",
|
|
6
|
+
"helpers/variables",
|
|
7
|
+
"helpers/mixins",
|
|
8
|
+
"helpers/extends",
|
|
9
|
+
"base",
|
|
10
|
+
"area",
|
|
11
|
+
"area/overlay/about",
|
|
12
|
+
"area/overlay/browse",
|
|
13
|
+
"area/overlay/load",
|
|
14
|
+
"area/overlay/mobile",
|
|
15
|
+
"area/overlay/search",
|
|
16
|
+
"area/overlay",
|
|
17
|
+
"area/topbar",
|
|
18
|
+
"artwork",
|
|
19
|
+
"bar",
|
|
20
|
+
"block",
|
|
21
|
+
"block/results",
|
|
22
|
+
"block/browse",
|
|
23
|
+
"block/util",
|
|
24
|
+
"box",
|
|
25
|
+
"btn",
|
|
26
|
+
"col",
|
|
27
|
+
"exit",
|
|
28
|
+
"form",
|
|
29
|
+
"input",
|
|
30
|
+
"lnk",
|
|
31
|
+
"nav",
|
|
32
|
+
"site",
|
|
33
|
+
"slick",
|
|
34
|
+
"split",
|
|
35
|
+
"task",
|
|
36
|
+
"textarea",
|
|
37
|
+
"title",
|
|
38
|
+
"title/overlay",
|
|
39
|
+
"wrap",
|
|
40
|
+
"wrap/overlay/legacy",
|
|
41
|
+
"wrap/overlay/load",
|
|
42
|
+
"wrap/overlay/mobile",
|
|
43
|
+
"wrap/overlay/search",
|
|
44
|
+
"wrap/overlay",
|
|
45
|
+
"wrap/type/chapter",
|
|
46
|
+
"wrap/type/page",
|
|
47
|
+
"wrap/book",
|
|
48
|
+
"wrap/home",
|
|
49
|
+
"wrap/scroller";
|
|
50
|
+
|
|
51
|
+
@include ThemeBook(orwell,$orwell);
|
|
52
|
+
@include ThemeBook(woolf,$woolf);
|
data/_sass/futuro.lite.scss
CHANGED
|
@@ -2,36 +2,5 @@
|
|
|
2
2
|
@charset 'utf-8';
|
|
3
3
|
|
|
4
4
|
@import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
'helpers/variables',
|
|
8
|
-
'helpers/mixins',
|
|
9
|
-
'helpers/extends',
|
|
10
|
-
'base',
|
|
11
|
-
'base.lite',
|
|
12
|
-
'area',
|
|
13
|
-
'area/overlay',
|
|
14
|
-
'area/topbar',
|
|
15
|
-
'artwork',
|
|
16
|
-
'bar',
|
|
17
|
-
'block',
|
|
18
|
-
'block/results',
|
|
19
|
-
'block/browse',
|
|
20
|
-
'block/util',
|
|
21
|
-
'box',
|
|
22
|
-
'btn',
|
|
23
|
-
'col',
|
|
24
|
-
'exit',
|
|
25
|
-
'form',
|
|
26
|
-
'input',
|
|
27
|
-
'lnk',
|
|
28
|
-
'nav',
|
|
29
|
-
'site',
|
|
30
|
-
'slick',
|
|
31
|
-
'split',
|
|
32
|
-
'task',
|
|
33
|
-
'textarea',
|
|
34
|
-
'title',
|
|
35
|
-
'title/overlay',
|
|
36
|
-
'wrap',
|
|
37
|
-
'wrap/overlay';
|
|
5
|
+
"fonts/lite",
|
|
6
|
+
"futuro.core";
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
|
|
2
|
+
@charset 'utf-8';
|
|
3
|
+
|
|
4
|
+
@import
|
|
5
|
+
"fonts/max",
|
|
6
|
+
"futuro.core";
|
|
7
|
+
|
|
8
|
+
// .stop {
|
|
9
|
+
// position: relative;
|
|
10
|
+
// top: -80px;
|
|
11
|
+
// }
|
|
12
|
+
//
|
|
13
|
+
// .code-wrap {
|
|
14
|
+
// grid-template-columns: repeat(2,1fr);
|
|
15
|
+
// border-bottom: 1px solid $gun;
|
|
16
|
+
// border-right: 1px solid $gun;
|
|
17
|
+
// border-left: 1px solid $gun;
|
|
18
|
+
// background-color: $smoke;
|
|
19
|
+
// display: none;
|
|
20
|
+
// color: $gun;
|
|
21
|
+
//
|
|
22
|
+
// + .output-html {
|
|
23
|
+
// margin-top: 20px;
|
|
24
|
+
// }
|
|
25
|
+
//
|
|
26
|
+
// span {
|
|
27
|
+
// @include ib;
|
|
28
|
+
// border-radius: 2px;
|
|
29
|
+
// padding: 2px 4px 0;
|
|
30
|
+
// font-size: 1.6rem;
|
|
31
|
+
// color: white;
|
|
32
|
+
// }
|
|
33
|
+
//
|
|
34
|
+
// > div {
|
|
35
|
+
// padding: 10px;
|
|
36
|
+
//
|
|
37
|
+
// + div {
|
|
38
|
+
// border-left: 1px solid $gun;
|
|
39
|
+
// }
|
|
40
|
+
// }
|
|
41
|
+
// }
|
|
42
|
+
//
|
|
43
|
+
// .new-rule {
|
|
44
|
+
//
|
|
45
|
+
// .new-rule {
|
|
46
|
+
// margin-left: 10px;
|
|
47
|
+
// margin-top: 10px;
|
|
48
|
+
// }
|
|
49
|
+
//
|
|
50
|
+
// + .new-rule {
|
|
51
|
+
// margin-top: 10px;
|
|
52
|
+
// }
|
|
53
|
+
// }
|
|
54
|
+
//
|
|
55
|
+
// .indent {
|
|
56
|
+
// margin-left: 10px;
|
|
57
|
+
// }
|
|
File without changes
|
data/_sass/wrap/overlay.scss
CHANGED
|
@@ -2,41 +2,4 @@
|
|
|
2
2
|
.wrap.overlay {
|
|
3
3
|
position: relative;
|
|
4
4
|
z-index: 2;
|
|
5
|
-
|
|
6
|
-
&:not(.block) {
|
|
7
|
-
@extend %wrap_grid;
|
|
8
|
-
align-self: center;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
&.block {
|
|
12
|
-
@include ib;
|
|
13
|
-
width: 80%;
|
|
14
|
-
|
|
15
|
-
&.load {
|
|
16
|
-
max-width: 320px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
&.mobile {
|
|
20
|
-
max-width: 320px;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
&.load {
|
|
25
|
-
|
|
26
|
-
.title + .box {
|
|
27
|
-
margin-top: 20px;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
&.mobile {
|
|
32
|
-
font-size: 2.1rem;
|
|
33
|
-
|
|
34
|
-
p + .box.mobile {
|
|
35
|
-
margin-top: 20px;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
&.search {
|
|
40
|
-
grid-gap: 5px;
|
|
41
|
-
}
|
|
42
5
|
}
|
data/assets/css/styles.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var BrowseScreen,body="body",site=".site",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller;"theme"!=Config.install&&((BrowseScreen=Overlay.custom[1]).data=$(BrowseScreen.chapter.col).children(BrowseScreen.chunk).children().length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,o=Site.desktop.width-e+"px",t=100/Site.desktop.width*e+"%";$(".width").html(o),gsap.set(Overlay.mobile.bar,{width:t})},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 ActiveBook=function(){var e=$(body)[0].classList,t=($(Site.topbar.lnk)[0].classList[2],"");$(e).each(function(e,o){o.startsWith("book-")&&(t=o.slice(5),gsap.set(Site.topbar.lnk+"."+t,{borderBottom:"3px solid"}))})};$(function(){
|
|
1
|
+
"use strict";var BrowseScreen,body="body",site=".site",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller;"theme"!=Config.install&&((BrowseScreen=Overlay.custom[1]).data=$(BrowseScreen.chapter.col).children(BrowseScreen.chunk).children().length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,o=Site.desktop.width-e+"px",t=100/Site.desktop.width*e+"%";$(".width").html(o),gsap.set(Overlay.mobile.bar,{width:t})},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 ActiveBook=function(){var e=$(body)[0].classList,t=($(Site.topbar.lnk)[0].classList[2],"");$(e).each(function(e,o){o.startsWith("book-")&&(t=o.slice(5),gsap.set(Site.topbar.lnk+"."+t,{borderBottom:"3px solid"}))})};$(function(){"theme"!=Config.install&&$(ActiveBook)});var ExpandBlock=function(e){var o=$(e.target),t=o.parent().siblings(Site.page.artwork).children(Site.code.wrap);"none"==t.css("display")?(gsap.set(t,{display:Config.display}),gsap.set(o,{text:"Hide"})):(gsap.set(t,{clearProps:"display"}),gsap.set(o,{text:"Show"}))};"docs"==Config.style&&$(Site.code.expand).click(function(e){ExpandBlock(e)});var ChangeScreen=function(e,o,t){"close"==t?(gsap.set(body,{clearProps:"overflow"}),gsap.set(".overlay."+Overlay.custom[e].name,{clearProps:"display"}),Overlay.custom[e].open=!1):(gsap.set(body,{overflow:"hidden"}),gsap.set(".overlay."+Overlay.custom[e].name,{display:Config.display}),Overlay.custom[e].open=!0)},BuildScreens=function(e,o){var t=".btn.nav.".concat(o.name),n=".exit.".concat(o.name);$(t).click(function(){ChangeScreen(e,o,"open")}),$(n).click(function(){ChangeScreen(e,o,"close")})},KeyUp=function(t){27==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[e].open&&ChangeScreen(e,o,"close")}),65==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[0].open||(ChangeScreen(0,o,"open"),console.log(t.keyCode))}),66==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[1].open||ChangeScreen(1,o,"open")}),83==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[2].open||ChangeScreen(2,o,"open")})};$(function(){$(Overlay.custom).each(function(e,o){BuildScreens(e,o)})}),$(document).keyup(function(e){Site.focus||KeyUp(e)});var ScrollerUpdate=function(){var e=$(Site.scroll.lnk);1<e.length&&e.each(function(){var e=$(this)[0].classList[2],o=gsap.to(Site.scroll.lnk+"."+e,{duration:.1,opacity:1});new ScrollMagic.Scene({triggerElement:"#"+e}).setTween(o).addTo(controller)})},ScrollFunc=function(){var n="<div class='block scroller'><div class='wrap scroller'>";$(Site.chapter.target).each(function(e,o){var t=$(o)[0].children[0].id;0==e?n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'" 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>'):e==$(Site.chapter.target).length-1?n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'"><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>'):n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'"><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>')}),n+="</div></div>",$(site).append(n),ScrollerUpdate(),SmoothScroll()};$(function(){"theme"!=Config.install&&1<$(Site.chapter.target).length&&ScrollFunc()});var SetupHome=function(){$(body).hasClass("type-home")&&(gsap.timeline({repeat:-1,yoyo:!0,defaults:{ease:"sine.inOut"}}).fromTo(Site.home.book.area,{y:-5},{duration:1,y:5}),$(Site.home.wrap).slick(Site.home.slick),$(Site.home.book.wrap).hover(function(){gsap.to(this,{duration:.1,y:-20})},function(){gsap.to(this,{duration:.1,y:0})}))};"library"==Config.install&&$(SetupHome);var SiteFunc=function(){Config.respond?gsap.set(site,{display:Config.display}):Site.mobile.active||("library"==Config.install&&$(body).hasClass("type-home")?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 o=$(this.hash);(o=o.length?o:$("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),$("html, body").animate({scrollTop:o.offset().top},500,function(){var e=$(o);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()}))}})};$(SmoothScroll);var SplitCode=function(){$(Site.code.page).each(function(e,o){$(Site.code.scss,this);var t=$(Site.code.html,this),n=t.html();t.text(n)})};"docs"==Config.style&&$(SplitCode);var StartBrowse=function(){var e=$(".block.browse-lnk",BrowseScreen.book.col)[0],o=$(".block.browse-chunk",BrowseScreen.chapter.col)[0],t=$(".block.browse-chunk",BrowseScreen.page.col)[0],n=$(t)[0].children[0],r=$(e)[0].children[0],c=$(o)[0].children[0].children[0],a=$(n)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([o,t,n],{display:"block"}).set([r,c,a],{backgroundColor:shade})},HoverBook=function(e){var o=$(e.target)[0].classList[2].slice(5),t=$(BrowseScreen.chunk+"."+o,BrowseScreen.chapter.col),n=$(BrowseScreen.chunk+"."+o,BrowseScreen.page.col),r=$(n)[0].children[0],c=$(t)[0].children[0].children[0],a=$(r)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([t,n,r],{display:"block"}).set([BrowseScreen.book.lnk,BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),c,a],{backgroundColor:shade})},HoverChap=function(e){var o=$(e.target)[0].classList[2].slice(5),t=$(e.target)[0].classList[3].slice(8),n=$(BrowseScreen.chunk+"."+o,BrowseScreen.chapter.col),r=$(BrowseScreen.chunk+"."+o,BrowseScreen.page.col),c=$(BrowseScreen.chunk+"."+t,r),a=$(c)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([n,r,c],{display:"block"}).set([BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),a],{backgroundColor:shade})},HoverPage=function(e){gsap.timeline().set(BrowseScreen.page.lnk,{clearProps:"backgroundColor"}).set($(e.target),{backgroundColor:shade})};"theme"!=Config.install&&$(function(){$(body).hasClass("type-home")||0<BrowseScreen.data&&(StartBrowse(),$(BrowseScreen.book.lnk).hover(function(e){HoverBook(e)}),$(BrowseScreen.chapter.lnk).hover(function(e){HoverChap(e)}),$(BrowseScreen.page.lnk).hover(function(e){HoverPage(e)}))});var SwitchFocus=function(){$("input,textarea").focusin(function(){Site.focus=!0}),$("input,textarea").focusout(function(){Site.focus=!1})};$(SwitchFocus);var UtilCopy=function(e){var o=document.createElement("textarea");o.value=e,document.body.appendChild(o),o.select(),document.execCommand("copy"),document.body.removeChild(o)},UtilShare=function(e){var o=$(e.target).parents(Site.page.share),t=$(o)[0].classList[2],n=$(o).children(Site.page.url).text().replace("index",""),r=$(o)[0].children[1],c=gsap.timeline(),a="";"page"==t&&(a="Copy page"),UtilCopy(n),c.set(r,{text:"Copied!"}).to(r,{duration:.3,opacity:0},"+=0.6").set(r,{text:a,clearProps:"all"},"+=0.3")};"theme"!=Config.install&&Config.share&&$(function(){$(Site.page.share).click(UtilShare)});
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: futuro
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.5.
|
|
4
|
+
version: 0.5.7
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Paul Heading
|
|
@@ -142,7 +142,6 @@ files:
|
|
|
142
142
|
- _sass/_area.scss
|
|
143
143
|
- _sass/_artwork.scss
|
|
144
144
|
- _sass/_bar.scss
|
|
145
|
-
- _sass/_base.lite.scss
|
|
146
145
|
- _sass/_base.scss
|
|
147
146
|
- _sass/_block.scss
|
|
148
147
|
- _sass/_box.scss
|
|
@@ -162,19 +161,34 @@ files:
|
|
|
162
161
|
- _sass/_title.scss
|
|
163
162
|
- _sass/_wrap.scss
|
|
164
163
|
- _sass/area/overlay.scss
|
|
164
|
+
- _sass/area/overlay/about.scss
|
|
165
|
+
- _sass/area/overlay/browse.scss
|
|
166
|
+
- _sass/area/overlay/load.scss
|
|
167
|
+
- _sass/area/overlay/mobile.scss
|
|
168
|
+
- _sass/area/overlay/search.scss
|
|
165
169
|
- _sass/area/topbar.scss
|
|
166
170
|
- _sass/block/browse.scss
|
|
167
171
|
- _sass/block/results.scss
|
|
168
172
|
- _sass/block/util.scss
|
|
169
|
-
- _sass/fonts/
|
|
170
|
-
- _sass/fonts/
|
|
173
|
+
- _sass/fonts/lite.scss
|
|
174
|
+
- _sass/fonts/max.scss
|
|
175
|
+
- _sass/futuro.core.scss
|
|
171
176
|
- _sass/futuro.lite.scss
|
|
172
|
-
- _sass/futuro.scss
|
|
177
|
+
- _sass/futuro.max.scss
|
|
173
178
|
- _sass/helpers/extends.scss
|
|
174
179
|
- _sass/helpers/mixins.scss
|
|
175
180
|
- _sass/helpers/variables.scss
|
|
176
|
-
- _sass/title/
|
|
181
|
+
- _sass/title/overlay.scss
|
|
182
|
+
- _sass/wrap/book.scss
|
|
183
|
+
- _sass/wrap/home.scss
|
|
177
184
|
- _sass/wrap/overlay.scss
|
|
185
|
+
- _sass/wrap/overlay/legacy.scss
|
|
186
|
+
- _sass/wrap/overlay/load.scss
|
|
187
|
+
- _sass/wrap/overlay/mobile.scss
|
|
188
|
+
- _sass/wrap/overlay/search.scss
|
|
189
|
+
- _sass/wrap/scroller.scss
|
|
190
|
+
- _sass/wrap/type/chapter.scss
|
|
191
|
+
- _sass/wrap/type/page.scss
|
|
178
192
|
- assets/css/fallback.jpg
|
|
179
193
|
- assets/css/favicon.png
|
|
180
194
|
- assets/css/styles.lite.scss
|
data/_sass/_base.lite.scss
DELETED
data/_sass/futuro.scss
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
@charset 'utf-8';
|
|
3
|
-
|
|
4
|
-
@import
|
|
5
|
-
'normalize',
|
|
6
|
-
'fonts/max',
|
|
7
|
-
'helpers/variables',
|
|
8
|
-
'helpers/mixins',
|
|
9
|
-
'helpers/extends',
|
|
10
|
-
'base',
|
|
11
|
-
'area',
|
|
12
|
-
'area/overlay',
|
|
13
|
-
'area/topbar',
|
|
14
|
-
'artwork',
|
|
15
|
-
'bar',
|
|
16
|
-
'block',
|
|
17
|
-
'block/results',
|
|
18
|
-
'block/browse',
|
|
19
|
-
'block/util',
|
|
20
|
-
'box',
|
|
21
|
-
'btn',
|
|
22
|
-
'col',
|
|
23
|
-
'exit',
|
|
24
|
-
'form',
|
|
25
|
-
'input',
|
|
26
|
-
'lnk',
|
|
27
|
-
'nav',
|
|
28
|
-
'site',
|
|
29
|
-
'slick',
|
|
30
|
-
'split',
|
|
31
|
-
'task',
|
|
32
|
-
'textarea',
|
|
33
|
-
'title',
|
|
34
|
-
'title/overlay',
|
|
35
|
-
'wrap',
|
|
36
|
-
'wrap/overlay';
|
|
37
|
-
|
|
38
|
-
.stop {
|
|
39
|
-
position: relative;
|
|
40
|
-
top: -80px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.code-wrap {
|
|
44
|
-
grid-template-columns: repeat(2,1fr);
|
|
45
|
-
border-bottom: 1px solid $gun;
|
|
46
|
-
border-right: 1px solid $gun;
|
|
47
|
-
border-left: 1px solid $gun;
|
|
48
|
-
background-color: $smoke;
|
|
49
|
-
display: none;
|
|
50
|
-
color: $gun;
|
|
51
|
-
|
|
52
|
-
+ .output-html {
|
|
53
|
-
margin-top: 20px;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
span {
|
|
57
|
-
@include ib;
|
|
58
|
-
border-radius: 2px;
|
|
59
|
-
padding: 2px 4px 0;
|
|
60
|
-
font-size: 1.6rem;
|
|
61
|
-
color: white;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
> div {
|
|
65
|
-
padding: 10px;
|
|
66
|
-
|
|
67
|
-
+ div {
|
|
68
|
-
border-left: 1px solid $gun;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.new-rule {
|
|
74
|
-
|
|
75
|
-
.new-rule {
|
|
76
|
-
margin-left: 10px;
|
|
77
|
-
margin-top: 10px;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
+ .new-rule {
|
|
81
|
-
margin-top: 10px;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.indent {
|
|
86
|
-
margin-left: 10px;
|
|
87
|
-
}
|