j1-template 2024.3.20 → 2024.3.22

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 (151) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/page.html +1 -0
  3. data/assets/data/amplitude_app.html +87 -73
  4. data/assets/theme/j1/adapter/js/advertising.js +40 -38
  5. data/assets/theme/j1/adapter/js/algolia.js +13 -11
  6. data/assets/theme/j1/adapter/js/amplitude.js +882 -490
  7. data/assets/theme/j1/adapter/js/analytics.js +19 -17
  8. data/assets/theme/j1/adapter/js/asciidoctor.js +10 -8
  9. data/assets/theme/j1/adapter/js/attic.js +24 -22
  10. data/assets/theme/j1/adapter/js/bmd.js +10 -8
  11. data/assets/theme/j1/adapter/js/carousel.js +12 -9
  12. data/assets/theme/j1/adapter/js/chatbot.js +106 -104
  13. data/assets/theme/j1/adapter/js/clipboard.js +16 -14
  14. data/assets/theme/j1/adapter/js/comments.js +24 -22
  15. data/assets/theme/j1/adapter/js/cookieConsent.js +5 -1
  16. data/assets/theme/j1/adapter/js/customFunctions.js +12 -10
  17. data/assets/theme/j1/adapter/js/customModule.js +10 -8
  18. data/assets/theme/j1/adapter/js/docsearch.js +33 -31
  19. data/assets/theme/j1/adapter/js/dropdowns.js +16 -14
  20. data/assets/theme/j1/adapter/js/fab.js +34 -32
  21. data/assets/theme/j1/adapter/js/gallery.js +21 -19
  22. data/assets/theme/j1/adapter/js/gemini.js +66 -64
  23. data/assets/theme/j1/adapter/js/iconPicker.js +31 -29
  24. data/assets/theme/j1/adapter/js/iconPickerPage.js +11 -9
  25. data/assets/theme/j1/adapter/js/iframer.js +17 -15
  26. data/assets/theme/j1/adapter/js/j1.js +146 -143
  27. data/assets/theme/j1/adapter/js/lazyLoader.js +33 -31
  28. data/assets/theme/j1/adapter/js/lightbox.js +9 -7
  29. data/assets/theme/j1/adapter/js/logger.js +11 -9
  30. data/assets/theme/j1/adapter/js/lunr.js +37 -35
  31. data/assets/theme/j1/adapter/js/masonry.js +23 -21
  32. data/assets/theme/j1/adapter/js/masterslider.js +31 -29
  33. data/assets/theme/j1/adapter/js/mmenu.js +25 -23
  34. data/assets/theme/j1/adapter/js/navigator.js +43 -41
  35. data/assets/theme/j1/adapter/js/particles.js +12 -10
  36. data/assets/theme/j1/adapter/js/rangeSlider.js +21 -19
  37. data/assets/theme/j1/adapter/js/rouge.js +10 -8
  38. data/assets/theme/j1/adapter/js/rtable.js +14 -12
  39. data/assets/theme/j1/adapter/js/rtextResizer.js +10 -8
  40. data/assets/theme/j1/adapter/js/scroller.js +15 -13
  41. data/assets/theme/j1/adapter/js/slick.js +18 -16
  42. data/assets/theme/j1/adapter/js/slimSelect.js +30 -28
  43. data/assets/theme/j1/adapter/js/speak2me.js +25 -23
  44. data/assets/theme/j1/adapter/js/swiper.js +13 -11
  45. data/assets/theme/j1/adapter/js/themeToggler.js +11 -9
  46. data/assets/theme/j1/adapter/js/themes.js +25 -23
  47. data/assets/theme/j1/adapter/js/toccer.js +13 -11
  48. data/assets/theme/j1/adapter/js/translator.js +19 -16
  49. data/assets/theme/j1/adapter/js/videojs.js +9 -7
  50. data/assets/theme/j1/adapter/js/waves.js +18 -16
  51. data/assets/theme/j1/core/js/template.js +11180 -10968
  52. data/assets/theme/j1/core/js/template.min.js +13 -18
  53. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +50 -4
  54. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
  55. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +197 -403
  56. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -1
  57. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +70 -46
  58. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -1
  59. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +72 -9
  60. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +2 -1
  61. data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +481 -417
  62. data/assets/theme/j1/modules/backstretch/js/backstretch.js +2 -2
  63. data/assets/theme/j1/modules/backstretch/js/backstretch.min.js +1 -1
  64. data/assets/theme/j1/modules/cookieConsent/js/cookieConsent.js +11 -11
  65. data/assets/theme/j1/modules/cookieConsent/js/cookieConsent.min.js +2 -1
  66. data/assets/theme/j1/modules/dropdowns/js/dropdowns.js +2 -2
  67. data/assets/theme/j1/modules/dropdowns/js/dropdowns.min.js +1 -1
  68. data/assets/theme/j1/modules/fab/js/fab.js +2 -2
  69. data/assets/theme/j1/modules/fab/js/fab.min.js +1 -1
  70. data/assets/theme/j1/modules/lunr/js/j1.js +1 -1
  71. data/assets/theme/j1/modules/lunr/js/j1.min.js +2 -1
  72. data/assets/theme/j1/modules/rtable/js/rtable.js +2 -2
  73. data/assets/theme/j1/modules/rtable/js/rtable.min.js +2 -1
  74. data/assets/theme/j1/modules/scroller/js/scroller.js +31 -29
  75. data/assets/theme/j1/modules/scroller/js/scroller.min.js +2 -1
  76. data/assets/theme/j1/modules/themeSwitcher/js/switcher.js +26 -26
  77. data/assets/theme/j1/modules/themeSwitcher/js/switcher.min.js +2 -1
  78. data/assets/theme/j1/modules/translator/js/translator.js +17 -17
  79. data/assets/theme/j1/modules/translator/js/translator.min.js +1 -1
  80. data/assets/theme/j1/modules/videojs/js/plugins/players/dm/dailymotion.js +10 -8
  81. data/assets/theme/j1/modules/videojs/js/plugins/players/dm/dailymotion.min.js +1 -1
  82. data/assets/theme/j1/modules/videojs/js/plugins/players/vm/vimeo.js +9 -7
  83. data/assets/theme/j1/modules/videojs/js/plugins/players/vm/vimeo.min.js +1 -1
  84. data/assets/theme/j1/modules/videojs/js/plugins/players/wt/wistia.js +13 -11
  85. data/assets/theme/j1/modules/videojs/js/plugins/players/wt/wistia.min.js +1 -1
  86. data/assets/theme/j1/modules/videojs/js/plugins/players/yt/youtube.js +10 -8
  87. data/assets/theme/j1/modules/videojs/js/plugins/players/yt/youtube.min.js +1 -1
  88. data/lib/j1/version.rb +1 -1
  89. data/lib/starter_web/README.md +5 -5
  90. data/lib/starter_web/_config.yml +1 -1
  91. data/lib/starter_web/_data/modules/amplitude_app.yml +4 -4
  92. data/lib/starter_web/_data/modules/amplitude_playlists.yml +168 -123
  93. data/lib/starter_web/_data/modules/defaults/amplitude.yml +8 -3
  94. data/lib/starter_web/_data/modules/swiper_app.yml +67 -0
  95. data/lib/starter_web/_data/modules/swiper_playlists.yml +26 -0
  96. data/lib/starter_web/_data/templates/feed.xml +1 -1
  97. data/lib/starter_web/_includes/attributes.asciidoc +5 -4
  98. data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb +8 -0
  99. data/lib/starter_web/_plugins/asciidoctor/youtube-block.rb +7 -0
  100. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  101. data/lib/starter_web/assets/audio/album/emancipator/Alligator.mp3 +0 -0
  102. data/lib/starter_web/assets/audio/album/emancipator/DabCity.mp3 +0 -0
  103. data/lib/starter_web/assets/audio/album/emancipator/SeaToSky.mp3 +0 -0
  104. data/lib/starter_web/assets/audio/album/emancipator/TimeForSpace.mp3 +0 -0
  105. data/lib/starter_web/assets/audio/cover/emancipator/alligator.jpg +0 -0
  106. data/lib/starter_web/assets/audio/cover/emancipator/anthem.jpg +0 -0
  107. data/lib/starter_web/assets/audio/cover/emancipator/dab-city.jpg +0 -0
  108. data/lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn.jpg +0 -0
  109. data/lib/starter_web/assets/audio/cover/emancipator/safe-in-the-steep-cliffs.jpg +0 -0
  110. data/lib/starter_web/assets/audio/cover/emancipator/sea-to-sky.jpg +0 -0
  111. data/lib/starter_web/assets/audio/cover/emancipator/soon-it-will-be-cold-enough.jpg +0 -0
  112. data/lib/starter_web/assets/audio/cover/emancipator/tine-for-space.jpg +0 -0
  113. data/lib/starter_web/assets/image/icon/bokeh/bokeh-32x32.ico +0 -0
  114. data/lib/starter_web/assets/image/icon/bokeh/bokeh.ico +0 -0
  115. data/lib/starter_web/assets/image/icon/bokeh/logo-160x160.png +0 -0
  116. data/lib/starter_web/assets/image/icon/hyvor-talk/hyvore-talk.ico +0 -0
  117. data/lib/starter_web/assets/image/icon/hyvor-talk/jpg/hyvor-logo.512x512.jpg +0 -0
  118. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.jpg +0 -0
  119. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.png +0 -0
  120. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.512x512.png +0 -0
  121. data/lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg +81 -0
  122. data/lib/starter_web/assets/image/icon/jupyter/jupyter-32x32.ico +0 -0
  123. data/lib/starter_web/assets/image/icon/jupyter/jupyter.ico +0 -0
  124. data/lib/starter_web/assets/image/icon/jupyter/logo.png +0 -0
  125. data/lib/starter_web/assets/image/icon/mdi/mdi.svg +1 -0
  126. data/lib/starter_web/assets/image/icon/mdi/mdil.svg +1 -0
  127. data/lib/starter_web/assets/image/icon/scalable/facebook.svg +34 -0
  128. data/lib/starter_web/assets/image/icon/scalable/google.svg +35 -0
  129. data/lib/starter_web/assets/image/icon/scalable/ibm.svg +24 -0
  130. data/lib/starter_web/assets/image/icon/scalable/microsoft.svg +42 -0
  131. data/lib/starter_web/assets/image/module/swiper/simple/test/image/diana_krall.jpg +0 -0
  132. data/lib/starter_web/index.html +3 -3
  133. data/lib/starter_web/package.json +1 -1
  134. data/lib/starter_web/pages/public/learn/where_to_go.adoc +1 -1
  135. data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +3 -18
  136. data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +6 -6
  137. data/lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc +87 -0
  138. data/lib/starter_web/pages/public/tour/_includes/attributes.asciidoc +3 -3
  139. data/lib/starter_web/pages/public/tour/{play_audio.adoc → audio_data.adoc} +35 -55
  140. data/lib/starter_web/pages/public/tour/{present_images.adoc → image_data.adoc} +4 -5
  141. data/lib/starter_web/pages/public/tour/{play_video.adoc → video_data.adoc} +17 -16
  142. metadata +42 -14
  143. data/lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/anthem.jpg +0 -0
  144. data/lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/from-dusk-to-dawn.jpg +0 -0
  145. data/lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/safe-in-the-steep-cliffs.jpg +0 -0
  146. data/lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/soon-it-will-be-cold-enough.jpg +0 -0
  147. /data/lib/starter_web/assets/audio/album/emancipator/{from-dusk-to-dawn → !info}/!sound.links.txt +0 -0
  148. /data/lib/starter_web/assets/audio/album/emancipator/{from-dusk-to-dawn/Anthem.mp3 → Anthem.mp3} +0 -0
  149. /data/lib/starter_web/assets/audio/album/emancipator/{from-dusk-to-dawn/DuskToDawn.mp3 → DuskToDawn.mp3} +0 -0
  150. /data/lib/starter_web/assets/audio/album/emancipator/{from-dusk-to-dawn/FirstSnow.mp3 → FirstSnow.mp3} +0 -0
  151. /data/lib/starter_web/assets/audio/album/emancipator/{from-dusk-to-dawn/SafeInTheSteepCliffs.mp3 → SafeInTheSteepCliffs.mp3} +0 -0
@@ -1,7 +1,7 @@
1
1
  ---
2
- title: J1 Amplitude App
3
- title_extention: YouTube Video Integration
4
- tagline: YouTube Video Integration
2
+ title: J1 Amplitude
3
+ title_extention: YouTube Video
4
+ tagline: YouTube Video
5
5
 
6
6
  date: 2024-09-21
7
7
  #last_modified: 2024-01-01
@@ -214,7 +214,7 @@ lorem:sentences[5]
214
214
  lorem:sentences[3]
215
215
 
216
216
  .Ephraim Kishon · Beste Familiengeschichten
217
- amplitude::ephraim_kishon_beste_familiengeschichten_yt_large[role="mb-5"]
217
+ amplitude::familiengeschichten_yt_large[role="mb-5"]
218
218
 
219
219
 
220
220
  [role="mt-4"]
@@ -223,11 +223,11 @@ amplitude::ephraim_kishon_beste_familiengeschichten_yt_large[role="mb-5"]
223
223
  lorem:sentences[3]
224
224
 
225
225
  .Ephraim Kishon · Beste Autofahrergeschichten
226
- amplitude::ephraim_kishon_beste_autofahrer_geschichten_yt_large[role="mb-5"]
226
+ amplitude::autofahrer_geschichten_yt_large[role="mb-5"]
227
227
 
228
228
 
229
229
  [role="mt-4"]
230
- === Emancipator
230
+ === Disco 80th
231
231
 
232
232
  The large design provides the full functionality of an audio player to ensure
233
233
  users can easily control audio playback. The player behaves similarly to a
@@ -0,0 +1,87 @@
1
+ ---
2
+ title: J1 Swiper
3
+ title_extention: Replacemant for Backstretch
4
+ tagline: Replacemant for Backstretch
5
+ date: 2025-05-22
6
+ #last_modified: 2025-01-01
7
+
8
+ description: >
9
+ SwiperJS is a Javascript API that creates modern
10
+ slider shows. All sliders use hardware-accelerated
11
+ features like 3D transitions to perform best on modern
12
+ devices. SwiperJS-based sliders are intended to be
13
+ displayed at their best on all types of websites, such
14
+ as those viewed on desktop computers, tablets, or
15
+ smartphones.
16
+ keywords: >
17
+ open source, free, template, jekyll, jekyllone, web,
18
+ sites, static, jamstack, bootstrap,
19
+ html, html5, sliders, carousels, SwiperJS
20
+
21
+ categories: [ Tester ]
22
+ tags: [ SwiperJS ]
23
+
24
+ image:
25
+ path: /assets/image/module/attic/markus-spiske-1920x1280.jpg
26
+ width: 1920
27
+ height: 1280
28
+
29
+ compress: false
30
+ regenerate: false
31
+ personalization: true
32
+ permalink: /pages/public/tools/tester/swiper/
33
+
34
+ resources: [ swiperjs ]
35
+ resource_options:
36
+ - toccer:
37
+ collapseDepth: 3
38
+ - attic:
39
+ enabled: false
40
+ slides:
41
+ - url: //kj.de/images/media/6078_20579.jpg
42
+ alt: Diana Krall
43
+ ---
44
+
45
+ // Page Initializer
46
+ // =============================================================================
47
+ // Enable the Liquid Preprocessor
48
+ :page-liquid:
49
+
50
+ // Attribute settings for section control
51
+ //
52
+ :swiper--features: false
53
+
54
+ // Set (local) page attributes here
55
+ // -----------------------------------------------------------------------------
56
+ // :page--attr: <attr-value>
57
+
58
+ // Load Liquid procedures
59
+ // -----------------------------------------------------------------------------
60
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
61
+
62
+ // Load page attributes
63
+ // -----------------------------------------------------------------------------
64
+ {% include {{load_attributes}} scope="global" %}
65
+
66
+ // Include sub-documents (if any)
67
+ // -----------------------------------------------------------------------------
68
+
69
+ // Page content
70
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
71
+
72
+ swiper::attic_swiper[role="mb-8"]
73
+
74
+ // ++++
75
+ // <!-- Swiper elements (El) -->
76
+ // <div id="swiper_image_base" class="swiper swiper-container">
77
+ // <!-- Swiper Wrapper (slides) -->
78
+ // <ul class="swiper-wrapper">
79
+ // <!-- flat swiper slide HTML -->
80
+ // <li class="swiper-slide">
81
+ // <img src="/assets/image/module/swiper/simple/test/image/diana_krall.jpg" alt="Slide Image diana_krall">
82
+ // </li>
83
+ // </ul>
84
+ // <!-- END Swiper Wrapper (slides) -->
85
+ // </div>
86
+ // <!-- END Swiper Container (elements) -->
87
+ // ++++
@@ -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,7 +1,7 @@
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
7
  last_modified: 2025-05-17
@@ -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:
@@ -103,7 +103,7 @@ audio::/assets/audio/sound-effects/ambient-piano.mp3[role="mt-4 mb-5"]
103
103
 
104
104
 
105
105
  [role="mt-5"]
106
- == AmplitudeJS
106
+ == J1 AmplitudeJS
107
107
 
108
108
  The J1 Template suports *native audio* files (e.g. mp3) using *custom players*
109
109
  based on *AmplitudeJS* using the the (default) theme Uno. The color scheme
@@ -111,9 +111,9 @@ used matches the look and feel of the template to preserve the page design.
111
111
 
112
112
  Three types of AmplitudeJS players are build-in for the J1 template system:
113
113
 
114
- * *Mini* Players
115
- * *Compact* Players (default payer)
116
- * *Large* Players
114
+ * *Mini* Player
115
+ * *Compact* Player (default player)
116
+ * *Large* Player
117
117
 
118
118
  [role="mt-4"]
119
119
  [NOTE]
@@ -125,74 +125,65 @@ mobile devices.
125
125
 
126
126
 
127
127
  [role="mt-5"]
128
- === Mini Players
128
+ === Mini Player
129
129
 
130
130
  In the context of complex components on a web page, like an audio player,
131
131
  a mini player refers to a minimized version of full players. It typically
132
132
  offers basic playback controls, such as pause, play, and
133
133
  volume adjustment, while taking up less screen space.
134
134
 
135
+ .Emancipator · From Dusk To Dawn
136
+ amplitude::emancipator_mini[role="mb-4"]
137
+
138
+ // .Royalty Free Music · Disco 80th
139
+ // amplitude::disco_mini[role="mb-4"]
140
+
135
141
  Mini players are beneficial when you want to listen to audio in the
136
142
  background without dedicating the entire screen to the player. They
137
143
  are commonly found on music streaming services, podcast platforms, and
138
144
  websites with embedded audio content.
139
145
 
140
- .Emancipator · From Dusk To Dawn
141
- amplitude::emancipator_mini[role="mb-5"]
142
-
143
- .Royalty Free Music · Disco 80th
144
- amplitude::disco_mini[role="mb-5"]
145
-
146
146
 
147
147
  [role="mt-5"]
148
- === Compact Players
148
+ === Compact Player
149
149
 
150
150
  The design of a *Compact player* is an efficient approach that involves
151
151
  condensing the player controls and display elements into a smaller area.
152
152
  It allows the audio player to fit neatly within the web page's layout without
153
153
  overwhelming or dominating the content around it.
154
154
 
155
+ .Emancipator · From Dusk To Dawn
156
+ amplitude::emancipator_compact[role="mb-4"]
157
+
158
+ // .Royalty Free Music · Disco 80th
159
+ // amplitude::disco_compact[role="mb-4"]
160
+
155
161
  The player aims to balance functionality and space efficiency, ensuring users
156
162
  can easily access and control the audio playback without sacrificing too much
157
163
  screen space or placing multiple players side-by-side.
158
164
 
159
- .Emancipator · From Dusk To Dawn
160
- amplitude::emancipator_compact[role="mb-5"]
161
-
162
- .Royalty Free Music · Disco 80th
163
- amplitude::disco_compact[role="mb-5"]
164
-
165
165
 
166
166
  [role="mt-5"]
167
- === Large Players
167
+ === Large Player
168
168
 
169
169
  A complex component, like an audio player on a web page, typically refers
170
170
  to a design or layout that minimizes the component's space while maintaining
171
171
  its functionality and usability.
172
172
 
173
- [role="mt-4"]
174
- ==== Emancipator
173
+ .Emancipator · From Dusk To Dawn
174
+ amplitude::emancipator_large[role="mb-4"]
175
+
176
+ // .Royalty Free Music · Disco 80th
177
+ // amplitude::disco_large[role="mb-4"]
175
178
 
176
179
  The large design provides the full functionality of an audio player to ensure
177
180
  users can easily control audio playback. The player behaves similarly to a
178
181
  compact player, but all controls are displayed in a single window; there is
179
182
  no need to open other widgets.
180
183
 
181
- .Emancipator · From Dusk To Dawn
182
- amplitude::emancipator_large[role="mb-5"]
183
-
184
- [role="mt-4"]
185
- ==== Disco 80th
186
-
187
- lorem:sentences[3]
188
-
189
- .Royalty Free Music · Disco 80th
190
- amplitude::disco_large[role="mb-5"]
191
-
192
-
193
184
 
194
185
  [role="mt-5"]
195
- == AmplitudeJS on Youtube
186
+ == J1 AmplitudeJS on YouTube
196
187
 
197
188
  The example demonstrates playing *Audio* track from *YouTube Video* using an
198
189
  AmplitudJS player. The J1 template uses the video *plugin ytp* to extend the
@@ -208,8 +199,11 @@ player buttons and controls to manage a *playlist* of videos the same as known
208
199
  for native audio files.
209
200
  ====
210
201
 
211
- .Manon Mélodie · YouTube 2025
212
- amplitude::manon_melodie_yt_large[role="mb-5"]
202
+ .Bea and her Business · YouTube 2025
203
+ amplitude::bea_yt_large[role="mb-5"]
204
+
205
+ .Diana Krall · YouTube
206
+ amplitude::diana_krall_yt_large[role="mb-4"]
213
207
 
214
208
  [role="mt-4 mb-5"]
215
209
  [NOTE]
@@ -219,20 +213,6 @@ AJS players of type *large* are supported.
219
213
  ====
220
214
 
221
215
 
222
- // [role="mt-4"]
223
- // === Ephraim Kishon
224
-
225
- // lorem:sentences[5]
226
-
227
- // [role="mt-4"]
228
- // ==== Beste Familiengeschichten
229
-
230
- // lorem:sentences[3]
231
-
232
- // .Ephraim Kishon · Beste Familiengeschichten
233
- // amplitude::ephraim_kishon_beste_familiengeschichten_yt_large[role="mb-5"]
234
-
235
-
236
216
  [role="mt-5"]
237
217
  == What next
238
218
 
@@ -250,4 +230,4 @@ Quicktime, or Silverlight is no longer needed as the Theme JekyllOne provides
250
230
  HTML5 video for local content and from online sources on the Internet.
251
231
 
252
232
  [role="mb-8"]
253
- Incredible? See the next example page link:{url-tour--present-video}[Video Player].
233
+ Incredible? See the next example page link:{url-tour--video_data}[Video Player].
@@ -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,7 +28,7 @@ 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
34
  # amplitudejs,
@@ -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.20
4
+ version: 2024.3.22
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-05-20 00:00:00.000000000 Z
11
+ date: 2025-05-29 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -2172,13 +2172,17 @@ files:
2172
2172
  - lib/starter_web/_plugins/seo/j1-feed.rb
2173
2173
  - lib/starter_web/_plugins/seo/j1-seo-tags.rb
2174
2174
  - lib/starter_web/_plugins/seo/j1-sitemap.rb
2175
+ - lib/starter_web/assets/audio/album/emancipator/!info/!sound.links.txt
2175
2176
  - lib/starter_web/assets/audio/album/emancipator/!info/All Through the Night - YouTube.url
2176
2177
  - lib/starter_web/assets/audio/album/emancipator/!info/Musik - emancipator.url
2177
- - lib/starter_web/assets/audio/album/emancipator/from-dusk-to-dawn/!sound.links.txt
2178
- - lib/starter_web/assets/audio/album/emancipator/from-dusk-to-dawn/Anthem.mp3
2179
- - lib/starter_web/assets/audio/album/emancipator/from-dusk-to-dawn/DuskToDawn.mp3
2180
- - lib/starter_web/assets/audio/album/emancipator/from-dusk-to-dawn/FirstSnow.mp3
2181
- - lib/starter_web/assets/audio/album/emancipator/from-dusk-to-dawn/SafeInTheSteepCliffs.mp3
2178
+ - lib/starter_web/assets/audio/album/emancipator/Alligator.mp3
2179
+ - lib/starter_web/assets/audio/album/emancipator/Anthem.mp3
2180
+ - lib/starter_web/assets/audio/album/emancipator/DabCity.mp3
2181
+ - lib/starter_web/assets/audio/album/emancipator/DuskToDawn.mp3
2182
+ - lib/starter_web/assets/audio/album/emancipator/FirstSnow.mp3
2183
+ - lib/starter_web/assets/audio/album/emancipator/SafeInTheSteepCliffs.mp3
2184
+ - lib/starter_web/assets/audio/album/emancipator/SeaToSky.mp3
2185
+ - lib/starter_web/assets/audio/album/emancipator/TimeForSpace.mp3
2182
2186
  - lib/starter_web/assets/audio/album/royalty_free/!info/Free Sound Effects & Royalty
2183
2187
  Free Music.url
2184
2188
  - lib/starter_web/assets/audio/album/royalty_free/!info/disco/!sound.links.txt
@@ -2187,10 +2191,14 @@ files:
2187
2191
  - lib/starter_web/assets/audio/cover/default/src/black-logo-no-slogan.png
2188
2192
  - lib/starter_web/assets/audio/cover/default/src/placeholder.psd
2189
2193
  - lib/starter_web/assets/audio/cover/default/src/white-logo-no-slogan.svg
2190
- - lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/anthem.jpg
2191
- - lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/from-dusk-to-dawn.jpg
2192
- - lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/safe-in-the-steep-cliffs.jpg
2193
- - lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/soon-it-will-be-cold-enough.jpg
2194
+ - lib/starter_web/assets/audio/cover/emancipator/alligator.jpg
2195
+ - lib/starter_web/assets/audio/cover/emancipator/anthem.jpg
2196
+ - lib/starter_web/assets/audio/cover/emancipator/dab-city.jpg
2197
+ - lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn.jpg
2198
+ - lib/starter_web/assets/audio/cover/emancipator/safe-in-the-steep-cliffs.jpg
2199
+ - lib/starter_web/assets/audio/cover/emancipator/sea-to-sky.jpg
2200
+ - lib/starter_web/assets/audio/cover/emancipator/soon-it-will-be-cold-enough.jpg
2201
+ - lib/starter_web/assets/audio/cover/emancipator/tine-for-space.jpg
2194
2202
  - lib/starter_web/assets/audio/cover/royalty_free/free_disco_sounds.jpg
2195
2203
  - lib/starter_web/assets/audio/cover/royalty_free/free_pop_sounds.jpg
2196
2204
  - lib/starter_web/assets/audio/cover/spontanorama/spontanorama.jpg
@@ -2249,6 +2257,9 @@ files:
2249
2257
  - lib/starter_web/assets/image/custom/!info/!readme
2250
2258
  - lib/starter_web/assets/image/custom/header/scalable/avatar.svg
2251
2259
  - lib/starter_web/assets/image/icon/asciidoc/logo-512x512.png
2260
+ - lib/starter_web/assets/image/icon/bokeh/bokeh-32x32.ico
2261
+ - lib/starter_web/assets/image/icon/bokeh/bokeh.ico
2262
+ - lib/starter_web/assets/image/icon/bokeh/logo-160x160.png
2252
2263
  - lib/starter_web/assets/image/icon/bootstrap/bootstrap-solid-32x32.png
2253
2264
  - lib/starter_web/assets/image/icon/bootstrap/bs-docs-masthead-pattern.png
2254
2265
  - lib/starter_web/assets/image/icon/bootstrap/scalable/bootstrap-outline.svg
@@ -2287,6 +2298,12 @@ files:
2287
2298
  - lib/starter_web/assets/image/icon/controls/close-icon.svg
2288
2299
  - lib/starter_web/assets/image/icon/controls/up.svg
2289
2300
  - lib/starter_web/assets/image/icon/github/avatar-icon.png
2301
+ - lib/starter_web/assets/image/icon/hyvor-talk/hyvore-talk.ico
2302
+ - lib/starter_web/assets/image/icon/hyvor-talk/jpg/hyvor-logo.512x512.jpg
2303
+ - lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.jpg
2304
+ - lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.png
2305
+ - lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.512x512.png
2306
+ - lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg
2290
2307
  - lib/starter_web/assets/image/icon/hyvor/hyvore-talk.ico
2291
2308
  - lib/starter_web/assets/image/icon/hyvor/jpg/hyvor-logo.512x512.jpg
2292
2309
  - lib/starter_web/assets/image/icon/hyvor/png/hyvor-logo.24x24.jpg
@@ -2310,12 +2327,17 @@ files:
2310
2327
  - lib/starter_web/assets/image/icon/j1/scalable/j1.svg
2311
2328
  - lib/starter_web/assets/image/icon/jekyll/logo-2x.png
2312
2329
  - lib/starter_web/assets/image/icon/jekyll/octojekyll.png
2330
+ - lib/starter_web/assets/image/icon/jupyter/jupyter-32x32.ico
2331
+ - lib/starter_web/assets/image/icon/jupyter/jupyter.ico
2332
+ - lib/starter_web/assets/image/icon/jupyter/logo.png
2313
2333
  - lib/starter_web/assets/image/icon/lanus/favicon.ico
2314
2334
  - lib/starter_web/assets/image/icon/lanus/lanus-512x512.png
2315
2335
  - lib/starter_web/assets/image/icon/lanus/lanus.ico
2316
2336
  - lib/starter_web/assets/image/icon/lanus/lanus.png
2317
2337
  - lib/starter_web/assets/image/icon/lanus/scalable/lanus.svg
2318
2338
  - lib/starter_web/assets/image/icon/lanus/scalable/lanus_sw.svg
2339
+ - lib/starter_web/assets/image/icon/mdi/mdi.svg
2340
+ - lib/starter_web/assets/image/icon/mdi/mdil.svg
2319
2341
  - lib/starter_web/assets/image/icon/mdi/scalable/mdi.svg
2320
2342
  - lib/starter_web/assets/image/icon/mdi/scalable/mdil.svg
2321
2343
  - lib/starter_web/assets/image/icon/os/centos/centos-icon.png
@@ -2332,6 +2354,10 @@ files:
2332
2354
  - lib/starter_web/assets/image/icon/os/windows/windows_flags_color.ico
2333
2355
  - lib/starter_web/assets/image/icon/os/windows/windows_hdd.ico
2334
2356
  - lib/starter_web/assets/image/icon/os/windows/windows_store.ico
2357
+ - lib/starter_web/assets/image/icon/scalable/facebook.svg
2358
+ - lib/starter_web/assets/image/icon/scalable/google.svg
2359
+ - lib/starter_web/assets/image/icon/scalable/ibm.svg
2360
+ - lib/starter_web/assets/image/icon/scalable/microsoft.svg
2335
2361
  - lib/starter_web/assets/image/icon/social/amazon.png
2336
2362
  - lib/starter_web/assets/image/icon/social/behance.png
2337
2363
  - lib/starter_web/assets/image/icon/social/blogger.png
@@ -2665,6 +2691,7 @@ files:
2665
2691
  - lib/starter_web/assets/image/module/swiper/simple/mega_city/image/thomas-tucker_b.jpg
2666
2692
  - lib/starter_web/assets/image/module/swiper/simple/mega_city/image/tokyo_japan.jpg
2667
2693
  - lib/starter_web/assets/image/module/swiper/simple/mega_city/info/authors.txt
2694
+ - lib/starter_web/assets/image/module/swiper/simple/test/image/diana_krall.jpg
2668
2695
  - lib/starter_web/assets/image/module/swiper/video/!info/!readme
2669
2696
  - lib/starter_web/assets/image/module/swiper/video/!readme
2670
2697
  - lib/starter_web/assets/image/page/asciidoc_skeletons/example-pdf-screenshot.jpg
@@ -3035,6 +3062,7 @@ files:
3035
3062
  - lib/starter_web/pages/public/tools/previewer/preview_bootstrap_theme.adoc
3036
3063
  - lib/starter_web/pages/public/tools/previewer/preview_videojs.adoc
3037
3064
  - lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc
3065
+ - lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc
3038
3066
  - lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc
3039
3067
  - lib/starter_web/pages/public/tour/_includes/attributes.asciidoc
3040
3068
  - lib/starter_web/pages/public/tour/_includes/documents/100_gistblock.asciidoc
@@ -3053,16 +3081,16 @@ files:
3053
3081
  - lib/starter_web/pages/public/tour/_includes/documents/themes_bootstrap.asciidoc
3054
3082
  - lib/starter_web/pages/public/tour/_includes/documents/themes_rouge.asciidoc
3055
3083
  - lib/starter_web/pages/public/tour/asciidoc_extensions.adoc
3084
+ - lib/starter_web/pages/public/tour/audio_data.adoc
3056
3085
  - lib/starter_web/pages/public/tour/bootstrap_themes.adoc
3057
3086
  - lib/starter_web/pages/public/tour/highlghter_rouge.adoc
3058
3087
  - lib/starter_web/pages/public/tour/icon_fonts.adoc
3088
+ - lib/starter_web/pages/public/tour/image_data.adoc
3059
3089
  - lib/starter_web/pages/public/tour/modal_extentions.adoc
3060
- - lib/starter_web/pages/public/tour/play_audio.adoc
3061
- - lib/starter_web/pages/public/tour/play_video.adoc
3062
- - lib/starter_web/pages/public/tour/present_images.adoc
3063
3090
  - lib/starter_web/pages/public/tour/quicksearch.adoc
3064
3091
  - lib/starter_web/pages/public/tour/responsive_tables.adoc
3065
3092
  - lib/starter_web/pages/public/tour/typography.adoc
3093
+ - lib/starter_web/pages/public/tour/video_data.adoc
3066
3094
  homepage: https://jekyll.one
3067
3095
  licenses:
3068
3096
  - MIT