futuro 0.9.8 → 0.9.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (84) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/html/overlay/browse/chapter.liquid +2 -2
  3. data/_includes/html/overlay/browse/page.liquid +4 -4
  4. data/_includes/html/overlay/load.liquid +1 -1
  5. data/_includes/html/page/content/area.liquid +17 -0
  6. data/_includes/html/page/content/loop/checkbox.liquid +29 -0
  7. data/_includes/html/page/content/loop/form/input.liquid +4 -4
  8. data/_includes/html/page/content/loop/form/text.liquid +18 -23
  9. data/_includes/html/page/content/loop/form.liquid +4 -1
  10. data/_includes/html/page/content/loop/header/search.liquid +3 -1
  11. data/_includes/html/page/content/loop/pies/create.liquid +48 -0
  12. data/_includes/html/page/content/loop/pies.liquid +4 -41
  13. data/_includes/html/page/content/loop.liquid +1 -1
  14. data/_includes/html/page/content/row.liquid +20 -20
  15. data/_includes/html/page/content.liquid +9 -3
  16. data/_includes/html/page/layout/page.liquid +2 -4
  17. data/_includes/html/page/title/create.liquid +38 -0
  18. data/_includes/html/page/title.liquid +3 -33
  19. data/_sass/area/page.scss +5 -13
  20. data/_sass/area/topbar.scss +3 -3
  21. data/_sass/block/alert.scss +6 -0
  22. data/_sass/block/form/checkbox.scss +7 -4
  23. data/_sass/block/form/label.scss +11 -11
  24. data/_sass/block/overlay.scss +4 -0
  25. data/_sass/block/page.scss +17 -0
  26. data/_sass/block/pie.scss +2 -2
  27. data/_sass/futuro.core.scss +34 -16
  28. data/_sass/helpers/mixins/patterns.scss +6 -0
  29. data/_sass/helpers/mixins/theme.scss +11 -11
  30. data/_sass/helpers/variables.scss +30 -8
  31. data/_sass/item/pie.scss +15 -0
  32. data/_sass/{_item.scss → item/roller.scss} +1 -13
  33. data/_sass/item/scroller.scss +5 -0
  34. data/_sass/link/book.scss +21 -0
  35. data/_sass/link/browse.scss +25 -0
  36. data/_sass/link/navigation.scss +16 -0
  37. data/_sass/list/pie.scss +12 -0
  38. data/_sass/list/roller.scss +17 -0
  39. data/_sass/list/scroller.scss +8 -0
  40. data/_sass/title/copied.scss +5 -0
  41. data/_sass/title/form.scss +7 -0
  42. data/_sass/title/page.scss +4 -0
  43. data/_sass/title/type.scss +10 -0
  44. data/_sass/wrap/chapter.scss +6 -0
  45. data/_sass/wrap/page.scss +6 -0
  46. data/assets/js/footer/custom/1_Settings.js +15 -0
  47. data/assets/js/footer/custom/{CheckWidth.js → 2_CheckWidth.js} +4 -4
  48. data/assets/js/footer/custom/3_SetupBrowse.js +298 -0
  49. data/assets/js/footer/custom/{SetupHome.js → 4_SetupHome.js} +1 -1
  50. data/assets/js/footer/custom/{Overlays.js → 4_SetupOverlays.js} +3 -3
  51. data/assets/js/footer/custom/{SiteFunc.js → 4_SetupSite.js} +6 -6
  52. data/assets/js/footer/custom/{SmoothScroll.js → 4_SmoothScroll.js} +0 -0
  53. data/assets/js/footer/custom/4_StartBrowse.js +68 -0
  54. data/assets/js/footer/custom/{ActiveBook.js → 5_ActiveBook.js} +3 -3
  55. data/assets/js/footer/custom/{AnimateScroller.js → 5_AnimateScroller.js} +0 -0
  56. data/assets/js/footer/custom/{Artform.js → 5_Artform.js} +1 -1
  57. data/assets/js/footer/custom/{Contrast.js → 5_Contrast.js} +0 -0
  58. data/assets/js/footer/custom/5_RespondBrowse.js +42 -0
  59. data/assets/js/footer/custom/{SwitchButton.js → 5_SwitchButton.js} +0 -0
  60. data/assets/js/footer/custom/{SwitchFocus.js → 5_SwitchFocus.js} +1 -1
  61. data/assets/js/footer/custom/{UtilShare.js → 5_UtilShare.js} +1 -1
  62. data/assets/js/footer/custom/{WhatsOn.js → 5_WhatsOn.js} +0 -0
  63. data/assets/js/footer/custom/{YouSaved.js → 5_YouSaved.js} +0 -0
  64. data/assets/js/futuro.footer.custom.js +1 -1
  65. data/assets/js/futuro.header.custom.js +1 -1
  66. data/assets/js/header/custom/1_Settings.js +27 -0
  67. data/assets/js/header/custom/{Color.js → 2_Color.js} +3 -9
  68. data/assets/js/header/custom/2_Overlay.js +32 -0
  69. data/assets/js/header/custom/2_Site.js +105 -0
  70. data/assets/js/header/custom/{Config.js → 3_Config.js} +3 -9
  71. metadata +41 -32
  72. data/_includes/html/page/content/loop/form/checkbox.liquid +0 -24
  73. data/_sass/_artwork.scss +0 -51
  74. data/_sass/_block.scss +0 -21
  75. data/_sass/_col.scss +0 -21
  76. data/_sass/_link.scss +0 -62
  77. data/_sass/_list.scss +0 -37
  78. data/_sass/_title.scss +0 -1
  79. data/assets/js/footer/custom/RespondBrowse.js +0 -80
  80. data/assets/js/footer/custom/Settings.js +0 -30
  81. data/assets/js/footer/custom/SetupBrowse.js +0 -115
  82. data/assets/js/footer/custom/StartBrowse.js +0 -110
  83. data/assets/js/header/custom/Overlay.js +0 -35
  84. data/assets/js/header/custom/Site.js +0 -91
@@ -1,115 +0,0 @@
1
-
2
- let SplitPath = window.location.pathname.split('/'),
3
- BookLinks = $(".link.browse-book",".wrap.browse-book"),
4
- ChapterBooks = $(".block.browse-book",".wrap.browse-chapter"),
5
- ChapterLinks = $(".link.browse-chapter",".wrap.browse-chapter"),
6
- PageBooks = $(".block.browse-book",".wrap.browse-page"),
7
- PageChapters = $(".block.browse-chapter",".wrap.browse-page"),
8
- PageLinks = $(".link.browse-page",".wrap.browse-page"),
9
- BackgroundShade = { background : shade },
10
- ClearDisplay = { clearProps : "display" },
11
- ClearBackground = { clearProps : "background" },
12
- DisplayNone = { display : "none" },
13
- BookClass = "",
14
- BookNotFound = true,
15
- ChapterClass = "",
16
- ChapterNotFound = true,
17
- PageClass = "",
18
- PageNotFound = true,
19
- Found = "";
20
-
21
- $(SplitPath).each(function(index,value) {
22
-
23
- if (index == 1) {
24
-
25
- let BookUrl = value; BookClass = 'book-' + BookUrl;
26
-
27
- } else if (index == 2) {
28
-
29
- let ChapterUrl = value; ChapterClass = 'chapter-' + ChapterUrl;
30
-
31
- } else if (index == 3) {
32
-
33
- let PageUrl = value; PageClass = 'title-' + PageUrl;
34
-
35
- }
36
-
37
- });
38
-
39
- const StartsWith = (value,starts) => {
40
-
41
- if (starts == "book") {
42
-
43
- if (value.startsWith('book-')) { BookClass = value; }
44
-
45
- } else {
46
-
47
- if (value.startsWith('chapter-')) { ChapterClass = value; }
48
-
49
- }
50
-
51
- }
52
-
53
- const CreateMatch = (value, starts = "book") => {
54
-
55
- $(value.classList).each(function(index,value) {
56
-
57
- StartsWith(value,starts);
58
-
59
- });
60
-
61
- }
62
-
63
- Check.book.class = value => {
64
-
65
- Found = false;
66
-
67
- $(value.classList).each(function(index,value) {
68
-
69
- if (value.startsWith('book-')) {
70
-
71
- if (BookClass == value) { Found = true; BookNotFound = false; }
72
-
73
- }
74
-
75
- });
76
-
77
- }
78
-
79
- Check.chapter.class = value => {
80
-
81
- Found = false;
82
-
83
- $(value.classList).each(function(index,value) {
84
-
85
- if (value.startsWith('chapter-')) { if (ChapterClass == value) { Found = true; ChapterNotFound = false; } }
86
-
87
- });
88
-
89
- }
90
-
91
- Check.page.class = value => {
92
-
93
- Found = false;
94
-
95
- $(value.classList).each(function(index,value) {
96
-
97
- if (value.startsWith('title-')) { if (PageClass == value) { Found = true; PageNotFound = false; } }
98
-
99
- });
100
-
101
- }
102
-
103
- const IfFound = (value) => {
104
-
105
- if(Found) {
106
-
107
- gsap.set(value,ClearDisplay);
108
-
109
- } else {
110
-
111
- gsap.set(value,DisplayNone);
112
-
113
- }
114
-
115
- }
@@ -1,110 +0,0 @@
1
-
2
- Start.browse = () => {
3
-
4
- BookLinks.each(function(index,value) {
5
-
6
- Check.book.class(value);
7
-
8
- if (Found) {
9
-
10
- gsap.set(value,BackgroundShade);
11
-
12
- }
13
-
14
- });
15
-
16
- ChapterBooks.each(function(index,value) {
17
-
18
- Check.book.class(value);
19
-
20
- if (Found) {
21
-
22
- gsap.set(value,ClearDisplay);
23
-
24
- $(value.children).each(function(index,value) {
25
-
26
- Check.chapter.class(value);
27
-
28
- if (Found) {
29
-
30
- gsap.set(value,BackgroundShade);
31
-
32
- }
33
-
34
- });
35
-
36
- if (ChapterNotFound) {
37
-
38
- gsap.set(value.children[0],BackgroundShade);
39
-
40
- }
41
-
42
- } else {
43
-
44
- gsap.set(value,DisplayNone);
45
-
46
- }
47
-
48
- });
49
-
50
- PageBooks.each(function(index,value) {
51
-
52
- Check.book.class(value);
53
-
54
- if(Found) {
55
-
56
- gsap.set(value,ClearDisplay);
57
-
58
- $(value.children).each(function(index,value) {
59
-
60
- Check.chapter.class(value);
61
-
62
- if (Found) {
63
-
64
- gsap.set(value,ClearDisplay);
65
-
66
- $(value.children).each(function(index,value) {
67
-
68
- Check.page.class(value);
69
-
70
- if (Found) {
71
-
72
- gsap.set(value,BackgroundShade);
73
-
74
- }
75
-
76
- })
77
-
78
- if (PageNotFound) {
79
-
80
- gsap.set(value.children[0],BackgroundShade);
81
-
82
- }
83
-
84
- } else {
85
-
86
- gsap.set(value,DisplayNone);
87
-
88
- }
89
-
90
- });
91
-
92
- if (ChapterNotFound) {
93
-
94
- gsap.set(value.children[0],ClearDisplay);
95
-
96
- gsap.set(value.children[0].children[0],BackgroundShade);
97
-
98
- }
99
-
100
- } else {
101
-
102
- gsap.set(value,DisplayNone);
103
-
104
- }
105
-
106
- });
107
-
108
- }
109
-
110
- if (!SiteIsTheme) { if (!BodyIsHome) { if (Browseable) { Start.browse(); } } }
@@ -1,35 +0,0 @@
1
-
2
- let Overlay = {
3
-
4
- mobile : {
5
- screen : ".area.overlay-mobile",
6
- bar : ".bar.mobile"
7
- },
8
-
9
- load : {
10
- screen : ".area.overlay-load",
11
- wrap : ".wrap.overlay-load",
12
- speed : 0.3
13
- },
14
-
15
- custom : [{
16
-
17
- name : "about",
18
- open : false
19
-
20
- },{
21
-
22
- name : "browse",
23
- open : false
24
-
25
- },{
26
-
27
- name : "search",
28
- open : false
29
-
30
- }],
31
-
32
- button : "button.navigation",
33
- exit : ".exit"
34
-
35
- };
@@ -1,91 +0,0 @@
1
-
2
- let Site = {
3
-
4
- access : {
5
- ratio : ".access-ratio",
6
- best : "best",
7
- good : "good",
8
- poor : "poor"
9
- },
10
-
11
- scramble : {
12
- chars : "1234567890%",
13
- speed : 0.6
14
- },
15
-
16
- mobile : {
17
- active : true
18
- },
19
-
20
- tablet : {
21
- active : false,
22
- width : 768
23
- },
24
-
25
- desktop : {
26
- active : false,
27
- width : 1200
28
- },
29
-
30
- topbar : {
31
- lnk : ".link.navigation"
32
- },
33
-
34
- scroll : {
35
- lnk : ".lnk.scroller"
36
- },
37
-
38
- chapter : {
39
- target : ".wrap.type-chapter"
40
- },
41
-
42
- page : {
43
- artwork : ".area.page-artwork",
44
- share : ".util-share",
45
- url : ".util-url",
46
- height : 560
47
- },
48
-
49
- code : {
50
- page : ".wrap.type-page.style-docs",
51
- expand : ".block.expand-block",
52
- wrap : ".code-wrap",
53
- scss : ".code-scss",
54
- html : ".code-html"
55
- }
56
-
57
- };
58
-
59
- Site.mobile.query = "screen and (max-width:" + (Site.tablet.width - 1) + "px)";
60
- Site.tablet.query = "screen and (min-width:" + Site.tablet.width + "px) and (max-width:" + (Site.desktop.width - 1) + "px)";
61
- Site.desktop.query = "screen and (min-width:" + Site.desktop.width + "px)";
62
-
63
- enquire.register(Site.mobile.query,{
64
-
65
- match : function() {
66
- Site.mobile.active = true;
67
- Site.tablet.active = false;
68
- Site.desktop.active = false;
69
- }
70
-
71
- });
72
-
73
- enquire.register(Site.tablet.query,{
74
-
75
- match : function() {
76
- Site.mobile.active = false;
77
- Site.tablet.active = true;
78
- Site.desktop.active = false;
79
- }
80
-
81
- });
82
-
83
- enquire.register(Site.desktop.query,{
84
-
85
- match : function() {
86
- Site.mobile.active = false;
87
- Site.tablet.active = false;
88
- Site.desktop.active = true;
89
- }
90
-
91
- });