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.
- checksums.yaml +4 -4
- data/_layouts/page.html +1 -0
- data/assets/data/amplitude_app.html +192 -163
- data/assets/data/swiper_app.2.html +757 -0
- data/assets/data/swiper_app.4.html +769 -0
- data/assets/data/swiper_app.html +171 -27
- data/assets/theme/j1/adapter/js/amplitude.js +1104 -216
- data/assets/theme/j1/adapter/js/swiper.js +63 -15
- data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.css +111 -101
- data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.min.css +1 -1
- data/assets/theme/j1/core/css/themes/unodark/bootstrap.css +111 -101
- data/assets/theme/j1/core/css/themes/unodark/bootstrap.min.css +1 -1
- data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +111 -101
- data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +177 -216
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +220 -339
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -2
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +324 -491
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -2
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +70 -60
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +2 -1
- data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +2074 -843
- data/assets/theme/j1/modules/amplitudejs/scss/theme/uno/dark/player/large.scss +439 -264
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.min.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.css +24 -24
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.min.css +1 -235
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.min.css +2 -2
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.min.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.css +6 -7
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.min.css +1 -82
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutThumbs.min.css +2 -29
- data/assets/theme/j1/modules/swiperjs/css/theme/uno.css +29 -12
- data/assets/theme/j1/modules/swiperjs/css/theme/uno.min.css +1 -1
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.min.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.js +1 -5
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.min.js +1 -5
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.js +12 -14
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.min.js +1 -17
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.js +0 -1
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.min.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.0.js +114 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.1.js +93 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.js +42 -13
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.min.js +17 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.js +76 -25
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.min.js +1 -17
- data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.js +9152 -9131
- data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.min.js +1 -1
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/README.md +5 -5
- data/lib/starter_web/_config.yml +1 -1
- data/lib/starter_web/_data/modules/amplitude_app.yml +206 -23
- data/lib/starter_web/_data/modules/amplitude_playlists.yml +1122 -19
- data/lib/starter_web/_data/modules/defaults/{amplitude_app.yml → amplitude.yml} +73 -26
- data/lib/starter_web/_data/modules/swiper_app.yml +356 -155
- data/lib/starter_web/_data/modules/swiper_playlists.yml +77 -1
- data/lib/starter_web/_data/resources.yml +6 -2
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_includes/attributes.asciidoc +5 -4
- data/lib/starter_web/_plugins/filter/filters.rb +1 -11
- data/lib/starter_web/_plugins/index/lunr.rb +1 -1
- data/lib/starter_web/assets/image/icon/bokeh/bokeh-32x32.ico +0 -0
- data/lib/starter_web/assets/image/icon/bokeh/bokeh.ico +0 -0
- data/lib/starter_web/assets/image/icon/bokeh/logo-160x160.png +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/hyvore-talk.ico +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/jpg/hyvor-logo.512x512.jpg +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.jpg +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.png +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.512x512.png +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg +81 -0
- data/lib/starter_web/assets/image/icon/jupyter/jupyter-32x32.ico +0 -0
- data/lib/starter_web/assets/image/icon/jupyter/jupyter.ico +0 -0
- data/lib/starter_web/assets/image/icon/jupyter/logo.png +0 -0
- data/lib/starter_web/assets/image/icon/mdi/mdi.svg +1 -0
- data/lib/starter_web/assets/image/icon/mdi/mdil.svg +1 -0
- data/lib/starter_web/assets/image/icon/scalable/facebook.svg +34 -0
- data/lib/starter_web/assets/image/icon/scalable/google.svg +35 -0
- data/lib/starter_web/assets/image/icon/scalable/ibm.svg +24 -0
- data/lib/starter_web/assets/image/icon/scalable/microsoft.svg +42 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-1.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-2.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-3.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-4.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-5.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/simple/test/image/diana_krall.jpg +0 -0
- data/lib/starter_web/index.html +3 -3
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/learn/where_to_go.adoc +1 -1
- data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +69 -36
- data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +65 -18
- data/lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc +87 -0
- data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc +121 -36
- data/lib/starter_web/pages/public/tour/_includes/attributes.asciidoc +3 -3
- data/lib/starter_web/pages/public/tour/{play_audio.adoc → audio_data.adoc} +51 -86
- data/lib/starter_web/pages/public/tour/{present_images.adoc → image_data.adoc} +4 -5
- data/lib/starter_web/pages/public/tour/{play_video.adoc → video_data.adoc} +18 -17
- metadata +52 -17
- data/assets/theme/j1/modules/swiperjs/js/highlightJS.js +0 -13376
- data/assets/theme/j1/modules/swiperjs/js/highlightJS.min.js +0 -1246
- data/assets/theme/j1/modules/swiperjs/js/modules/!readme +0 -3
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/!info/!readme +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/!readme +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/1.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/2.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/3.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/4.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/5.jpg +0 -0
- /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--
|
42
|
-
:url-tour--
|
43
|
-
:url-tour--
|
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
|
3
|
-
title_extention:
|
4
|
-
tagline:
|
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
|
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/
|
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
|
106
|
+
== J1 AmplitudeJS
|
134
107
|
|
135
|
-
The J1 Template
|
136
|
-
|
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
|
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::
|
171
|
+
amplitude::emancipator_large[role="mb-5"]
|
209
172
|
|
210
173
|
.Royalty Free Music · Disco 80th
|
211
|
-
amplitude::
|
212
|
-
|
213
|
-
// lorem:sentences[5]
|
174
|
+
amplitude::disco_large[role="mb-4"]
|
214
175
|
|
215
|
-
|
216
|
-
|
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
|
-
|
220
|
-
|
182
|
+
[role="mt-5"]
|
183
|
+
== J1 AmplitudeJS on Youtube
|
221
184
|
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
|
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
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
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
|
-
|
237
|
-
|
199
|
+
.Bea and her Business · YouTube 2025
|
200
|
+
amplitude::bea_yt_large[role="mb-5"]
|
238
201
|
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
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--
|
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:
|
4
|
-
tagline:
|
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/
|
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--
|
508
|
-
|
507
|
+
Incredible? See the next example page link:{url-tour--audio_data}[Audio Player].
|
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
title: Video
|
3
|
-
title_extention:
|
4
|
-
tagline:
|
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/
|
31
|
+
permalink: /pages/public/tour/video_data/
|
32
32
|
|
33
33
|
resources: [
|
34
|
-
|
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="
|
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="
|
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="
|
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="
|
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="
|
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="
|
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="
|
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="
|
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="
|
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-
|
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="
|
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.
|
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-
|
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/
|
1716
|
-
- assets/theme/j1/modules/swiperjs/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/
|
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/
|
2613
|
-
- lib/starter_web/assets/image/module/swiper/extended/
|
2614
|
-
- lib/starter_web/assets/image/module/swiper/extended/
|
2615
|
-
- lib/starter_web/assets/image/module/swiper/extended/
|
2616
|
-
- lib/starter_web/assets/image/module/swiper/extended/
|
2617
|
-
- lib/starter_web/assets/image/module/swiper/extended/
|
2618
|
-
- lib/starter_web/assets/image/module/swiper/extended/
|
2619
|
-
- lib/starter_web/assets/image/module/swiper/extended/
|
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
|