j1-template 2020.0.4 → 2020.0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/layouts/content_generator_blog_archive.html +1 -1
  3. data/_includes/themes/j1/layouts/content_generator_collection.html +1 -1
  4. data/_includes/themes/j1/layouts/content_generator_page.html +1 -1
  5. data/_includes/themes/j1/layouts/content_generator_post.html +2 -2
  6. data/_includes/themes/j1/modules/navigator/generator.html +14 -4
  7. data/assets/data/menu.html +2 -1
  8. data/assets/data/mmenu.html +2 -2
  9. data/assets/data/quicklinks.html +0 -3
  10. data/assets/data/ssm.html +227 -0
  11. data/assets/themes/j1/core/css/globals.css +1 -1
  12. data/assets/themes/j1/core/css/theme_extensions.css +138 -0
  13. data/assets/themes/j1/core/css/theme_extensions.min.css +1 -1
  14. data/assets/themes/j1/core/css/uno.css +138 -0
  15. data/assets/themes/j1/core/css/uno.min.css +1 -1
  16. data/assets/themes/j1/core/js/template.js +3 -3
  17. data/assets/themes/j1/core/js/template.js.map +1 -1
  18. data/assets/themes/j1/core/js/template.min.js +1 -1
  19. data/lib/j1/version.rb +1 -1
  20. data/lib/starter_web/Gemfile +1 -1
  21. data/lib/starter_web/_config.yml +1 -1
  22. data/lib/starter_web/_data/modules/authentication.yml +1 -1
  23. data/lib/starter_web/_data/modules/defaults/ssm.yml +50 -0
  24. data/lib/starter_web/_data/modules/navigator.yml +6 -9
  25. data/lib/starter_web/_data/modules/navigator.yml.new +232 -0
  26. data/lib/starter_web/_data/modules/ssm.yml +133 -0
  27. data/lib/starter_web/_data/resources.yml +28 -7
  28. data/lib/starter_web/assets/images/modules/icons/j1/{j1..ico → j1.ico} +0 -0
  29. data/lib/starter_web/assets/themes/j1/adapter/js/mmenu.js +26 -19
  30. data/lib/starter_web/assets/themes/j1/adapter/js/mmenu.js.new +432 -0
  31. data/lib/starter_web/assets/themes/j1/adapter/js/ssm.js +496 -0
  32. data/lib/starter_web/assets/themes/j1/extensions/mmenu-light/js/mmenu-light.js +2 -206
  33. data/lib/starter_web/assets/themes/j1/extensions/mmenu-light/js/mmenu-light.min.js +2 -204
  34. data/lib/starter_web/package.json +1 -1
  35. data/lib/starter_web/pages/public/learn/floating_sidebar.adoc +199 -0
  36. data/lib/starter_web/pages/public/learn/whats_up.adoc +12 -11
  37. data/lib/starter_web/pages/public/previewer/000_includes/tables/mdi_icons/200_rotate.asciidoc +1 -1
  38. data/lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc +2 -3
  39. data/lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc +3 -3
  40. data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
  41. data/lib/starter_web/utilsrv/package.json +1 -1
  42. metadata +10 -3
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * Mmenu Light
3
- * mmenujs.com/mmenu-light v3.0.4
3
+ * mmenujs.com/mmenu-light v3.0.5
4
4
  *
5
5
  * Copyright (c) Fred Heusschen
6
6
  * www.frebsite.nl
@@ -8,208 +8,4 @@
8
8
  * License: CC-BY-4.0
9
9
  * http://creativecommons.org/licenses/by/4.0/
10
10
  */
11
- ! function (t) {
12
- var e = {};
13
-
14
- function n(i) {
15
- if (e[i]) return e[i].exports;
16
- var s = e[i] = {
17
- i: i,
18
- l: !1,
19
- exports: {}
20
- };
21
- return t[i].call(s.exports, s, s.exports, n), s.l = !0, s.exports
22
- }
23
- n.m = t, n.c = e, n.d = function (t, e, i) {
24
- n.o(t, e) || Object.defineProperty(t, e, {
25
- enumerable: !0,
26
- get: i
27
- })
28
- }, n.r = function (t) {
29
- "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {
30
- value: "Module"
31
- }), Object.defineProperty(t, "__esModule", {
32
- value: !0
33
- })
34
- }, n.t = function (t, e) {
35
- if (1 & e && (t = n(t)), 8 & e) return t;
36
- if (4 & e && "object" == typeof t && t && t.__esModule) return t;
37
- var i = Object.create(null);
38
- if (n.r(i), Object.defineProperty(i, "default", {
39
- enumerable: !0,
40
- value: t
41
- }), 2 & e && "string" != typeof t)
42
- for (var s in t) n.d(i, s, function (e) {
43
- return t[e]
44
- }.bind(null, s));
45
- return i
46
- }, n.n = function (t) {
47
- var e = t && t.__esModule ? function () {
48
- return t.default
49
- } : function () {
50
- return t
51
- };
52
- return n.d(e, "a", e), e
53
- }, n.o = function (t, e) {
54
- return Object.prototype.hasOwnProperty.call(t, e)
55
- }, n.p = "", n(n.s = 0)
56
- }([function (t, e, n) {
57
- "use strict";
58
- n.r(e);
59
- var i = function () {
60
- function t(t) {
61
- var e = this;
62
- this.listener = function (t) {
63
- (t.matches ? e.matchFns : e.unmatchFns).forEach((function (t) {
64
- t()
65
- }))
66
- }, this.toggler = window.matchMedia(t), this.toggler.addListener(this.listener), this.matchFns = [], this.unmatchFns = []
67
- }
68
- return t.prototype.add = function (t, e) {
69
- this.matchFns.push(t), this.unmatchFns.push(e), (this.toggler.matches ? t : e)()
70
- }, t
71
- }(),
72
- s = function (t) {
73
- return Array.prototype.slice.call(t)
74
- },
75
- o = function (t, e) {
76
- return s((e || document).querySelectorAll(t))
77
- },
78
- r = ("ontouchstart" in window || navigator.msMaxTouchPoints, navigator.userAgent.indexOf("MSIE") > -1 || navigator.appVersion.indexOf("Trident/") > -1),
79
- a = "mm-spn",
80
- c = function () {
81
- function t(t, e, n, i, s) {
82
- this.node = t, this.title = e, this.slidingSubmenus = i, this.selectedClass = n, this.node.classList.add(a), r && (this.slidingSubmenus = !1), this.node.classList.add(a + "--" + s), this.node.classList.add(a + "--" + (this.slidingSubmenus ? "navbar" : "vertical")), this._setSelectedl(), this._initAnchors()
83
- }
84
- return Object.defineProperty(t.prototype, "prefix", {
85
- get: function () {
86
- return a
87
- },
88
- enumerable: !0,
89
- configurable: !0
90
- }), t.prototype.openPanel = function (t) {
91
- var e = t.parentElement;
92
- if (this.slidingSubmenus) {
93
- var n = t.dataset.mmSpnTitle;
94
- e === this.node ? this.node.classList.add(a + "--main") : (this.node.classList.remove(a + "--main"), n || s(e.children).forEach((function (t) {
95
- t.matches("a, span") && (n = t.textContent)
96
- }))), n || (n = this.title), this.node.dataset.mmSpnTitle = n, o("." + a + "--open", this.node).forEach((function (t) {
97
- t.classList.remove(a + "--open"), t.classList.remove(a + "--parent")
98
- })), t.classList.add(a + "--open"), t.classList.remove(a + "--parent");
99
- for (var i = t.parentElement.closest("ul"); i;) i.classList.add(a + "--open"), i.classList.add(a + "--parent"), i = i.parentElement.closest("ul")
100
- } else {
101
- var r = t.matches("." + a + "--open");
102
- o("." + a + "--open", this.node).forEach((function (t) {
103
- t.classList.remove(a + "--open")
104
- })), t.classList[r ? "remove" : "add"](a + "--open");
105
- for (var c = t.parentElement.closest("ul"); c;) c.classList.add(a + "--open"), c = c.parentElement.closest("ul")
106
- }
107
- }, t.prototype._setSelectedl = function () {
108
- var t = o("." + this.selectedClass, this.node),
109
- e = t[t.length - 1],
110
- n = null;
111
- e && (n = e.closest("ul")), n || (n = this.node.querySelector("ul")), this.openPanel(n)
112
- }, t.prototype._initAnchors = function () {
113
- var t = this;
114
- this.node.addEventListener("click", (function (e) {
115
- var n = e.target,
116
- i = !1;
117
- (i = (i = (i = i || function (t) {
118
- return !!t.matches("a")
119
- }(n)) || function (e) {
120
- var n;
121
- return !!(n = e.closest("span") ? e.parentElement : !!e.closest("li") && e) && (s(n.children).forEach((function (e) {
122
- e.matches("ul") && t.openPanel(e)
123
- })), !0)
124
- }(n)) || function (e) {
125
- var n = o("." + a + "--open", e),
126
- i = n[n.length - 1];
127
- if (i) {
128
- var s = i.parentElement.closest("ul");
129
- if (s) return t.openPanel(s), !0
130
- }
131
- return !1
132
- }(n)) && e.stopImmediatePropagation()
133
- }))
134
- }, t
135
- }(),
136
- u = "mm-ocd",
137
- d = function () {
138
- function t(t, e) {
139
- var n = this;
140
- // jadams, 2020-06-21: deactivate bubble up control by preventDefault
141
- // on so-called passive events to suppress error messages issues by
142
- // (Google) Chromium browsers. Google has changed the behavior of
143
- // passive event listeners only for window, document or body elements.
144
- //
145
- // See: https://developers.google.com/web/updates/2017/01/scrolling-intervention
146
- //
147
- var passiveSupported = false;
148
- void 0 === t && (t = null), this.wrapper = document.createElement("div"), this.wrapper.classList.add("" + u), this.wrapper.classList.add(u + "--" + e), this.content = document.createElement("div"), this.content.classList.add(u + "__content"), this.wrapper.append(this.content), this.backdrop = document.createElement("div"), this.backdrop.classList.add(u + "__backdrop"), this.wrapper.append(this.backdrop), document.body.append(this.wrapper), t && this.content.append(t);
149
- var i = function (t) {
150
- // jadams, 2020-06-21: deactivate close drawer on mouse click event
151
- // call back needed to find the openclose status to correct
152
- // the toggle button
153
- // n.close();
154
- if (passiveSupported) { t.preventDefault() }
155
- t.stopImmediatePropagation()
156
- };
157
- this.backdrop.addEventListener("touchstart", i, {
158
- passive: !0
159
- }), this.backdrop.addEventListener("mousedown", i, {
160
- passive: !0
161
- })
162
- }
163
- return Object.defineProperty(t.prototype, "prefix", {
164
- get: function () {
165
- return u
166
- },
167
- enumerable: !0,
168
- configurable: !0
169
- }), t.prototype.open = function () {
170
- this.wrapper.classList.add(u + "--open"), document.body.classList.add(u + "-opened")
171
- }, t.prototype.close = function () {
172
- this.wrapper.classList.remove(u + "--open"), document.body.classList.remove(u + "-opened")
173
- }, t
174
- }(),
175
- l = function () {
176
- function t(t, e) {
177
- void 0 === e && (e = "all"), this.menu = t, this.toggler = new i(e)
178
- }
179
- return t.prototype.navigation = function (t) {
180
- var e = this;
181
- if (!this.navigator) {
182
- var n = (t = t || {}).title,
183
- i = void 0 === n ? "Menu" : n,
184
- s = t.selectedClass,
185
- o = void 0 === s ? "Selected" : s,
186
- r = t.slidingSubmenus,
187
- a = void 0 === r || r,
188
- u = t.theme,
189
- d = void 0 === u ? "light" : u;
190
- this.navigator = new c(this.menu, i, o, a, d), this.toggler.add((function () {
191
- return e.menu.classList.add(e.navigator.prefix)
192
- }), (function () {
193
- return e.menu.classList.remove(e.navigator.prefix)
194
- }))
195
- }
196
- return this.navigator
197
- }, t.prototype.offcanvas = function (t) {
198
- var e = this;
199
- if (!this.drawer) {
200
- var n = (t = t || {}).position,
201
- i = void 0 === n ? "left" : n;
202
- this.drawer = new d(null, i);
203
- var s = document.createComment("original mmenu location");
204
- this.menu.after(s), this.toggler.add((function () {
205
- e.drawer.content.append(e.menu)
206
- }), (function () {
207
- e.drawer.close(), s.after(e.menu)
208
- }))
209
- }
210
- return this.drawer
211
- }, t
212
- }();
213
- e.default = l;
214
- window.MmenuLight = l
215
- }]);
11
+ !function(t){var e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={i:i,l:!1,exports:{}};return t[i].call(s.exports,s,s.exports,n),s.l=!0,s.exports}n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)n.d(i,s,function(e){return t[e]}.bind(null,s));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){"use strict";n.r(e);var i=function(){function t(t){var e=this;this.listener=function(t){(t.matches?e.matchFns:e.unmatchFns).forEach((function(t){t()}))},this.toggler=window.matchMedia(t),this.toggler.addListener(this.listener),this.matchFns=[],this.unmatchFns=[]}return t.prototype.add=function(t,e){this.matchFns.push(t),this.unmatchFns.push(e),(this.toggler.matches?t:e)()},t}(),s=function(t){return Array.prototype.slice.call(t)},o=function(t,e){return s((e||document).querySelectorAll(t))},r=("ontouchstart"in window||navigator.msMaxTouchPoints,navigator.userAgent.indexOf("MSIE")>-1||navigator.appVersion.indexOf("Trident/")>-1),a="mm-spn",c=function(){function t(t,e,n,i,s){this.node=t,this.title=e,this.slidingSubmenus=i,this.selectedClass=n,this.node.classList.add(a),r&&(this.slidingSubmenus=!1),this.node.classList.add(a+"--"+s),this.node.classList.add(a+"--"+(this.slidingSubmenus?"navbar":"vertical")),this._setSelectedl(),this._initAnchors()}return Object.defineProperty(t.prototype,"prefix",{get:function(){return a},enumerable:!0,configurable:!0}),t.prototype.openPanel=function(t){var e=t.parentElement;if(this.slidingSubmenus){var n=t.dataset.mmSpnTitle;e===this.node?this.node.classList.add(a+"--main"):(this.node.classList.remove(a+"--main"),n||s(e.children).forEach((function(t){t.matches("a, span")&&(n=t.textContent)}))),n||(n=this.title),this.node.dataset.mmSpnTitle=n,o("."+a+"--open",this.node).forEach((function(t){t.classList.remove(a+"--open"),t.classList.remove(a+"--parent")})),t.classList.add(a+"--open"),t.classList.remove(a+"--parent");for(var i=t.parentElement.closest("ul");i;)i.classList.add(a+"--open"),i.classList.add(a+"--parent"),i=i.parentElement.closest("ul")}else{var r=t.matches("."+a+"--open");o("."+a+"--open",this.node).forEach((function(t){t.classList.remove(a+"--open")})),t.classList[r?"remove":"add"](a+"--open");for(var c=t.parentElement.closest("ul");c;)c.classList.add(a+"--open"),c=c.parentElement.closest("ul")}},t.prototype._setSelectedl=function(){var t=o("."+this.selectedClass,this.node),e=t[t.length-1],n=null;e&&(n=e.closest("ul")),n||(n=this.node.querySelector("ul")),this.openPanel(n)},t.prototype._initAnchors=function(){var t=this;this.node.addEventListener("click",(function(e){var n=e.target,i=!1;(i=(i=(i=i||function(t){return!!t.matches("a")}(n))||function(e){var n;return!!(n=e.closest("span")?e.parentElement:!!e.closest("li")&&e)&&(s(n.children).forEach((function(e){e.matches("ul")&&t.openPanel(e)})),!0)}(n))||function(e){var n=o("."+a+"--open",e),i=n[n.length-1];if(i){var s=i.parentElement.closest("ul");if(s)return t.openPanel(s),!0}return!1}(n))&&e.stopImmediatePropagation()}))},t}(),d="mm-ocd",u=function(){function t(t,e){var n=this;void 0===t&&(t=null),this.wrapper=document.createElement("div"),this.wrapper.classList.add(""+d),this.wrapper.classList.add(d+"--"+e),this.content=document.createElement("div"),this.content.classList.add(d+"__content"),this.wrapper.append(this.content),this.backdrop=document.createElement("div"),this.backdrop.classList.add(d+"__backdrop"),this.wrapper.append(this.backdrop),document.body.append(this.wrapper),t&&this.content.append(t);var i=function(t){n.close(),t.stopImmediatePropagation()};this.backdrop.addEventListener("touchstart",i,{passive:!0}),this.backdrop.addEventListener("mousedown",i,{passive:!0})}return Object.defineProperty(t.prototype,"prefix",{get:function(){return d},enumerable:!0,configurable:!0}),t.prototype.open=function(){this.wrapper.classList.add(d+"--open"),document.body.classList.add(d+"-opened")},t.prototype.close=function(){this.wrapper.classList.remove(d+"--open"),document.body.classList.remove(d+"-opened")},t}(),l=function(){function t(t,e){void 0===e&&(e="all"),this.menu=t,this.toggler=new i(e)}return t.prototype.navigation=function(t){var e=this;if(!this.navigator){var n=(t=t||{}).title,i=void 0===n?"Menu":n,s=t.selectedClass,o=void 0===s?"Selected":s,r=t.slidingSubmenus,a=void 0===r||r,d=t.theme,u=void 0===d?"light":d;this.navigator=new c(this.menu,i,o,a,u),this.toggler.add((function(){return e.menu.classList.add(e.navigator.prefix)}),(function(){return e.menu.classList.remove(e.navigator.prefix)}))}return this.navigator},t.prototype.offcanvas=function(t){var e=this;if(!this.drawer){var n=(t=t||{}).position,i=void 0===n?"left":n;this.drawer=new u(null,i);var s=document.createComment("original menu location");this.menu.after(s),this.toggler.add((function(){e.drawer.content.append(e.menu)}),(function(){e.drawer.close(),s.after(e.menu)}))}return this.drawer},t}();e.default=l;window.MmenuLight=l}]);
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * Mmenu Light
3
- * mmenujs.com/mmenu-light v3.0.4
3
+ * mmenujs.com/mmenu-light v3.0.5
4
4
  *
5
5
  * Copyright (c) Fred Heusschen
6
6
  * www.frebsite.nl
@@ -8,206 +8,4 @@
8
8
  * License: CC-BY-4.0
9
9
  * http://creativecommons.org/licenses/by/4.0/
10
10
  */
11
- ! function (t) {
12
- var e = {};
13
-
14
- function n(i) {
15
- if (e[i]) return e[i].exports;
16
- var s = e[i] = {
17
- i: i,
18
- l: !1,
19
- exports: {}
20
- };
21
- return t[i].call(s.exports, s, s.exports, n), s.l = !0, s.exports
22
- }
23
- n.m = t, n.c = e, n.d = function (t, e, i) {
24
- n.o(t, e) || Object.defineProperty(t, e, {
25
- enumerable: !0,
26
- get: i
27
- })
28
- }, n.r = function (t) {
29
- "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {
30
- value: "Module"
31
- }), Object.defineProperty(t, "__esModule", {
32
- value: !0
33
- })
34
- }, n.t = function (t, e) {
35
- if (1 & e && (t = n(t)), 8 & e) return t;
36
- if (4 & e && "object" == typeof t && t && t.__esModule) return t;
37
- var i = Object.create(null);
38
- if (n.r(i), Object.defineProperty(i, "default", {
39
- enumerable: !0,
40
- value: t
41
- }), 2 & e && "string" != typeof t)
42
- for (var s in t) n.d(i, s, function (e) {
43
- return t[e]
44
- }.bind(null, s));
45
- return i
46
- }, n.n = function (t) {
47
- var e = t && t.__esModule ? function () {
48
- return t.default
49
- } : function () {
50
- return t
51
- };
52
- return n.d(e, "a", e), e
53
- }, n.o = function (t, e) {
54
- return Object.prototype.hasOwnProperty.call(t, e)
55
- }, n.p = "", n(n.s = 0)
56
- }([function (t, e, n) {
57
- "use strict";
58
- n.r(e);
59
- var i = function () {
60
- function t(t) {
61
- var e = this;
62
- this.listener = function (t) {
63
- (t.matches ? e.matchFns : e.unmatchFns).forEach((function (t) {
64
- t()
65
- }))
66
- }, this.toggler = window.matchMedia(t), this.toggler.addListener(this.listener), this.matchFns = [], this.unmatchFns = []
67
- }
68
- return t.prototype.add = function (t, e) {
69
- this.matchFns.push(t), this.unmatchFns.push(e), (this.toggler.matches ? t : e)()
70
- }, t
71
- }(),
72
- s = function (t) {
73
- return Array.prototype.slice.call(t)
74
- },
75
- o = function (t, e) {
76
- return s((e || document).querySelectorAll(t))
77
- },
78
- r = ("ontouchstart" in window || navigator.msMaxTouchPoints, navigator.userAgent.indexOf("MSIE") > -1 || navigator.appVersion.indexOf("Trident/") > -1),
79
- a = "mm-spn",
80
- c = function () {
81
- function t(t, e, n, i, s) {
82
- this.node = t, this.title = e, this.slidingSubmenus = i, this.selectedClass = n, this.node.classList.add(a), r && (this.slidingSubmenus = !1), this.node.classList.add(a + "--" + s), this.node.classList.add(a + "--" + (this.slidingSubmenus ? "navbar" : "vertical")), this._setSelectedl(), this._initAnchors()
83
- }
84
- return Object.defineProperty(t.prototype, "prefix", {
85
- get: function () {
86
- return a
87
- },
88
- enumerable: !0,
89
- configurable: !0
90
- }), t.prototype.openPanel = function (t) {
91
- var e = t.parentElement;
92
- if (this.slidingSubmenus) {
93
- var n = t.dataset.mmSpnTitle;
94
- e === this.node ? this.node.classList.add(a + "--main") : (this.node.classList.remove(a + "--main"), n || s(e.children).forEach((function (t) {
95
- t.matches("a, span") && (n = t.textContent)
96
- }))), n || (n = this.title), this.node.dataset.mmSpnTitle = n, o("." + a + "--open", this.node).forEach((function (t) {
97
- t.classList.remove(a + "--open"), t.classList.remove(a + "--parent")
98
- })), t.classList.add(a + "--open"), t.classList.remove(a + "--parent");
99
- for (var i = t.parentElement.closest("ul"); i;) i.classList.add(a + "--open"), i.classList.add(a + "--parent"), i = i.parentElement.closest("ul")
100
- } else {
101
- var r = t.matches("." + a + "--open");
102
- o("." + a + "--open", this.node).forEach((function (t) {
103
- t.classList.remove(a + "--open")
104
- })), t.classList[r ? "remove" : "add"](a + "--open");
105
- for (var c = t.parentElement.closest("ul"); c;) c.classList.add(a + "--open"), c = c.parentElement.closest("ul")
106
- }
107
- }, t.prototype._setSelectedl = function () {
108
- var t = o("." + this.selectedClass, this.node),
109
- e = t[t.length - 1],
110
- n = null;
111
- e && (n = e.closest("ul")), n || (n = this.node.querySelector("ul")), this.openPanel(n)
112
- }, t.prototype._initAnchors = function () {
113
- var t = this;
114
- this.node.addEventListener("click", (function (e) {
115
- var n = e.target,
116
- i = !1;
117
- (i = (i = (i = i || function (t) {
118
- return !!t.matches("a")
119
- }(n)) || function (e) {
120
- var n;
121
- return !!(n = e.closest("span") ? e.parentElement : !!e.closest("li") && e) && (s(n.children).forEach((function (e) {
122
- e.matches("ul") && t.openPanel(e)
123
- })), !0)
124
- }(n)) || function (e) {
125
- var n = o("." + a + "--open", e),
126
- i = n[n.length - 1];
127
- if (i) {
128
- var s = i.parentElement.closest("ul");
129
- if (s) return t.openPanel(s), !0
130
- }
131
- return !1
132
- }(n)) && e.stopImmediatePropagation()
133
- }))
134
- }, t
135
- }(),
136
- u = "mm-ocd",
137
- d = function () {
138
- function t(t, e) {
139
- var n = this;
140
- // jadams, 2020-06-21: deactivate bubble up control by preventDefault
141
- // on so-called passive events to suppress error messages issues by
142
- // (Google) Chromium browsers. Google has changed the behavior of
143
- // passive event listeners only for window, document or body elements.
144
- //
145
- // See: https://developers.google.com/web/updates/2017/01/scrolling-intervention
146
- //
147
- var passiveSupported = false;
148
- void 0 === t && (t = null), this.wrapper = document.createElement("div"), this.wrapper.classList.add("" + u), this.wrapper.classList.add(u + "--" + e), this.content = document.createElement("div"), this.content.classList.add(u + "__content"), this.wrapper.append(this.content), this.backdrop = document.createElement("div"), this.backdrop.classList.add(u + "__backdrop"), this.wrapper.append(this.backdrop), document.body.append(this.wrapper), t && this.content.append(t);
149
- var i = function (t) {
150
- // jadams, 2020-06-21: deactivate close drawer on mouse click event
151
- // n.close();
152
- if (passiveSupported) { t.preventDefault() }
153
- t.stopImmediatePropagation()
154
- };
155
- this.backdrop.addEventListener("touchstart", i, {
156
- passive: !0
157
- }), this.backdrop.addEventListener("mousedown", i, {
158
- passive: !0
159
- })
160
- }
161
- return Object.defineProperty(t.prototype, "prefix", {
162
- get: function () {
163
- return u
164
- },
165
- enumerable: !0,
166
- configurable: !0
167
- }), t.prototype.open = function () {
168
- this.wrapper.classList.add(u + "--open"), document.body.classList.add(u + "-opened")
169
- }, t.prototype.close = function () {
170
- this.wrapper.classList.remove(u + "--open"), document.body.classList.remove(u + "-opened")
171
- }, t
172
- }(),
173
- l = function () {
174
- function t(t, e) {
175
- void 0 === e && (e = "all"), this.menu = t, this.toggler = new i(e)
176
- }
177
- return t.prototype.navigation = function (t) {
178
- var e = this;
179
- if (!this.navigator) {
180
- var n = (t = t || {}).title,
181
- i = void 0 === n ? "Menu" : n,
182
- s = t.selectedClass,
183
- o = void 0 === s ? "Selected" : s,
184
- r = t.slidingSubmenus,
185
- a = void 0 === r || r,
186
- u = t.theme,
187
- d = void 0 === u ? "light" : u;
188
- this.navigator = new c(this.menu, i, o, a, d), this.toggler.add((function () {
189
- return e.menu.classList.add(e.navigator.prefix)
190
- }), (function () {
191
- return e.menu.classList.remove(e.navigator.prefix)
192
- }))
193
- }
194
- return this.navigator
195
- }, t.prototype.offcanvas = function (t) {
196
- var e = this;
197
- if (!this.drawer) {
198
- var n = (t = t || {}).position,
199
- i = void 0 === n ? "left" : n;
200
- this.drawer = new d(null, i);
201
- var s = document.createComment("original mmenu location");
202
- this.menu.after(s), this.toggler.add((function () {
203
- e.drawer.content.append(e.menu)
204
- }), (function () {
205
- e.drawer.close(), s.after(e.menu)
206
- }))
207
- }
208
- return this.drawer
209
- }, t
210
- }();
211
- e.default = l;
212
- window.MmenuLight = l
213
- }]);
11
+ !function(t){var e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={i:i,l:!1,exports:{}};return t[i].call(s.exports,s,s.exports,n),s.l=!0,s.exports}n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)n.d(i,s,function(e){return t[e]}.bind(null,s));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){"use strict";n.r(e);var i=function(){function t(t){var e=this;this.listener=function(t){(t.matches?e.matchFns:e.unmatchFns).forEach((function(t){t()}))},this.toggler=window.matchMedia(t),this.toggler.addListener(this.listener),this.matchFns=[],this.unmatchFns=[]}return t.prototype.add=function(t,e){this.matchFns.push(t),this.unmatchFns.push(e),(this.toggler.matches?t:e)()},t}(),s=function(t){return Array.prototype.slice.call(t)},o=function(t,e){return s((e||document).querySelectorAll(t))},r=("ontouchstart"in window||navigator.msMaxTouchPoints,navigator.userAgent.indexOf("MSIE")>-1||navigator.appVersion.indexOf("Trident/")>-1),a="mm-spn",c=function(){function t(t,e,n,i,s){this.node=t,this.title=e,this.slidingSubmenus=i,this.selectedClass=n,this.node.classList.add(a),r&&(this.slidingSubmenus=!1),this.node.classList.add(a+"--"+s),this.node.classList.add(a+"--"+(this.slidingSubmenus?"navbar":"vertical")),this._setSelectedl(),this._initAnchors()}return Object.defineProperty(t.prototype,"prefix",{get:function(){return a},enumerable:!0,configurable:!0}),t.prototype.openPanel=function(t){var e=t.parentElement;if(this.slidingSubmenus){var n=t.dataset.mmSpnTitle;e===this.node?this.node.classList.add(a+"--main"):(this.node.classList.remove(a+"--main"),n||s(e.children).forEach((function(t){t.matches("a, span")&&(n=t.textContent)}))),n||(n=this.title),this.node.dataset.mmSpnTitle=n,o("."+a+"--open",this.node).forEach((function(t){t.classList.remove(a+"--open"),t.classList.remove(a+"--parent")})),t.classList.add(a+"--open"),t.classList.remove(a+"--parent");for(var i=t.parentElement.closest("ul");i;)i.classList.add(a+"--open"),i.classList.add(a+"--parent"),i=i.parentElement.closest("ul")}else{var r=t.matches("."+a+"--open");o("."+a+"--open",this.node).forEach((function(t){t.classList.remove(a+"--open")})),t.classList[r?"remove":"add"](a+"--open");for(var c=t.parentElement.closest("ul");c;)c.classList.add(a+"--open"),c=c.parentElement.closest("ul")}},t.prototype._setSelectedl=function(){var t=o("."+this.selectedClass,this.node),e=t[t.length-1],n=null;e&&(n=e.closest("ul")),n||(n=this.node.querySelector("ul")),this.openPanel(n)},t.prototype._initAnchors=function(){var t=this;this.node.addEventListener("click",(function(e){var n=e.target,i=!1;(i=(i=(i=i||function(t){return!!t.matches("a")}(n))||function(e){var n;return!!(n=e.closest("span")?e.parentElement:!!e.closest("li")&&e)&&(s(n.children).forEach((function(e){e.matches("ul")&&t.openPanel(e)})),!0)}(n))||function(e){var n=o("."+a+"--open",e),i=n[n.length-1];if(i){var s=i.parentElement.closest("ul");if(s)return t.openPanel(s),!0}return!1}(n))&&e.stopImmediatePropagation()}))},t}(),d="mm-ocd",u=function(){function t(t,e){var n=this;void 0===t&&(t=null),this.wrapper=document.createElement("div"),this.wrapper.classList.add(""+d),this.wrapper.classList.add(d+"--"+e),this.content=document.createElement("div"),this.content.classList.add(d+"__content"),this.wrapper.append(this.content),this.backdrop=document.createElement("div"),this.backdrop.classList.add(d+"__backdrop"),this.wrapper.append(this.backdrop),document.body.append(this.wrapper),t&&this.content.append(t);var i=function(t){n.close(),t.stopImmediatePropagation()};this.backdrop.addEventListener("touchstart",i,{passive:!0}),this.backdrop.addEventListener("mousedown",i,{passive:!0})}return Object.defineProperty(t.prototype,"prefix",{get:function(){return d},enumerable:!0,configurable:!0}),t.prototype.open=function(){this.wrapper.classList.add(d+"--open"),document.body.classList.add(d+"-opened")},t.prototype.close=function(){this.wrapper.classList.remove(d+"--open"),document.body.classList.remove(d+"-opened")},t}(),l=function(){function t(t,e){void 0===e&&(e="all"),this.menu=t,this.toggler=new i(e)}return t.prototype.navigation=function(t){var e=this;if(!this.navigator){var n=(t=t||{}).title,i=void 0===n?"Menu":n,s=t.selectedClass,o=void 0===s?"Selected":s,r=t.slidingSubmenus,a=void 0===r||r,d=t.theme,u=void 0===d?"light":d;this.navigator=new c(this.menu,i,o,a,u),this.toggler.add((function(){return e.menu.classList.add(e.navigator.prefix)}),(function(){return e.menu.classList.remove(e.navigator.prefix)}))}return this.navigator},t.prototype.offcanvas=function(t){var e=this;if(!this.drawer){var n=(t=t||{}).position,i=void 0===n?"left":n;this.drawer=new u(null,i);var s=document.createComment("original menu location");this.menu.after(s),this.toggler.add((function(){e.drawer.content.append(e.menu)}),(function(){e.drawer.close(),s.after(e.menu)}))}return this.drawer},t}();e.default=l;window.MmenuLight=l}]);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": true,
3
3
  "name": "j1_starter",
4
- "version": "2020.0.4",
4
+ "version": "2020.0.5",
5
5
  "description": "J1 Template starter Web",
6
6
  "homepage": "https://your.site",
7
7
  "author": {
@@ -0,0 +1,199 @@
1
+ ---
2
+ title: Floating SideBar
3
+ tagline: where to go
4
+ description: Where to go
5
+
6
+ tags: [ Page, Roundtrip ]
7
+ index: [ Start, Template, Whats, Up, Readme, TL;DR ]
8
+ categories: [ pages ]
9
+
10
+ permalink: /pages/public/learn/fsb/
11
+ regenerate: false
12
+
13
+ resources: [ lightbox ]
14
+ resource_options:
15
+ - attic:
16
+ padding_top: 400
17
+ padding_bottom: 50
18
+ opacity: 0.5
19
+ slides:
20
+ - url: /assets/images/modules/attics/runner-1920x1200-bw.jpg
21
+ alt: Photo by Alexander Redl on Unsplash
22
+ badge:
23
+ type: unsplash
24
+ author: Alexander Redl
25
+ href: https://unsplash.com/@alexanderredl
26
+ ---
27
+
28
+ // Enable the Liquid Preprocessor
29
+ // -----------------------------------------------------------------------------
30
+ :page-liquid:
31
+
32
+
33
+ // Set other global page attributes here
34
+ // -----------------------------------------------------------------------------
35
+ //:my-asciidoc-attribute:
36
+
37
+ // Load Liquid procedures
38
+ // -----------------------------------------------------------------------------
39
+ {% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
40
+
41
+
42
+ // Initialize entry document environmental attributes
43
+ // -----------------------------------------------------------------------------
44
+ {% include {{set_env_entry_document}} %}
45
+
46
+ // Load tag, url and data attributes
47
+ // -----------------------------------------------------------------------------
48
+ // include::{includedir}/attributes.asciidoc[tag=tags]
49
+ // include::{includedir}/attributes.asciidoc[tag=urls]
50
+ // include::{includedir}/attributes.asciidoc[tag=data]
51
+
52
+ // Set local page attributes
53
+ // -----------------------------------------------------------------------------
54
+ // :images-dir: {imagesdir}/path/to/page/images
55
+
56
+
57
+ // Page content
58
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
59
+
60
+ // Include sub-documents
61
+ // -----------------------------------------------------------------------------
62
+
63
+ ++++
64
+ <div class="sidebar">
65
+ <div class="floating-div">
66
+ <p>This "floating div" could be a form, a call to action, an ad,
67
+ or whatever other content you want to float in sidebar as the user
68
+ scrolls up and down the page.
69
+ </p>
70
+ </div>
71
+ </div>
72
+ ++++
73
+
74
+ Welcome to the pages of J1 Template. If your here first time,
75
+ hopefully you get on that page first. For sure, there is no better
76
+ place to step in.
77
+
78
+ Having a menu system is great. We hope the the navigator module of J1 will
79
+ support you to explore this site, find what your are looking for. The site
80
+ of J1 has grown over the last month a lot. Many documents were seeking for
81
+ a home. And we have really a bunch of them.
82
+
83
+ To get better orientated, the site is organized for *natural reading*. As we
84
+ use the English language for our international vistors (we are German),
85
+ *natural reading* means for a western language, reading from the left to the
86
+ right (LTR), and from top to down a page. The same to all menus, sections
87
+ and pages.
88
+
89
+ To read the site it is recommended to go for LTR. Other languages, other
90
+ countries and cultures go for RTL, but currently we've *no* support for RTL
91
+ implemented.
92
+
93
+ For that reason, it was a good decision to start from here.
94
+
95
+ == Whats up
96
+
97
+ First of all, you've started already! The important first step in to find
98
+ your way to Jekyll is done. Congratiulations.
99
+
100
+ The *Learn* section contains all you need to learn what Jekyll and J1 can do
101
+ for your website. For your new static web - if you like.
102
+
103
+ With this section you'll find a:
104
+
105
+ . *Roundtrip* to show some of the main features of the template system
106
+ *J1*.
107
+
108
+ . *Kickstarter* are Tutorials. The most important one to start is *Web in a Day*.
109
+ This tutorial guides you through all the steps to build a website using
110
+ the template system Jekyll One - your site using Jekyll and the template J1.
111
+
112
+ == Where to go
113
+
114
+ You should go for the *Roundtrip* first. See what you will get. As an overview
115
+ of some of the main features of *J1*. The roundtrip is a *visual* tour. No
116
+ technical stuff, nothing academic.
117
+
118
+ Let's go more deeper and make things real - and your hands dirty. We
119
+ recomment to work on the Kickstarter *Web in a Day*. A nice one-day journey
120
+ diving into the world of Jekyll. You'll learn a lot and at the end of that day
121
+ you know what Jekyll, static webs and the template system J1 is all about.
122
+
123
+ You're welcome!
124
+
125
+ If you like, continue by walking through the roundtrip examples
126
+ link:/pages/public/learn/roundtrip/present_images/[by starting the tour here].
127
+
128
+ ++++
129
+ <style>
130
+
131
+ .sidebar {
132
+ width:33.33%;
133
+ float:left;
134
+ padding: 0 10px;
135
+ }
136
+
137
+ .floating-div {
138
+ background-color: #333;
139
+ padding: 10px 50px;
140
+ color:#EEE;
141
+ font-size: 20px;
142
+ margin-top:10px;
143
+ position: absolute;
144
+ right: -40px;
145
+ }
146
+
147
+ .sticky {
148
+ position: fixed;
149
+ top: 150px;
150
+ right:-40px;
151
+ margin: 0;
152
+ width:calc(33.33% - 25px);
153
+ }
154
+
155
+ .abs {
156
+ position: absolute;
157
+ bottom: 10px;
158
+ right:10px;
159
+ width:calc(33.33% - 20px);
160
+ }
161
+ </style>
162
+
163
+ <script>
164
+ $(document).ready(function() {
165
+ var dependencies_met_core = setInterval(function() {
166
+ if (j1.getState() == 'finished') {
167
+ // variables
168
+ var main_content = $('.js-toc-content');
169
+ var m = $(main_content).offset().top;
170
+ var topPosition = $('.floating-div').offset().top - 10;
171
+ var floatingDivHeight = $('.floating-div').outerHeight();
172
+ var footer = $('#j1_footer');
173
+ var footerFromTop = $('#j1_footer').offset().top;
174
+ var absPosition = footerFromTop - floatingDivHeight - 20;
175
+ var win = $(window);
176
+ var floatingDiv = $('.floating-div');
177
+
178
+ win.scroll(function() {
179
+ if (window.matchMedia('(min-width: 768px)').matches) {
180
+ if ((win.scrollTop() > topPosition) && (win.scrollTop() < absPosition)) {
181
+ floatingDiv.addClass('sticky');
182
+ floatingDiv.removeClass('abs');
183
+
184
+ } else if ((win.scrollTop() > topPosition) && (win.scrollTop() > absPosition)) {
185
+ floatingDiv.removeClass('sticky');
186
+ floatingDiv.addClass('abs');
187
+
188
+ } else {
189
+ floatingDiv.removeClass('sticky');
190
+ floatingDiv.removeClass('abs');
191
+ }
192
+ }
193
+ });
194
+ clearInterval(dependencies_met_core);
195
+ }
196
+ }, 25);
197
+ });
198
+ </script>
199
+ ++++