j1-template 2024.3.19 → 2024.3.21

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 (113) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/page.html +1 -0
  3. data/assets/data/amplitude_app.html +192 -163
  4. data/assets/data/swiper_app.2.html +757 -0
  5. data/assets/data/swiper_app.4.html +769 -0
  6. data/assets/data/swiper_app.html +171 -27
  7. data/assets/theme/j1/adapter/js/amplitude.js +1104 -216
  8. data/assets/theme/j1/adapter/js/swiper.js +63 -15
  9. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.css +111 -101
  10. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.min.css +1 -1
  11. data/assets/theme/j1/core/css/themes/unodark/bootstrap.css +111 -101
  12. data/assets/theme/j1/core/css/themes/unodark/bootstrap.min.css +1 -1
  13. data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +111 -101
  14. data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
  15. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +177 -216
  16. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
  17. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +220 -339
  18. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -2
  19. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +324 -491
  20. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -2
  21. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +70 -60
  22. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +2 -1
  23. data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +2074 -843
  24. data/assets/theme/j1/modules/amplitudejs/scss/theme/uno/dark/player/large.scss +439 -264
  25. data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.css +16 -0
  26. data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.min.css +16 -0
  27. data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.css +24 -24
  28. data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.min.css +1 -235
  29. data/assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.min.css +2 -2
  30. data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.css +16 -0
  31. data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.min.css +16 -0
  32. data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.css +6 -7
  33. data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.min.css +1 -82
  34. data/assets/theme/j1/modules/swiperjs/css/modules/layoutThumbs.min.css +2 -29
  35. data/assets/theme/j1/modules/swiperjs/css/theme/uno.css +29 -12
  36. data/assets/theme/j1/modules/swiperjs/css/theme/uno.min.css +1 -1
  37. data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.js +25 -0
  38. data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.min.js +25 -0
  39. data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.js +1 -5
  40. data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.min.js +1 -5
  41. data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.js +12 -14
  42. data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.min.js +1 -17
  43. data/assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.js +0 -1
  44. data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.js +25 -0
  45. data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.min.js +25 -0
  46. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.0.js +114 -0
  47. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.1.js +93 -0
  48. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.js +42 -13
  49. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.min.js +17 -0
  50. data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.js +76 -25
  51. data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.min.js +1 -17
  52. data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.js +9152 -9131
  53. data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.min.js +1 -1
  54. data/lib/j1/version.rb +1 -1
  55. data/lib/starter_web/README.md +5 -5
  56. data/lib/starter_web/_config.yml +1 -1
  57. data/lib/starter_web/_data/modules/amplitude_app.yml +206 -23
  58. data/lib/starter_web/_data/modules/amplitude_playlists.yml +1122 -19
  59. data/lib/starter_web/_data/modules/defaults/{amplitude_app.yml → amplitude.yml} +73 -26
  60. data/lib/starter_web/_data/modules/swiper_app.yml +356 -155
  61. data/lib/starter_web/_data/modules/swiper_playlists.yml +77 -1
  62. data/lib/starter_web/_data/resources.yml +6 -2
  63. data/lib/starter_web/_data/templates/feed.xml +1 -1
  64. data/lib/starter_web/_includes/attributes.asciidoc +5 -4
  65. data/lib/starter_web/_plugins/filter/filters.rb +1 -11
  66. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  67. data/lib/starter_web/assets/image/icon/bokeh/bokeh-32x32.ico +0 -0
  68. data/lib/starter_web/assets/image/icon/bokeh/bokeh.ico +0 -0
  69. data/lib/starter_web/assets/image/icon/bokeh/logo-160x160.png +0 -0
  70. data/lib/starter_web/assets/image/icon/hyvor-talk/hyvore-talk.ico +0 -0
  71. data/lib/starter_web/assets/image/icon/hyvor-talk/jpg/hyvor-logo.512x512.jpg +0 -0
  72. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.jpg +0 -0
  73. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.png +0 -0
  74. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.512x512.png +0 -0
  75. data/lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg +81 -0
  76. data/lib/starter_web/assets/image/icon/jupyter/jupyter-32x32.ico +0 -0
  77. data/lib/starter_web/assets/image/icon/jupyter/jupyter.ico +0 -0
  78. data/lib/starter_web/assets/image/icon/jupyter/logo.png +0 -0
  79. data/lib/starter_web/assets/image/icon/mdi/mdi.svg +1 -0
  80. data/lib/starter_web/assets/image/icon/mdi/mdil.svg +1 -0
  81. data/lib/starter_web/assets/image/icon/scalable/facebook.svg +34 -0
  82. data/lib/starter_web/assets/image/icon/scalable/google.svg +35 -0
  83. data/lib/starter_web/assets/image/icon/scalable/ibm.svg +24 -0
  84. data/lib/starter_web/assets/image/icon/scalable/microsoft.svg +42 -0
  85. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-1.png +0 -0
  86. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-2.png +0 -0
  87. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-3.png +0 -0
  88. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-4.png +0 -0
  89. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-5.png +0 -0
  90. data/lib/starter_web/assets/image/module/swiper/simple/test/image/diana_krall.jpg +0 -0
  91. data/lib/starter_web/index.html +3 -3
  92. data/lib/starter_web/package.json +1 -1
  93. data/lib/starter_web/pages/public/learn/where_to_go.adoc +1 -1
  94. data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +69 -36
  95. data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +65 -18
  96. data/lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc +87 -0
  97. data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc +121 -36
  98. data/lib/starter_web/pages/public/tour/_includes/attributes.asciidoc +3 -3
  99. data/lib/starter_web/pages/public/tour/{play_audio.adoc → audio_data.adoc} +51 -86
  100. data/lib/starter_web/pages/public/tour/{present_images.adoc → image_data.adoc} +4 -5
  101. data/lib/starter_web/pages/public/tour/{play_video.adoc → video_data.adoc} +18 -17
  102. metadata +52 -17
  103. data/assets/theme/j1/modules/swiperjs/js/highlightJS.js +0 -13376
  104. data/assets/theme/j1/modules/swiperjs/js/highlightJS.min.js +0 -1246
  105. data/assets/theme/j1/modules/swiperjs/js/modules/!readme +0 -3
  106. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/!info/!readme +0 -0
  107. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/!readme +0 -0
  108. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/1.jpg +0 -0
  109. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/2.jpg +0 -0
  110. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/3.jpg +0 -0
  111. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/4.jpg +0 -0
  112. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/5.jpg +0 -0
  113. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/6.jpg +0 -0
@@ -38,9 +38,9 @@ tag::urls[]
38
38
  :url-tour--data-slider-picker: /pages/public/tour/data_slider_picker
39
39
  :url-tour--image_headers: /pages/public/tour/image_header
40
40
  :url-tour--readme-first: /pages/public/learn/read_me_first/
41
- :url-tour--present-images: /pages/public/tour/present_images/
42
- :url-tour--present-audio: /pages/public/tour/present_audio/
43
- :url-tour--present-video: /pages/public/tour/present_video/
41
+ :url-tour--image_data: /pages/public/tour/image_data/
42
+ :url-tour--audio_data: /pages/public/tour/audio_data/
43
+ :url-tour--video_data: /pages/public/tour/video_data/
44
44
  :url-tour--cards: /pages/public/tour/cards/
45
45
  :url-tour--typography: /pages/public/tour/typography/
46
46
  :url-tour--asciidoc-extensions: /pages/public/tour/asciidoc_extensions/
@@ -1,10 +1,10 @@
1
1
  ---
2
- title: Audio Player
3
- title_extention: Playback Audio using J1 Template
4
- tagline: Playback Audio
2
+ title: Audio
3
+ title_extention: J1 Template Apps
4
+ tagline: Players
5
5
 
6
6
  date: 2024-04-16
7
- #last_modified: 2024-01-01
7
+ last_modified: 2025-05-17
8
8
 
9
9
  description: >
10
10
  J1 Template provides playing audio on web pages
@@ -28,7 +28,7 @@ comments: false
28
28
  exclude_from_search: false
29
29
  regenerate: false
30
30
  personalization: true
31
- permalink: /pages/public/tour/present_audio/
31
+ permalink: /pages/public/tour/audio_data/
32
32
 
33
33
  resources: [ amplitudejs ]
34
34
  resource_options:
@@ -91,33 +91,6 @@ the visual and functional aspects of a player's audio control elements.
91
91
  // Include sub-documents (if any)
92
92
  // -----------------------------------------------------------------------------
93
93
 
94
- // [role="mt-5"]
95
- // == AmplitudeJS Video (Youtube)
96
-
97
- // The example below demonstrates playing only the *Audio* track from YouTube
98
- // Video using an AmplitudJS player. The J1 template uses the video *plugin* ytp
99
- // to extend the native functionality of the AmplitudeJS API to playback YouTube
100
- // files for the audio part.
101
-
102
- // [role="mt-4 mb-5"]
103
- // [CAUTION]
104
- // ====
105
- // Playing audio tracks is currently supported only for videos from YouTube (YT).
106
- // The YT plugin *ytp* embeds a YouTube (iframe) player and mimics the AmplitudeJS
107
- // player buttons and controls to manage a *playlist* of videos the same as known
108
- // for native audio files.
109
- // ====
110
-
111
- // .Manon Mélodie · TuneCore 2024
112
- // amplitude::manon_melodie_yt_large[role="mt-4 mb-4"]
113
-
114
- // [NOTE]
115
- // ====
116
- // AmplitudeJS YT Player can only be used with the J1 Template. Currently, only
117
- // AJS players of type *large * are supported.
118
- // ====
119
-
120
-
121
94
  [role="mt-5"]
122
95
  == HTML 5 Audio
123
96
 
@@ -130,17 +103,17 @@ audio::/assets/audio/sound-effects/ambient-piano.mp3[role="mt-4 mb-5"]
130
103
 
131
104
 
132
105
  [role="mt-5"]
133
- == AmplitudeJS (AJS) Audio
106
+ == J1 AmplitudeJS
134
107
 
135
- The J1 Template implements custom players based on the (default) theme Uno.
136
- The color scheme used matches the look and feel of the template to preserve
137
- the page design.
108
+ The J1 Template suports *native audio* files (e.g. mp3) using *custom players*
109
+ based on *AmplitudeJS* using the the (default) theme Uno. The color scheme
110
+ used matches the look and feel of the template to preserve the page design.
138
111
 
139
112
  Three types of AmplitudeJS players are build-in for the J1 template system:
140
113
 
141
- * Mini Player
142
- * Compact Player (default payer)
143
- * Large Player
114
+ * *Mini* Player
115
+ * *Compact* Player (default player)
116
+ * *Large* Player
144
117
 
145
118
  [role="mt-4"]
146
119
  [NOTE]
@@ -159,19 +132,14 @@ a mini player refers to a minimized version of full players. It typically
159
132
  offers basic playback controls, such as pause, play, and
160
133
  volume adjustment, while taking up less screen space.
161
134
 
135
+ .Emancipator · From Dusk To Dawn
136
+ amplitude::emancipator_mini[role="mb-4"]
137
+
162
138
  Mini players are beneficial when you want to listen to audio in the
163
139
  background without dedicating the entire screen to the player. They
164
140
  are commonly found on music streaming services, podcast platforms, and
165
141
  websites with embedded audio content.
166
142
 
167
- .Emancipator · From Dusk To Dawn
168
- amplitude::free_emancipator_mini[role="mt-3 mb-5"]
169
-
170
- .Royalty Free Music · Disco 80th
171
- amplitude::free_disco_mini[role="mt-3 mb-5"]
172
-
173
- lorem:sentences[5]
174
-
175
143
 
176
144
  [role="mt-5"]
177
145
  === Compact Player
@@ -181,16 +149,16 @@ condensing the player controls and display elements into a smaller area.
181
149
  It allows the audio player to fit neatly within the web page's layout without
182
150
  overwhelming or dominating the content around it.
183
151
 
152
+ .Emancipator · From Dusk To Dawn
153
+ amplitude::emancipator_compact[role="mb-4"]
154
+
155
+ // .Royalty Free Music · Disco 80th
156
+ // amplitude::disco_compact[role="mb-5"]
157
+
184
158
  The player aims to balance functionality and space efficiency, ensuring users
185
159
  can easily access and control the audio playback without sacrificing too much
186
160
  screen space or placing multiple players side-by-side.
187
161
 
188
- .Emancipator · From Dusk To Dawn
189
- amplitude::free_emancipator_compact[role="mt-3 mb-5"]
190
-
191
- .Royalty Free Music · Disco 80th
192
- amplitude::free_disco_compact[role="mt-3 mb-5"]
193
-
194
162
 
195
163
  [role="mt-5"]
196
164
  === Large Player
@@ -199,48 +167,44 @@ A complex component, like an audio player on a web page, typically refers
199
167
  to a design or layout that minimizes the component's space while maintaining
200
168
  its functionality and usability.
201
169
 
202
- The large design provides the full functionality of an audio player to ensure
203
- users can easily control audio playback. The player behaves similarly to a
204
- compact player, but all controls are displayed in a single window; there is
205
- no need to open other widgets.
206
-
207
170
  .Emancipator · From Dusk To Dawn
208
- amplitude::free_emancipator_large[role="mt-4 mb-5"]
171
+ amplitude::emancipator_large[role="mb-5"]
209
172
 
210
173
  .Royalty Free Music · Disco 80th
211
- amplitude::free_disco_large[role="mt-4 mb-5"]
212
-
213
- // lorem:sentences[5]
174
+ amplitude::disco_large[role="mb-4"]
214
175
 
215
- // .Spontanorama 2024 (large)
216
- // amplitude::spontanorama_2024_large[role="mt-4 mb-5"]
176
+ The large design provides the full functionality of an audio player to ensure
177
+ users can easily control audio playback. The player behaves similarly to a
178
+ compact player, but all controls are displayed in a single window; there is
179
+ no need to open other widgets.
217
180
 
218
181
 
219
- // [role="mt-5"]
220
- // == AmplitudeJS Video (Youtube)
182
+ [role="mt-5"]
183
+ == J1 AmplitudeJS on Youtube
221
184
 
222
- // The example below demonstrates playing only the *Audio* track from YouTube
223
- // Video using an AmplitudJS player. The J1 template uses the video *plugin* ytp
224
- // to extend the native functionality of the AmplitudeJS API to playback YouTube
225
- // files for the audio part.
185
+ The example demonstrates playing *Audio* track from *YouTube Video* using an
186
+ AmplitudJS player. The J1 template uses the video *plugin ytp* to extend the
187
+ native functionality of the AmplitudeJS API to playback YouTube files only for
188
+ the audio part.
226
189
 
227
- // [role="mt-4 mb-5"]
228
- // [CAUTION]
229
- // ====
230
- // Playing audio tracks is currently supported only for videos from YouTube (YT).
231
- // The YT plugin *ytp* embeds a YouTube (iframe) player and mimics the AmplitudeJS
232
- // player buttons and controls to manage a *playlist* of videos the same as known
233
- // for native audio files.
234
- // ====
190
+ [role="mt-4 mb-5"]
191
+ [CAUTION]
192
+ ====
193
+ Playing audio tracks is currently supported only for videos from YouTube (YT).
194
+ The YT plugin *ytp* embeds a YouTube (iframe) player and mimics the AmplitudeJS
195
+ player buttons and controls to manage a *playlist* of videos the same as known
196
+ for native audio files.
197
+ ====
235
198
 
236
- // .Manon Mélodie · TuneCore 2024
237
- // amplitude::manon_melodie_yt_large[role="mt-4 mb-4"]
199
+ .Bea and her Business · YouTube 2025
200
+ amplitude::bea_yt_large[role="mb-5"]
238
201
 
239
- // [NOTE]
240
- // ====
241
- // AmplitudeJS YT Player can only be used with the J1 Template. Currently, only
242
- // AJS players of type *large * are supported.
243
- // ====
202
+ [role="mt-4 mb-5"]
203
+ [NOTE]
204
+ ====
205
+ AmplitudeJS YT Player can only be used with the J1 Template. Currently, only
206
+ AJS players of type *large* are supported.
207
+ ====
244
208
 
245
209
 
246
210
  [role="mt-5"]
@@ -260,4 +224,5 @@ Quicktime, or Silverlight is no longer needed as the Theme JekyllOne provides
260
224
  HTML5 video for local content and from online sources on the Internet.
261
225
 
262
226
  [role="mb-8"]
263
- Incredible? See the next example page link:{url-tour--present-video}[Video Player].
227
+ Incredible? See the next example page link:{url-tour--video_data}[Video Player].
228
+
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  title: Image
3
- title_extention: Present Images using J1 Template
4
- tagline: Present Images
3
+ title_extention: J1 Template Apps
4
+ tagline: Apps
5
5
 
6
6
  date: 2020-11-03
7
7
  #last_modified: 2023-01-01
@@ -27,7 +27,7 @@ image:
27
27
 
28
28
  compress: true
29
29
  regenerate: false
30
- permalink: /pages/public/tour/present_images/
30
+ permalink: /pages/public/tour/image_data/
31
31
 
32
32
  resources: [
33
33
  carousel, gallery, lightbox, lightgallery,
@@ -504,5 +504,4 @@ Quicktime, or Silverlight is no longer needed as the Theme JekyllOne provides
504
504
  HTML5 video for local content and from online sources on the Internet.
505
505
 
506
506
  [role="mb-7"]
507
- Incredible? See the next example page link:{url-tour--present-audio}[Audio Player].
508
-
507
+ Incredible? See the next example page link:{url-tour--audio_data}[Audio Player].
@@ -1,7 +1,7 @@
1
1
  ---
2
- title: Video Player
3
- title_extention: Playback Video using J1 Template
4
- tagline: Playback Video
2
+ title: Video
3
+ title_extention: J1 Template Apps
4
+ tagline: Players
5
5
 
6
6
  date: 2020-11-04
7
7
  #last_modified: 2023-01-01
@@ -28,10 +28,10 @@ image:
28
28
  compress: false
29
29
  personalization: true
30
30
  regenerate: false
31
- permalink: /pages/public/tour/present_video/
31
+ permalink: /pages/public/tour/video_data/
32
32
 
33
33
  resources: [
34
- amplitudejs,
34
+ # amplitudejs,
35
35
  gallery, lightgallery, masonry,
36
36
  videojs, vimeo-player
37
37
  ]
@@ -131,6 +131,7 @@ without loading *external players*.
131
131
  Peck Pocketed · MP4 Video
132
132
  </div>
133
133
  ++++
134
+
134
135
  video::/assets/video//html5/peck_pocketed.mp4[poster="/assets/video/poster/html5/peck_pocketed.jpg", opts="" role="mt-1 mb-5"]
135
136
 
136
137
  ifeval::[{ytp_audio} == true]
@@ -163,7 +164,7 @@ endif::[]
163
164
 
164
165
 
165
166
  [role="mt-5"]
166
- == VideoJS
167
+ == J1 VideoJS
167
168
 
168
169
  VideoJS is a *free-to-use* open-source JavaScript framework for building
169
170
  custom video players for the web. Implementing VideoJS for the J1 Template
@@ -182,7 +183,7 @@ VideoJS provides a flexible and customizable platform for displaying and
182
183
  controlling MPEG 4 video content on websites and web applications.
183
184
 
184
185
  .Rolling Wild · MP4 Video
185
- videojs::/assets/video//html5/rolling_wild.mp4[poster="/assets/video/poster/html5/rolling_wild.jpg", opts="" role="mt-4 mb-5"]
186
+ videojs::/assets/video//html5/rolling_wild.mp4[poster="/assets/video/poster/html5/rolling_wild.jpg", opts="" role="mb-5"]
186
187
 
187
188
  [role="mt-4"]
188
189
  === YouTube
@@ -197,7 +198,7 @@ different - for good reasons. See a compilation on YouTube of the very best
197
198
  auditions ever.
198
199
 
199
200
  .Best Auditions · AGT 2024
200
- youtube::4VSBJU52UvM[poster="//img.youtube.com/vi/4VSBJU52UvM/maxresdefault.jpg" role="mt-4 mb-5"]
201
+ youtube::4VSBJU52UvM[poster="//img.youtube.com/vi/4VSBJU52UvM/maxresdefault.jpg" role="mb-4"]
201
202
 
202
203
  ifeval::[{ytp_rhythm} == true]
203
204
  Dog Dancing is presented quite often on stage. Like AGT season 18, Adrian Stoica
@@ -206,7 +207,7 @@ But see Roni Sagi - an Israeli dog trainer - and her dog Rhythm. This is Dog
206
207
  Traing the next level.
207
208
 
208
209
  .Roni Sagi & Rhythm, ALL Performances · AGT 2024
209
- youtube::1J2qz6B-PFY[poster="//img.youtube.com/vi/1J2qz6B-PFY/maxresdefault.jpg" role="mt-4 mb-5"]
210
+ youtube::1J2qz6B-PFY[poster="//img.youtube.com/vi/1J2qz6B-PFY/maxresdefault.jpg" role="mb-4"]
210
211
  endif::[]
211
212
 
212
213
  ifeval::[{ytp_sky_elements} == true]
@@ -215,7 +216,7 @@ A large group of Drones is painting lights in the sky to reflect the most
215
216
  captivating narratives.
216
217
 
217
218
  .Sky Elements, ALL Performances · AGT 2024
218
- youtube::cN8IrZUhPtc[poster="//img.youtube.com/vi/cN8IrZUhPtc/maxresdefault.jpg" role="mt-4 mb-5"]
219
+ youtube::cN8IrZUhPtc[poster="//img.youtube.com/vi/cN8IrZUhPtc/maxresdefault.jpg" role="mb-4"]
219
220
  endif::[]
220
221
 
221
222
 
@@ -229,7 +230,7 @@ Like YouTube, videos can be watched for free, but ads are shown on every
229
230
  video.
230
231
 
231
232
  .Beginner Mat Pilates · SELF Channel
232
- dailymotion::x87ycik[poster="/assets/video/poster/dailymotion/pilates.jpg" role="mt-4 mb-5"]
233
+ dailymotion::x87ycik[poster="/assets/video/poster/dailymotion/pilates.jpg" role="mb-4"]
233
234
  endif::[]
234
235
 
235
236
  ifeval::[{vm_video} == true]
@@ -243,7 +244,7 @@ showcase their videos. Vimeo is known for its emphasis on high-quality
243
244
  video and creative expression.
244
245
 
245
246
  .Kick It Old School · Forever 21
246
- vimeo::179528528[poster="/assets/video/poster/vimeo/kick_it_old_school.jpg" role="mt-4 mb-4"]
247
+ vimeo::179528528[poster="/assets/video/poster/vimeo/kick_it_old_school.jpg" role="mb-4"]
247
248
  // vimeo::179528528[poster="auto" role="mt-4 mb-5"]
248
249
  // vimeo::179528528[role="mt-4 mb-5"]
249
250
 
@@ -288,7 +289,7 @@ Masonry for J1 Template is a great tool for creating dynamic video galleries.
288
289
  The module makes creating a gallery to display videos of different types easy.
289
290
 
290
291
  .Mixed Video · Masonry + LightGallery
291
- masonry::mixed_video_example[role="mt-4 mb-4"]
292
+ masonry::mixed_video_example[role="mb-4"]
292
293
 
293
294
  [role="mb-5"]
294
295
  .More about Masonry
@@ -316,7 +317,7 @@ HD 720p (1280x720 pixel).
316
317
  ====
317
318
 
318
319
  .Local MP4 Video · Justified Gallery + LightGallery
319
- gallery::jg_video_html5[role="mt-4 mb-5"]
320
+ gallery::jg_video_html5[role="mb-4"]
320
321
 
321
322
  ifeval::[{yt_gallery} == true]
322
323
  [role="mt-4"]
@@ -333,7 +334,7 @@ new studio album *The Tortured Poets Department: The Anthology*, released on
333
334
  April 19, 2024.
334
335
 
335
336
  .Taylor Swift - The Tortured Poets Department · Justified Gallery + LightGallery
336
- gallery::jg_video_online_taylor_swift[role="mt-4 mb-4"]
337
+ gallery::jg_video_online_taylor_swift[role="mb-4"]
337
338
 
338
339
  [role="mb-5"]
339
340
  [TIP]
@@ -368,7 +369,7 @@ offers sufficient space for private projects to present video content
368
369
  without advertising.
369
370
 
370
371
  .Forever 21 · Justified Gallery + LightGallery
371
- gallery::jg_video_online_vimeo[role="mb-5"]
372
+ gallery::jg_video_online_vimeo[role="mb-4"]
372
373
  endif::[]
373
374
 
374
375
  ifeval::[{dm_gallery} == true]
@@ -385,7 +386,7 @@ Like YouTube, videos can be watched for free, but ads are shown on each and
385
386
  every video.
386
387
 
387
388
  .SELF Chanel · Justified Gallery + LightGallery
388
- gallery::jg_video_online_dailymotion[role="mt-4 mb-5"]
389
+ gallery::jg_video_online_dailymotion[role="mb-4"]
389
390
  endif::[]
390
391
 
391
392
  [role="mt-5"]
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.19
4
+ version: 2024.3.21
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-03-04 00:00:00.000000000 Z
11
+ date: 2025-05-25 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -340,6 +340,8 @@ files:
340
340
  - assets/data/rtext_resizer.html
341
341
  - assets/data/slick.html
342
342
  - assets/data/speak2me.html
343
+ - assets/data/swiper_app.2.html
344
+ - assets/data/swiper_app.4.html
343
345
  - assets/data/swiper_app.html
344
346
  - assets/data/swiper_app.json
345
347
  - assets/data/themes.bootswatch.json
@@ -1698,12 +1700,16 @@ files:
1698
1700
  - assets/theme/j1/modules/spinner/js/spin.min.js
1699
1701
  - assets/theme/j1/modules/swiperjs/LICENSE
1700
1702
  - assets/theme/j1/modules/swiperjs/README.md
1703
+ - assets/theme/j1/modules/swiperjs/css/modules/layoutBase.css
1704
+ - assets/theme/j1/modules/swiperjs/css/modules/layoutBase.min.css
1701
1705
  - assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.css
1702
1706
  - assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.min.css
1703
1707
  - assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.css
1704
1708
  - assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.min.css
1705
1709
  - assets/theme/j1/modules/swiperjs/css/modules/layoutPanorama.css
1706
1710
  - assets/theme/j1/modules/swiperjs/css/modules/layoutPanorama.min.css
1711
+ - assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.css
1712
+ - assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.min.css
1707
1713
  - assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.css
1708
1714
  - assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.min.css
1709
1715
  - assets/theme/j1/modules/swiperjs/css/modules/layoutThumbs.css
@@ -1712,16 +1718,20 @@ files:
1712
1718
  - assets/theme/j1/modules/swiperjs/css/swiper-bundle.min..css
1713
1719
  - assets/theme/j1/modules/swiperjs/css/theme/uno.css
1714
1720
  - assets/theme/j1/modules/swiperjs/css/theme/uno.min.css
1715
- - assets/theme/j1/modules/swiperjs/js/highlightJS.js
1716
- - assets/theme/j1/modules/swiperjs/js/highlightJS.min.js
1717
- - assets/theme/j1/modules/swiperjs/js/modules/!readme
1721
+ - assets/theme/j1/modules/swiperjs/js/modules/layoutBase.js
1722
+ - assets/theme/j1/modules/swiperjs/js/modules/layoutBase.min.js
1718
1723
  - assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.js
1719
1724
  - assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.min.js
1720
1725
  - assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.js
1721
1726
  - assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.min.js
1722
1727
  - assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.js
1723
1728
  - assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.min.js
1729
+ - assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.js
1730
+ - assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.min.js
1731
+ - assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.0.js
1732
+ - assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.1.js
1724
1733
  - assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.js
1734
+ - assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.min.js
1725
1735
  - assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.js
1726
1736
  - assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.min.js
1727
1737
  - assets/theme/j1/modules/swiperjs/js/swiper-bundle.js
@@ -2003,7 +2013,7 @@ files:
2003
2013
  - lib/starter_web/_data/modules/cookieconsent.yml
2004
2014
  - lib/starter_web/_data/modules/cookies.yml
2005
2015
  - lib/starter_web/_data/modules/defaults/advertising.yml
2006
- - lib/starter_web/_data/modules/defaults/amplitude_app.yml
2016
+ - lib/starter_web/_data/modules/defaults/amplitude.yml
2007
2017
  - lib/starter_web/_data/modules/defaults/analytics.yml
2008
2018
  - lib/starter_web/_data/modules/defaults/attics.yml
2009
2019
  - lib/starter_web/_data/modules/defaults/authentication.yml
@@ -2239,6 +2249,9 @@ files:
2239
2249
  - lib/starter_web/assets/image/custom/!info/!readme
2240
2250
  - lib/starter_web/assets/image/custom/header/scalable/avatar.svg
2241
2251
  - lib/starter_web/assets/image/icon/asciidoc/logo-512x512.png
2252
+ - lib/starter_web/assets/image/icon/bokeh/bokeh-32x32.ico
2253
+ - lib/starter_web/assets/image/icon/bokeh/bokeh.ico
2254
+ - lib/starter_web/assets/image/icon/bokeh/logo-160x160.png
2242
2255
  - lib/starter_web/assets/image/icon/bootstrap/bootstrap-solid-32x32.png
2243
2256
  - lib/starter_web/assets/image/icon/bootstrap/bs-docs-masthead-pattern.png
2244
2257
  - lib/starter_web/assets/image/icon/bootstrap/scalable/bootstrap-outline.svg
@@ -2277,6 +2290,12 @@ files:
2277
2290
  - lib/starter_web/assets/image/icon/controls/close-icon.svg
2278
2291
  - lib/starter_web/assets/image/icon/controls/up.svg
2279
2292
  - lib/starter_web/assets/image/icon/github/avatar-icon.png
2293
+ - lib/starter_web/assets/image/icon/hyvor-talk/hyvore-talk.ico
2294
+ - lib/starter_web/assets/image/icon/hyvor-talk/jpg/hyvor-logo.512x512.jpg
2295
+ - lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.jpg
2296
+ - lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.png
2297
+ - lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.512x512.png
2298
+ - lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg
2280
2299
  - lib/starter_web/assets/image/icon/hyvor/hyvore-talk.ico
2281
2300
  - lib/starter_web/assets/image/icon/hyvor/jpg/hyvor-logo.512x512.jpg
2282
2301
  - lib/starter_web/assets/image/icon/hyvor/png/hyvor-logo.24x24.jpg
@@ -2300,12 +2319,17 @@ files:
2300
2319
  - lib/starter_web/assets/image/icon/j1/scalable/j1.svg
2301
2320
  - lib/starter_web/assets/image/icon/jekyll/logo-2x.png
2302
2321
  - lib/starter_web/assets/image/icon/jekyll/octojekyll.png
2322
+ - lib/starter_web/assets/image/icon/jupyter/jupyter-32x32.ico
2323
+ - lib/starter_web/assets/image/icon/jupyter/jupyter.ico
2324
+ - lib/starter_web/assets/image/icon/jupyter/logo.png
2303
2325
  - lib/starter_web/assets/image/icon/lanus/favicon.ico
2304
2326
  - lib/starter_web/assets/image/icon/lanus/lanus-512x512.png
2305
2327
  - lib/starter_web/assets/image/icon/lanus/lanus.ico
2306
2328
  - lib/starter_web/assets/image/icon/lanus/lanus.png
2307
2329
  - lib/starter_web/assets/image/icon/lanus/scalable/lanus.svg
2308
2330
  - lib/starter_web/assets/image/icon/lanus/scalable/lanus_sw.svg
2331
+ - lib/starter_web/assets/image/icon/mdi/mdi.svg
2332
+ - lib/starter_web/assets/image/icon/mdi/mdil.svg
2309
2333
  - lib/starter_web/assets/image/icon/mdi/scalable/mdi.svg
2310
2334
  - lib/starter_web/assets/image/icon/mdi/scalable/mdil.svg
2311
2335
  - lib/starter_web/assets/image/icon/os/centos/centos-icon.png
@@ -2322,6 +2346,10 @@ files:
2322
2346
  - lib/starter_web/assets/image/icon/os/windows/windows_flags_color.ico
2323
2347
  - lib/starter_web/assets/image/icon/os/windows/windows_hdd.ico
2324
2348
  - lib/starter_web/assets/image/icon/os/windows/windows_store.ico
2349
+ - lib/starter_web/assets/image/icon/scalable/facebook.svg
2350
+ - lib/starter_web/assets/image/icon/scalable/google.svg
2351
+ - lib/starter_web/assets/image/icon/scalable/ibm.svg
2352
+ - lib/starter_web/assets/image/icon/scalable/microsoft.svg
2325
2353
  - lib/starter_web/assets/image/icon/social/amazon.png
2326
2354
  - lib/starter_web/assets/image/icon/social/behance.png
2327
2355
  - lib/starter_web/assets/image/icon/social/blogger.png
@@ -2572,6 +2600,11 @@ files:
2572
2600
  - lib/starter_web/assets/image/module/masterslider/wp-examples/ms-free-business-3.jpg
2573
2601
  - lib/starter_web/assets/image/module/swiper/audio/!info/!readme
2574
2602
  - lib/starter_web/assets/image/module/swiper/audio/!readme
2603
+ - lib/starter_web/assets/image/module/swiper/avatar/avatar-1.png
2604
+ - lib/starter_web/assets/image/module/swiper/avatar/avatar-2.png
2605
+ - lib/starter_web/assets/image/module/swiper/avatar/avatar-3.png
2606
+ - lib/starter_web/assets/image/module/swiper/avatar/avatar-4.png
2607
+ - lib/starter_web/assets/image/module/swiper/avatar/avatar-5.png
2575
2608
  - lib/starter_web/assets/image/module/swiper/extended/expanding/!info/!readme
2576
2609
  - lib/starter_web/assets/image/module/swiper/extended/expanding/image/avatar/avatar-1.jpg
2577
2610
  - lib/starter_web/assets/image/module/swiper/extended/expanding/image/avatar/avatar-2.jpg
@@ -2609,14 +2642,14 @@ files:
2609
2642
  - lib/starter_web/assets/image/module/swiper/extended/panorama/image/7.jpg
2610
2643
  - lib/starter_web/assets/image/module/swiper/extended/panorama/image/8.jpg
2611
2644
  - lib/starter_web/assets/image/module/swiper/extended/panorama/image/9.jpg
2612
- - lib/starter_web/assets/image/module/swiper/extended/poster/!info/!readme
2613
- - lib/starter_web/assets/image/module/swiper/extended/poster/image/!readme
2614
- - lib/starter_web/assets/image/module/swiper/extended/poster/image/1.jpg
2615
- - lib/starter_web/assets/image/module/swiper/extended/poster/image/2.jpg
2616
- - lib/starter_web/assets/image/module/swiper/extended/poster/image/3.jpg
2617
- - lib/starter_web/assets/image/module/swiper/extended/poster/image/4.jpg
2618
- - lib/starter_web/assets/image/module/swiper/extended/poster/image/5.jpg
2619
- - lib/starter_web/assets/image/module/swiper/extended/poster/image/6.jpg
2645
+ - lib/starter_web/assets/image/module/swiper/extended/stacked/!info/!readme
2646
+ - lib/starter_web/assets/image/module/swiper/extended/stacked/image/!readme
2647
+ - lib/starter_web/assets/image/module/swiper/extended/stacked/image/1.jpg
2648
+ - lib/starter_web/assets/image/module/swiper/extended/stacked/image/2.jpg
2649
+ - lib/starter_web/assets/image/module/swiper/extended/stacked/image/3.jpg
2650
+ - lib/starter_web/assets/image/module/swiper/extended/stacked/image/4.jpg
2651
+ - lib/starter_web/assets/image/module/swiper/extended/stacked/image/5.jpg
2652
+ - lib/starter_web/assets/image/module/swiper/extended/stacked/image/6.jpg
2620
2653
  - lib/starter_web/assets/image/module/swiper/simple/free_animal/!info/!readme
2621
2654
  - lib/starter_web/assets/image/module/swiper/simple/free_animal/image/free-animal-1.jpg
2622
2655
  - lib/starter_web/assets/image/module/swiper/simple/free_animal/image/free-animal-2.jpg
@@ -2650,6 +2683,7 @@ files:
2650
2683
  - lib/starter_web/assets/image/module/swiper/simple/mega_city/image/thomas-tucker_b.jpg
2651
2684
  - lib/starter_web/assets/image/module/swiper/simple/mega_city/image/tokyo_japan.jpg
2652
2685
  - lib/starter_web/assets/image/module/swiper/simple/mega_city/info/authors.txt
2686
+ - lib/starter_web/assets/image/module/swiper/simple/test/image/diana_krall.jpg
2653
2687
  - lib/starter_web/assets/image/module/swiper/video/!info/!readme
2654
2688
  - lib/starter_web/assets/image/module/swiper/video/!readme
2655
2689
  - lib/starter_web/assets/image/page/asciidoc_skeletons/example-pdf-screenshot.jpg
@@ -3020,6 +3054,7 @@ files:
3020
3054
  - lib/starter_web/pages/public/tools/previewer/preview_bootstrap_theme.adoc
3021
3055
  - lib/starter_web/pages/public/tools/previewer/preview_videojs.adoc
3022
3056
  - lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc
3057
+ - lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc
3023
3058
  - lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc
3024
3059
  - lib/starter_web/pages/public/tour/_includes/attributes.asciidoc
3025
3060
  - lib/starter_web/pages/public/tour/_includes/documents/100_gistblock.asciidoc
@@ -3038,16 +3073,16 @@ files:
3038
3073
  - lib/starter_web/pages/public/tour/_includes/documents/themes_bootstrap.asciidoc
3039
3074
  - lib/starter_web/pages/public/tour/_includes/documents/themes_rouge.asciidoc
3040
3075
  - lib/starter_web/pages/public/tour/asciidoc_extensions.adoc
3076
+ - lib/starter_web/pages/public/tour/audio_data.adoc
3041
3077
  - lib/starter_web/pages/public/tour/bootstrap_themes.adoc
3042
3078
  - lib/starter_web/pages/public/tour/highlghter_rouge.adoc
3043
3079
  - lib/starter_web/pages/public/tour/icon_fonts.adoc
3080
+ - lib/starter_web/pages/public/tour/image_data.adoc
3044
3081
  - lib/starter_web/pages/public/tour/modal_extentions.adoc
3045
- - lib/starter_web/pages/public/tour/play_audio.adoc
3046
- - lib/starter_web/pages/public/tour/play_video.adoc
3047
- - lib/starter_web/pages/public/tour/present_images.adoc
3048
3082
  - lib/starter_web/pages/public/tour/quicksearch.adoc
3049
3083
  - lib/starter_web/pages/public/tour/responsive_tables.adoc
3050
3084
  - lib/starter_web/pages/public/tour/typography.adoc
3085
+ - lib/starter_web/pages/public/tour/video_data.adoc
3051
3086
  homepage: https://jekyll.one
3052
3087
  licenses:
3053
3088
  - MIT