j1-template 2024.3.25 → 2024.3.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. checksums.yaml +4 -4
  2. data/assets/theme/!readme +1 -0
  3. data/assets/theme/j1/adapter/js/videojs.js +8 -6
  4. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.css +1 -1
  5. data/assets/theme/j1/core/css/themes/unodark/bootstrap.css +1 -1
  6. data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +9 -9
  7. data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
  8. data/assets/theme/j1/core/js/template.min.js +6 -6
  9. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.js +173 -78
  10. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.min.js +2 -1
  11. data/assets/theme/j1/modules/videojs/css/themes/uno.css +1 -2
  12. data/assets/theme/j1/modules/videojs/css/themes/uno.min.css +1 -1
  13. data/assets/theme/j1/modules/videojs/js/video.js +10902 -10902
  14. data/assets/theme/j1/modules/videojs/plugins/players/vm/!examples/videojs_api/index.html +7 -7
  15. data/lib/j1/version.rb +1 -1
  16. data/lib/starter_web/Gemfile +9 -0
  17. data/lib/starter_web/README.md +5 -5
  18. data/lib/starter_web/_config.yml +1 -1
  19. data/lib/starter_web/_data/templates/feed.xml +1 -1
  20. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  21. data/lib/starter_web/package.json +1 -1
  22. data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +2 -2
  23. data/lib/starter_web/pages/public/tools/tester/videojs_macro_tester.adoc +80 -116
  24. metadata +3 -3
  25. data/assets/theme/bla +0 -0
data/assets/theme/j1/modules/videojs/plugins/players/vm/!examples/videojs_api/index.html CHANGED
@@ -4,10 +4,11 @@
4
4
  <head>
5
5
  <meta charset="utf-8">
6
6
  <title>videojs-vimeo Demo</title>
7
- <link rel="stylesheet" href="../../../../css/videojs.min.css">
8
- <!-- script src="../../j1_core/js/template.js"></script -->
9
- <script src="../../../../../log4javascript/js/log4javascript.min.js"></script>
10
- <script src="../../../../../jquery/js/jquery.min.js"></script>
7
+ <link rel="stylesheet" href="../../../../../../videojs/css/videojs.min.css">
8
+ <link rel="stylesheet" href="../../../../../../videojs/css/themes/uno.min.css">
9
+ <script src="../../../../../../videojs/js/video.min.js"></script>
10
+ <script src="../../../../../../log4javascript/js/log4javascript.min.js"></script>
11
+ <script src="../../../../../../jquery/js/jquery.min.js"></script>
11
12
  </head>
12
13
  <body>
13
14
  <video
@@ -30,9 +31,8 @@
30
31
  >
31
32
  </video>
32
33
 
33
- <script src="../../../../js/video.js"></script>
34
- <script src="../js/vimeo.js"></script>
35
-
34
+
35
+ <script src="../../js/vimeo.js"></script>
36
36
  </body>
37
37
 
38
38
  </html>
data/lib/j1/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module J1
2
- VERSION = '2024.3.25'
2
+ VERSION = '2024.3.27'
3
3
  end
data/lib/starter_web/Gemfile CHANGED
@@ -266,11 +266,20 @@ gem 'puma', '>= 6.0'
266
266
  # for Github, Twitter, Facebook and Patreon are implemented.
267
267
  #
268
268
  # ------------------------------------------------------------------------------
269
+ # sinatra v4 requires rack v3
270
+ # gem 'rack', '~> 3.0'
271
+ #
269
272
  gem 'rack', '~> 2.2', '>= 2.2.3'
273
+
270
274
  gem 'rack-protection', '~> 2.0'
271
275
  gem 'rack-ssl-enforcer', '~> 0.2'
272
276
  gem 'rest-client', '~> 2.0'
277
+
278
+ # update sinatra v2 -> v4 for security reasons
279
+ # gem 'sinatra', '~> 4.0'
280
+ #
273
281
  gem 'sinatra', '~> 2.0'
282
+
274
283
  gem 'warden', '~> 1.2'
275
284
 
276
285
  # ------------------------------------------------------------------------------
data/lib/starter_web/README.md CHANGED
@@ -379,7 +379,7 @@ This command creates a **initial** project in folder **my-starter**.
379
379
  2023-02-28 18:12:12 - GENERATE: Resolving dependencies...
380
380
  2023-02-28 18:12:12 - GENERATE: Using bundler 2.3.7
381
381
  ...
382
- 2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.3.25
382
+ 2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.3.27
383
383
  2023-02-28 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
384
384
  2023-02-28 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
385
385
  2023-02-28 18:12:12 - GENERATE: C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -415,7 +415,7 @@ commands are available as well.
415
415
  2023-02-28 18:17:48 - SETUP: Initialize the project ...
416
416
  2023-02-28 18:17:48 - SETUP: Be patient, this will take a while ...
417
417
  2023-02-28 18:17:49 - SETUP:
418
- 2023-02-28 18:17:49 - SETUP: > j1@2024.3.25 setup C:\Users\xxx\j1-projects\my-starter
418
+ 2023-02-28 18:17:49 - SETUP: > j1@2024.3.27 setup C:\Users\xxx\j1-projects\my-starter
419
419
  2023-02-28 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
420
420
  2023-02-28 18:17:49 - SETUP:
421
421
  2023-02-28 18:17:50 - SETUP: Setup project for first use ..
@@ -460,7 +460,7 @@ browser. Let's start the journey ...
460
460
  Check setup state of the J1 project ...
461
461
  2023-02-28 18:26:18 - SITE: Starting up your site ...
462
462
  2023-02-28 18:26:18 - SITE:
463
- 2023-02-28 18:26:18 - SITE: > j1@2024.3.25 j1-site C:\Users\jadams\j1-projects\my-starter
463
+ 2023-02-28 18:26:18 - SITE: > j1@2024.3.27 j1-site C:\Users\jadams\j1-projects\my-starter
464
464
  2023-02-28 18:26:18 - SITE: > run-p -s j1-site:*
465
465
  2023-02-28 18:26:18 - SITE:
466
466
  2023-02-28 18:26:20 - SITE: Startup UTILSRV ..
@@ -499,7 +499,7 @@ Check setup state of the J1 project ...
499
499
  REBUILD: Rebuild the projects website ...
500
500
  REBUILD: Be patient, this will take a while ...
501
501
  2023-02-28 18:45:09 - REBUILD:
502
- 2023-02-28 18:45:09 - REBUILD: > j1@2024.3.25 rebuild C:\Users\xxx\j1-projects\my-starter
502
+ 2023-02-28 18:45:09 - REBUILD: > j1@2024.3.27 rebuild C:\Users\xxx\j1-projects\my-starter
503
503
  2023-02-28 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
504
504
  2023-02-28 18:45:09 - REBUILD:
505
505
  2023-02-28 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -547,7 +547,7 @@ using Lerna for all packages:
547
547
  2023-02-28 18:29:07 - RESET: Reset the project to factory state ...
548
548
  2023-02-28 18:29:07 - RESET: Be patient, this will take a while ...
549
549
  2023-02-28 18:29:08 - RESET:
550
- 2023-02-28 18:29:08 - RESET: > j1@2024.3.25 reset C:\Users\xxx\j1-projects\my-starter
550
+ 2023-02-28 18:29:08 - RESET: > j1@2024.3.27 reset C:\Users\xxx\j1-projects\my-starter
551
551
  2023-02-28 18:29:08 - RESET: > run-s -s reset:*
552
552
  2023-02-28 18:29:08 - RESET:
553
553
  2023-02-28 18:29:08 - RESET: Reset project to factory state ..
data/lib/starter_web/_config.yml CHANGED
@@ -53,7 +53,7 @@ environment: development
53
53
  # ------------------------------------------------------------------------------
54
54
  # Sets the build version of the site
55
55
  #
56
- version: 2024.3.25
56
+ version: 2024.3.27
57
57
 
58
58
  # copyright
59
59
  # ------------------------------------------------------------------------------
data/lib/starter_web/_data/templates/feed.xml CHANGED
@@ -57,7 +57,7 @@
57
57
  <id>{{ page.url | absolute_url | xml_escape }}</id>
58
58
  <post_limited>{{ limit_posts }}</post_limited>
59
59
  <template_name>J1 Theme</template_name>
60
- <template_version>2024.3.25</template_version>
60
+ <template_version>2024.3.27</template_version>
61
61
 
62
62
  {% assign title = site.title | default: site.name %}
63
63
  {% if page.collection != "posts" %}
data/lib/starter_web/_plugins/index/lunr.rb CHANGED
@@ -394,6 +394,6 @@ end
394
394
 
395
395
  module Jekyll
396
396
  module J1LunrSearch
397
- VERSION = '2024.3.25'
397
+ VERSION = '2024.3.27'
398
398
  end
399
399
  end
data/lib/starter_web/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": true,
3
3
  "name": "j1",
4
- "version": "2024.3.25",
4
+ "version": "2024.3.27",
5
5
  "description": "J1 Template",
6
6
  "homepage": "https://your.site",
7
7
  "author": {
data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc CHANGED
@@ -4,7 +4,7 @@ title_extention: YouTube Video
4
4
  tagline: YouTube Video
5
5
 
6
6
  date: 2024-09-21
7
- #last_modified: 2024-01-01
7
+ last_modified: 2025-06-22
8
8
 
9
9
  description: >
10
10
  The J1 Template support playing video on web pages
@@ -17,7 +17,7 @@ keywords: >
17
17
  quicktime, silverlight
18
18
 
19
19
  categories: [ Tester ]
20
- tags: [ Audio, Amplitude App, YouTube ]
20
+ tags: [ AmpltitudeJS, YouTube ]
21
21
 
22
22
  image:
23
23
  path: /assets/image/module/attic/1920x1280/markus-spiske.jpg
data/lib/starter_web/pages/public/tools/tester/videojs_macro_tester.adoc CHANGED
@@ -1,10 +1,10 @@
1
1
  ---
2
2
  title: VideoJS
3
- title_extention: Custom VJS Players
4
- tagline: Custom VJS Players
3
+ title_extention: Custom video player
4
+ tagline: Custom video player
5
5
 
6
6
  date: 2025-06-05
7
- last_modified: 2025-06-08
7
+ last_modified: 2025-06-22
8
8
 
9
9
  description: >
10
10
  Test the VideoJS ADOC Macro for
@@ -16,7 +16,7 @@ keywords: >
16
16
  videojs
17
17
 
18
18
  categories: [ Tester ]
19
- tags: [ Module, VideoJS ]
19
+ tags: [ VideoJS, YouTube ]
20
20
 
21
21
  image:
22
22
  path: /assets/image/module/attic/markus-spiske-1920x1280.jpg
@@ -49,7 +49,10 @@ resource_options:
49
49
 
50
50
  // Attribute settings for section control
51
51
  //
52
- :swiper--features: false
52
+ :videojs--youtube-video: false
53
+ :videojs--masonry: false
54
+ :videojs--local-video: true
55
+ :videojs--over-youtube: true
53
56
 
54
57
  // Set (local) page attributes here
55
58
  // -----------------------------------------------------------------------------
@@ -67,119 +70,94 @@ resource_options:
67
70
  // Page content
68
71
  // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
69
72
  [role="dropcap"]
70
- Swiper, the free and most modern mobile touch slider with hardware accelerated
71
- transitions and amazing native behavior. It is intended to be used in mobile
72
- websites, mobile web apps, and mobile native/hybrid apps.
73
+ VideoJS is a *free-to-use* open-source JavaScript framework for building
74
+ custom video players for the web. Implementing VideoJS for the J1 Template
75
+ supports local video and several platforms, such as YouTube, Vimeo, Wistia,
76
+ or Dailymotion, for presenting videos *online*.
77
+
73
78
 
74
79
  // Include sub-documents (if any)
75
80
  // -----------------------------------------------------------------------------
76
- // [role="mt-5"]
77
- // == Local Video
78
-
79
- // Videos created by a digicam or a mobile can be played by J1 Template using
80
- // the lightGallery integration. Present videos you have made at it's best.
81
-
82
- // .Local Video over VideoJS · Justified Gallery + LightGallery
83
- // gallery::jg_video_html5[role="mb-4"]
84
-
85
-
86
- // == Masonry
87
-
88
- // Masonry for J1 Template is a great tool for creating dynamic video galleries.
89
- // The module makes creating a gallery to display videos of different types easy.
90
-
91
- // .Mixed Video · Masonry + LightGallery
92
- // masonry::mixed_video_example[role="mb-4"]
93
-
94
-
95
- // [role="mt-4"]
96
- // == lightGallery (YouTube)
97
-
98
- // The galley maker *justifiedGallery* in combination with the *lightbox*
99
- // lightGallery is a great toolset for creating dynamic video galleries.
100
- // The module combinati0n makes creating a gallery to access videos easy.
101
-
102
- // .YouTube Video · justifiedGallery + LightGallery
103
- // gallery::jg_video_youtube_james_and_adele[role="mb-4"]
104
-
105
-
106
- // [role="mt-5"]
107
- // == VideoJS Player over YouTube
108
-
109
- // YouTube is a popular online video-sharing platform that allows users to
110
- // upload, view, share, and comment on videos. The platform provides services
111
- // for people and organizations to publish various video content.
112
-
113
- // ++++
114
- // <div class="video-title">
115
- // <i class="mdib mdib-video mdib-24px mr-2"></i>
116
- // The Breathtaking Beauty of Nature
117
- // </div>
118
-
119
- // <div class="mb-8">
120
- // <video
121
- // id="vid_2rtQOsWaAXc"
122
- // class="video-js vjs-theme-uno"
123
- // controls
124
- // width="640"
125
- // height="360"
126
- // poster="//img.youtube.com/vi/IUN664s7N-c/maxresdefault.jpg" alt="Beauty of Nature"
127
- // aria-label="The Breathtaking Beauty of Nature"
128
- // data-setup='{
129
- // "fluid" : true,
130
- // "techOrder": [
131
- // "youtube", "html5"
132
- // ],
133
- // "sources": [{
134
- // "type": "video/youtube",
135
- // "src": "//youtube.com/watch?v=IUN664s7N-c"
136
- // }],
137
- // "controlBar": {
138
- // "pictureInPictureToggle": false,
139
- // "volumePanel": {
140
- // "inline": false
141
- // }
142
- // }
143
- // }'
144
- // ></video>
145
- // </div>
146
- // ++++
147
81
 
82
+ ifeval::[{videojs--local-video} == true]
83
+ [role="mt-5"]
84
+ == Local Video
85
+
86
+ Videos created by a digicam or a mobile can be played by J1 Template using
87
+ the lightGallery integration. Present videos you have made at it's best.
88
+
89
+ .Local (MP4) Video · Justified Gallery + LightGallery
90
+ gallery::jg_video_html5[role="mb-4"]
91
+ endif::[]
92
+
93
+
94
+ ifeval::[{videojs--masonry} == true]
95
+ [role="mt-5"]
96
+ == Masonry
97
+
98
+ Masonry for J1 Template is a great tool for creating dynamic video galleries.
99
+ The module makes creating a gallery to display videos of different types easy.
100
+
101
+ .Mixed Video · Masonry + LightGallery
102
+ masonry::mixed_video_example[role="mb-4"]
103
+ endif::[]
104
+
105
+
106
+ ifeval::[{videojs--youtube-video} == true]
107
+ [role="mt-5"]
108
+ == lightGallery (YouTube)
109
+
110
+ The galley maker *justifiedGallery* in combination with the *lightbox*
111
+ lightGallery is a great toolset for creating dynamic video galleries.
112
+ The module combinati0n makes creating a gallery to access videos easy.
113
+
114
+ .YouTube Video · justifiedGallery + LightGallery
115
+ gallery::jg_video_youtube_james_and_adele[role="mb-4"]
116
+ endif::[]
117
+
118
+
119
+ ifeval::[{videojs--over-youtube} == true]
148
120
  [role="mt-5"]
149
- == VideoJS Player over Dailymotion
121
+ == VideoJS Player over YouTube
122
+
123
+ YouTube is a popular online video-sharing platform that allows users to
124
+ upload, view, share, and comment on videos. The platform provides services
125
+ for people and organizations to publish various video content.
126
+
127
+ ++++
128
+ <style>
150
129
 
151
- link:{url-dailymotion--home}[Dailymotion, {browser-window--new}] is a
152
- video-sharing platform. The platform is available worldwide in 180+
153
- languages, featuring websites for their video content.
130
+ /* -----------------------------------------------------------------------------
131
+ styles moved to VJS theme uno at:
132
+ assets/theme/j1/modules/videojs/css/themes/uno.css
133
+ */
154
134
 
155
- The platform is a *monetization* solution that allows allows to directly
156
- connect to high-quality advertisers through a proprietary Advertising system.
157
- Like YouTube, videos can be watched for free, but ads are shown on each and
158
- every video.
135
+ </style>
136
+ ++++
159
137
 
160
138
  ++++
161
139
  <div class="video-title">
162
140
  <i class="mdib mdib-video mdib-24px mr-2"></i>
163
- Morning Energy
141
+ The Breathtaking Beauty of Nature
164
142
  </div>
165
143
 
166
144
  <div class="mb-8">
167
145
  <video
168
- id="vid_x887s09"
146
+ id="2rtQOsWaAXc"
169
147
  class="video-js vjs-theme-uno"
170
148
  controls
171
149
  width="640"
172
150
  height="360"
173
- poster="/assets/video/poster/dailymotion/meditation.jpg" alt="Morning Energy"
174
- aria-label="Morning Energy"
151
+ poster="//img.youtube.com/vi/IUN664s7N-c/maxresdefault.jpg" alt="Beauty of Nature"
152
+ aria-label="The Breathtaking Beauty of Nature"
175
153
  data-setup='{
176
154
  "fluid" : true,
177
155
  "techOrder": [
178
- "dailymotion", "html5"
156
+ "youtube", "html5"
179
157
  ],
180
158
  "sources": [{
181
- "type": "video/dailymotion",
182
- "src": "//dai.ly/x887s09"
159
+ "type": "video/youtube",
160
+ "src": "//youtube.com/watch?v=IUN664s7N-c"
183
161
  }],
184
162
  "controlBar": {
185
163
  "pictureInPictureToggle": false,
@@ -192,18 +170,6 @@ every video.
192
170
  </div>
193
171
  ++++
194
172
 
195
-
196
- ++++
197
- <style>
198
-
199
- /* -----------------------------------------------------------------------------
200
- styles moved to VJS theme uno at:
201
- assets/theme/j1/modules/videojs/css/themes/uno.css
202
- */
203
-
204
- </style>
205
- ++++
206
-
207
173
  ++++
208
174
  <script>
209
175
 
@@ -247,7 +213,7 @@ $(function() {
247
213
  // create div|caption container
248
214
  const newDiv = document.createElement('div');
249
215
  newDiv.classList.add('caption');
250
- newDiv.textContent = 'Morning Energy';
216
+ newDiv.textContent = 'The Breathtaking Beauty of Nature';
251
217
 
252
218
  // insert div|caption container AFTER the image
253
219
  image.parentNode.insertBefore(newDiv, image.nextSibling);
@@ -265,17 +231,15 @@ $(function() {
265
231
  var j1CoreFinished = (j1.getState() === 'finished') ? true : false;
266
232
 
267
233
  if (j1CoreFinished && pageVisible) {
268
- // const vjs_player = document.getElementById("vid_2rtQOsWaAXc");
269
- const vjs_player = document.getElementById('vid_x887s09');
234
+ const vjs_player = document.getElementById("2rtQOsWaAXc");
270
235
 
271
236
  // add captions (on poster image)
272
- // naddCaptionAfterImage('//img.youtube.com/vi/IUN664s7N-c/maxresdefault.jpg');
273
- addCaptionAfterImage('/assets/video/poster/dailymotion/meditation.jpg');
274
-
237
+ addCaptionAfterImage('//img.youtube.com/vi/IUN664s7N-c/maxresdefault.jpg');
238
+
275
239
  // scroll page to the players top position
276
240
  // -----------------------------------------------------------------------
277
241
  vjs_player.addEventListener('click', function(event) {
278
- const targetDiv = document.getElementById("vid_x887s09");
242
+ const targetDiv = document.getElementById("2rtQOsWaAXc");
279
243
  const targetDivPosition = targetDiv.offsetTop;
280
244
  const scrollOffset = (window.innerWidth >= 720) ? -130 : -110;
281
245
 
@@ -290,12 +254,12 @@ $(function() {
290
254
  // customize the yt player created
291
255
  // ---------------------------------------------------------------------------
292
256
  var dependencies_met_vjs_player_exist = setInterval(function(options) {
293
- var vjsPlayerExist = document.getElementById("vid_x887s09") ? true : false;
257
+ var vjsPlayerExist = document.getElementById("2rtQOsWaAXc") ? true : false;
294
258
 
295
259
  if (vjsPlayerExist) {
296
260
 
297
261
  // apply player customization on 'player ready'
298
- videojs("vid_x887s09").ready(function() {
262
+ videojs("2rtQOsWaAXc").ready(function() {
299
263
  const vjsPlayer = this;
300
264
 
301
265
  // create customControlContainer for progressControlSilder|time (display) elements
@@ -367,4 +331,4 @@ $(function() {
367
331
 
368
332
  </script>
369
333
  ++++
370
-
334
+ endif::[]
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: j1-template
3
3
  version: !ruby/object:Gem::Version
4
- version: 2024.3.25
4
+ version: 2024.3.27
5
5
  platform: ruby
6
6
  authors:
7
7
  - juergen_jekyll_one
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2025-06-18 00:00:00.000000000 Z
11
+ date: 2025-06-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -363,7 +363,7 @@ files:
363
363
  - assets/page/HTTP501.html
364
364
  - assets/page/HTTP502.html
365
365
  - assets/page/HTTP503.html
366
- - assets/theme/bla
366
+ - assets/theme/!readme
367
367
  - assets/theme/j1/adapter/js/advertising.js
368
368
  - assets/theme/j1/adapter/js/algolia.js
369
369
  - assets/theme/j1/adapter/js/amplitude.js
data/assets/theme/bla DELETED
File without changes