j1-template 2024.3.20 → 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 (54) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/page.html +1 -0
  3. data/assets/data/amplitude_app.html +28 -23
  4. data/assets/theme/j1/adapter/js/amplitude.js +590 -354
  5. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +41 -1
  6. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
  7. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +190 -403
  8. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -2
  9. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +36 -33
  10. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -1
  11. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +72 -9
  12. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +2 -1
  13. data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +36 -24
  14. data/lib/j1/version.rb +1 -1
  15. data/lib/starter_web/README.md +5 -5
  16. data/lib/starter_web/_config.yml +1 -1
  17. data/lib/starter_web/_data/modules/amplitude_app.yml +4 -4
  18. data/lib/starter_web/_data/modules/amplitude_playlists.yml +44 -44
  19. data/lib/starter_web/_data/modules/defaults/amplitude.yml +7 -4
  20. data/lib/starter_web/_data/modules/swiper_app.yml +67 -0
  21. data/lib/starter_web/_data/modules/swiper_playlists.yml +26 -0
  22. data/lib/starter_web/_data/templates/feed.xml +1 -1
  23. data/lib/starter_web/_includes/attributes.asciidoc +5 -4
  24. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  25. data/lib/starter_web/assets/image/icon/bokeh/bokeh-32x32.ico +0 -0
  26. data/lib/starter_web/assets/image/icon/bokeh/bokeh.ico +0 -0
  27. data/lib/starter_web/assets/image/icon/bokeh/logo-160x160.png +0 -0
  28. data/lib/starter_web/assets/image/icon/hyvor-talk/hyvore-talk.ico +0 -0
  29. data/lib/starter_web/assets/image/icon/hyvor-talk/jpg/hyvor-logo.512x512.jpg +0 -0
  30. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.jpg +0 -0
  31. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.png +0 -0
  32. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.512x512.png +0 -0
  33. data/lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg +81 -0
  34. data/lib/starter_web/assets/image/icon/jupyter/jupyter-32x32.ico +0 -0
  35. data/lib/starter_web/assets/image/icon/jupyter/jupyter.ico +0 -0
  36. data/lib/starter_web/assets/image/icon/jupyter/logo.png +0 -0
  37. data/lib/starter_web/assets/image/icon/mdi/mdi.svg +1 -0
  38. data/lib/starter_web/assets/image/icon/mdi/mdil.svg +1 -0
  39. data/lib/starter_web/assets/image/icon/scalable/facebook.svg +34 -0
  40. data/lib/starter_web/assets/image/icon/scalable/google.svg +35 -0
  41. data/lib/starter_web/assets/image/icon/scalable/ibm.svg +24 -0
  42. data/lib/starter_web/assets/image/icon/scalable/microsoft.svg +42 -0
  43. data/lib/starter_web/assets/image/module/swiper/simple/test/image/diana_krall.jpg +0 -0
  44. data/lib/starter_web/index.html +3 -3
  45. data/lib/starter_web/package.json +1 -1
  46. data/lib/starter_web/pages/public/learn/where_to_go.adoc +1 -1
  47. data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +3 -18
  48. data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +6 -6
  49. data/lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc +87 -0
  50. data/lib/starter_web/pages/public/tour/_includes/attributes.asciidoc +3 -3
  51. data/lib/starter_web/pages/public/tour/{play_audio.adoc → audio_data.adoc} +30 -55
  52. data/lib/starter_web/pages/public/tour/{present_images.adoc → image_data.adoc} +4 -5
  53. data/lib/starter_web/pages/public/tour/{play_video.adoc → video_data.adoc} +17 -16
  54. metadata +25 -5
@@ -0,0 +1,81 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
4
+ xmlns:cc="http://creativecommons.org/ns#"
5
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
6
+ xmlns:svg="http://www.w3.org/2000/svg"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
9
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10
+ width="40"
11
+ height="40"
12
+ version="1.1"
13
+ id="svg14"
14
+ sodipodi:docname="hyvor-logo.svg"
15
+ inkscape:export-filename="../hyvor-logo.24x24.png"
16
+ inkscape:export-xdpi="57.599998"
17
+ inkscape:export-ydpi="57.599998"
18
+ inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
19
+ <metadata
20
+ id="metadata20">
21
+ <rdf:RDF>
22
+ <cc:Work
23
+ rdf:about="">
24
+ <dc:format>image/svg+xml</dc:format>
25
+ <dc:type
26
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage">
27
+ </cc:Work>
28
+ </rdf:RDF>
29
+ </metadata>
30
+ <defs
31
+ id="defs18">
32
+ <sodipodi:namedview
33
+ pagecolor="#ffffff"
34
+ bordercolor="#666666"
35
+ borderopacity="1"
36
+ objecttolerance="10"
37
+ gridtolerance="10"
38
+ guidetolerance="10"
39
+ inkscape:pageopacity="0"
40
+ inkscape:pageshadow="2"
41
+ inkscape:window-width="1964"
42
+ inkscape:window-height="1046"
43
+ id="namedview16"
44
+ showgrid="false"
45
+ inkscape:zoom="20.35"
46
+ inkscape:cx="20"
47
+ inkscape:cy="20"
48
+ inkscape:window-x="0"
49
+ inkscape:window-y="0"
50
+ inkscape:window-maximized="0"
51
+ inkscape:current-layer="svg14">
52
+ <path
53
+ d="M623.625 1397.247h35.192v37.538h-35.192z"
54
+ fill="#fff"
55
+ fill-rule="evenodd"
56
+ id="path2">
57
+ <text
58
+ xml:space="preserve"
59
+ font-weight="bold"
60
+ font-size="2.822"
61
+ font-family="Segoe Script"
62
+ id="text8"><tspan
63
+ x="-20.215"
64
+ y="3.539"
65
+ visibility="hidden"
66
+ id="tspan6"><tspan
67
+ dx="0 2.3647118"
68
+ x="-20.215"
69
+ y="-161.169"
70
+ id="tspan4">HH</tspan></tspan></text>
71
+ <circle
72
+ cx="20"
73
+ cy="20"
74
+ r="20"
75
+ fill="#fff2d0"
76
+ id="circle10">
77
+ <path
78
+ d="M27.694 32.608c-.222-.088-.431-.309-.983-1.036-.528-.696-.893-1.068-1.139-1.161-.254-.097-.515-.061-1.102.152-1.405.509-2.82.744-4.483.744-2.166 0-3.903-.391-5.765-1.296-3.71-1.805-6.158-5.055-6.786-9.012-.148-.929-.133-2.606.03-3.534.434-2.464 1.504-4.547 3.24-6.305 2.071-2.097 4.572-3.323 7.659-3.754.75-.105 2.621-.088 3.447.031 1.999.287 3.742.935 5.359 1.992.805.526 1.234.875 1.991 1.622 2.444 2.411 3.74 5.81 3.465 9.088-.116 1.384-.344 2.338-.879 3.674-.185.464-.643 1.793-1.016 2.955-1.247 3.877-1.917 5.437-2.486 5.789-.209.129-.333.141-.554.053z"
79
+ fill="#ffd969"
80
+ id="path12">
81
+ </svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 156"><g transform="translate(-382 -1985)"><rect width="156" height="156" fill="#2196f3" data-name="Rectangle 11" rx="20" transform="translate(382 1985)"/><path fill="#fff" d="M399.3 2002.3h36.42v12.14h48.56v-12.14h36.42v36.42h-12.14v48.56h12.14v36.42h-36.42v-12.14h-48.56v12.14H399.3v-36.42h12.14v-48.56H399.3v-36.42m84.98 36.42v-12.14h-48.56v12.14h-12.14v48.56h12.14v12.14h48.56v-12.14h12.14v-48.56h-12.14m-72.84-24.28v12.14h12.14v-12.14h-12.14m84.98 0v12.14h12.14v-12.14h-12.14m-84.98 84.98v12.14h12.14v-12.14h-12.14m84.98 0v12.14h12.14v-12.14Z"/></g></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 156"><g transform="translate(-382 -1985)"><rect width="156" height="156" fill="#5a88ad" data-name="Rectangle 11" rx="20" transform="translate(382 1985)"/><path fill="#fff" d="M418.15 2003h48.4a18.126 18.126 0 0 1 18.15 18.15v18.15h18.15a18.126 18.126 0 0 1 18.15 18.15v48.4a18.126 18.126 0 0 1-18.15 18.15h-48.4a18.126 18.126 0 0 1-18.15-18.15v-18.15h-18.15a18.126 18.126 0 0 1-18.15-18.15v-48.4a18.126 18.126 0 0 1 18.15-18.15m66.55 66.55a18.126 18.126 0 0 1-18.15 18.15h-24.2v18.15a12.136 12.136 0 0 0 12.1 12.1h48.4a12.136 12.136 0 0 0 12.1-12.1v-48.4a12.136 12.136 0 0 0-12.1-12.1H484.7v24.2m-66.55-60.5a12.136 12.136 0 0 0-12.1 12.1v48.4a12.136 12.136 0 0 0 12.1 12.1h18.15v-24.2a18.126 18.126 0 0 1 18.15-18.15h24.2v-18.15a12.136 12.136 0 0 0-12.1-12.1h-48.4m48.4 72.6a12.136 12.136 0 0 0 12.1-12.1v-24.2h-24.2a12.136 12.136 0 0 0-12.1 12.1v24.2Z"/></g></svg>
@@ -0,0 +1,34 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 2030.6 546.3" style="enable-background:new 0 0 2030.6 546.3;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#CED4DA;}
7
+ </style>
8
+ <g>
9
+ <path class="st0" d="M1045.4,269.1c-16.8,0-28.9,5.5-41.1,11.1v126.7c11.7,1.1,18.5,1.1,29.6,1.1c40.2,0,45.8-18.4,45.8-44.2v-60.5
10
+ C1079.7,284.3,1073.4,269.1,1045.4,269.1L1045.4,269.1z M778.1,262.2c-27.9,0-34.3,15.3-34.3,34.3v10.7h68.6v-10.7
11
+ C812.4,277.5,806,262.2,778.1,262.2z M260.4,394.1c0,15,7.1,22.8,22.7,22.8c16.8,0,26.7-5.5,39-11.1v-30.1h-36.7
12
+ C268,375.7,260.4,379,260.4,394.1L260.4,394.1z M1305.4,269.1c-28,0-37.7,15.3-37.7,34.3v69.4c0,19.1,9.7,34.4,37.7,34.4
13
+ c27.9,0,37.7-15.3,37.7-34.4v-69.4C1343,284.3,1333.3,269.1,1305.4,269.1z M123.3,471.8H41.1v-199H0v-68.6h41.1v-41.2
14
+ c0-55.9,23.2-89.2,89.1-89.2H185v68.6h-34.3c-25.7,0-27.3,9.6-27.3,27.5l-0.1,34.3h62.1l-7.3,68.6h-54.9L123.3,471.8L123.3,471.8z
15
+ M404.3,472.4h-68.5l-3-17.3c-31.3,17.3-59.2,20.1-77.6,20.1c-50.3,0-77-33.6-77-80c0-54.8,31.2-74.3,87-74.3H322V309
16
+ c0-28-3.2-36.2-46.2-36.2h-70.3l6.9-68.6h76.8c94.3,0,115,29.8,115,105.3L404.3,472.4L404.3,472.4z M637.3,277.9
17
+ c-42.6-7.3-54.9-8.9-75.4-8.9c-36.9,0-48,8.1-48,39.4v59.2c0,31.3,11.1,39.5,48,39.5c20.5,0,32.8-1.6,75.4-9V465
18
+ c-37.3,8.4-61.7,10.6-82.2,10.6c-88.3,0-123.4-46.4-123.4-113.5v-48c0-67.1,35.1-113.6,123.4-113.6c20.6,0,44.9,2.2,82.2,10.6
19
+ V277.9L637.3,277.9z M894.6,362H743.8v5.5c0,31.3,11.1,39.5,48,39.5c33.1,0,53.3-1.6,95.9-9V465c-41.1,8.4-62.4,10.6-102.7,10.6
20
+ c-88.3,0-123.4-46.4-123.4-113.5v-54.9c0-58.7,26-106.7,116.5-106.7s116.5,47.5,116.5,106.7V362z M1161.9,363.3
21
+ c0,64.8-18.5,112.1-130.7,112.1c-40.5,0-64.3-3.6-109-10.4V94.5l82.2-13.7v129.6c17.8-6.6,40.8-10,61.7-10
22
+ c82.2,0,95.9,36.9,95.9,96.1L1161.9,363.3L1161.9,363.3z M1425.3,364.7c0,55.9-23.1,110.1-119.7,110.1
23
+ c-96.6,0-120.1-54.2-120.1-110.1v-54c0-55.9,23.5-110.2,120.1-110.2c96.6,0,119.7,54.2,119.7,110.2V364.7L1425.3,364.7z
24
+ M1688.6,364.7c0,55.9-23.1,110.1-119.7,110.1c-96.6,0-120.1-54.2-120.1-110.1v-54c0-55.9,23.5-110.2,120.1-110.2
25
+ c96.6,0,119.7,54.2,119.7,110.2V364.7L1688.6,364.7z M1958.8,471.8h-89.1l-75.3-125.8v125.8h-82.2V94.5l82.2-13.7v242.9l75.3-119.4
26
+ h89.1l-82.3,130.3L1958.8,471.8z M1568.7,269.1c-27.9,0-37.6,15.3-37.6,34.3v69.4c0,19.1,9.7,34.4,37.6,34.4
27
+ c27.9,0,37.8-15.3,37.8-34.4v-69.4C1606.4,284.3,1596.6,269.1,1568.7,269.1L1568.7,269.1z M2005.7,424.9
28
+ c13.8,0,24.9,11.3,24.9,25.4c0,14.3-11,25.5-25,25.5c-13.9,0-25.1-11.2-25.1-25.5c0-14.1,11.3-25.4,25.1-25.4H2005.7z
29
+ M2005.6,428.9c-11.2,0-20.3,9.6-20.3,21.4c0,12.1,9.1,21.5,20.4,21.5c11.3,0.1,20.3-9.5,20.3-21.4c0-11.9-9-21.6-20.3-21.6H2005.6
30
+ z M2000.9,465.1h-4.5v-28.3c2.4-0.3,4.6-0.7,8-0.7c4.3,0,7.1,0.9,8.8,2.1c1.7,1.3,2.6,3.2,2.6,5.9c0,3.7-2.5,6-5.5,6.9v0.2
31
+ c2.5,0.5,4.2,2.7,4.7,6.9c0.7,4.4,1.3,6.1,1.8,7h-4.7c-0.7-0.9-1.4-3.5-1.9-7.2c-0.7-3.6-2.5-5-6.1-5h-3.1L2000.9,465.1
32
+ L2000.9,465.1z M2000.9,449.4h3.3c3.7,0,6.9-1.4,6.9-4.9c0-2.5-1.8-5-6.9-5c-1.5,0-2.5,0.1-3.3,0.2V449.4L2000.9,449.4z"/>
33
+ </g>
34
+ </svg>
@@ -0,0 +1,35 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 2500 928" style="enable-background:new 0 0 2500 928;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#CED4DA;}
7
+ </style>
8
+ <path class="st0" d="M307.9,112.1h22.2c77.2,1.7,153.1,32.7,207.6,87.7c-20.1,20.6-40.7,40.3-60.4,60.8
9
+ c-30.6-27.7-67.5-49.1-107.8-56.6c-59.6-12.6-123.7-1.3-173.7,32.7c-54.5,35.7-91.4,96.1-99.4,160.7c-8.8,63.8,9.2,130.9,50.8,180.4
10
+ c39.8,48.2,100.7,78.4,163.6,80.5c58.7,3.4,120-14.7,162.8-55.8c33.6-28.9,49.1-73,54.1-115.8c-69.6,0-139.3,0.4-208.9,0v-86.4H612
11
+ c15.1,92.7-6.7,197.1-77.2,263.4c-47,47-112,74.7-178.3,80.1c-64.2,6.3-130.5-5.9-187.5-36.9c-68.4-36.5-122.9-98.2-149.7-170.7
12
+ C-5.9,469.5-6.3,394,17.2,326.8c21.4-61.2,62.5-115.4,115.4-153.1C183.3,136.4,245,115.8,307.9,112.1z"/>
13
+ <path class="st0" d="M1989.9,133.9h89.8v599c-29.8,0-60,0.4-89.8-0.4C1990.4,533.2,1989.9,333.5,1989.9,133.9L1989.9,133.9z"/>
14
+ <path class="st0" d="M811.7,341.5C867,331,927,342.8,972.7,375.9c41.5,29.4,70.5,75.5,79.3,125.8c11.3,58.3-2.9,122.1-40.7,168.2
15
+ c-40.7,51.6-107.4,79.3-172.4,75.1c-59.6-3.4-117.4-33.1-152.7-81.8c-39.8-53.7-49.5-127.5-27.7-190.4
16
+ C680.4,405.3,742,353.7,811.7,341.5 M824.2,421.2c-22.7,5.9-43.6,18.9-58.7,37.3c-40.7,48.7-38.2,127.9,6.7,173.2
17
+ c25.6,26,64.2,38.2,99.8,31c33.1-5.9,62.1-28.1,78-57.5c27.7-49.9,19.7-118.7-22.7-157.7C900.2,422.5,860.3,412,824.2,421.2
18
+ L824.2,421.2z"/>
19
+ <path class="st0" d="M1256.3,341.5c63.3-12.2,132.6,5.5,179.9,49.9c77.2,69.2,85.6,198.8,19.7,278.5c-39.8,50.3-104.4,78-168.2,75.1
20
+ c-60.8-1.7-120.8-31.9-156.9-81.8c-40.7-54.9-49.5-130.5-26.4-194.6C1127.5,403.2,1187.9,353.3,1256.3,341.5 M1268.9,421.2
21
+ c-22.7,5.9-43.6,18.9-58.7,36.9c-40.3,47.8-38.6,125.8,4.6,171.6c25.6,27.3,65.4,40.7,102.3,33.1c32.7-6.3,62.1-28.1,78-57.5
22
+ c27.3-50.3,19.3-119.1-23.5-158.1C1344.4,422.1,1304.5,412,1268.9,421.2L1268.9,421.2z"/>
23
+ <path class="st0" d="M1633.4,365.8c48.2-30.2,112.4-38.6,164.4-12.6c16.4,7.1,29.8,19.3,42.8,31.5c0.4-11.3,0-23.1,0.4-34.8
24
+ c28.1,0.4,56.2,0,84.7,0.4v370c-0.4,55.8-14.7,114.9-54.9,155.6c-44,44.9-111.6,58.7-172.4,49.5c-65-9.6-121.6-57-146.8-117
25
+ c25.2-12.2,51.6-21.8,77.6-33.1c14.7,34.4,44.5,63.8,81.8,70.5c37.3,6.7,80.5-2.5,104.9-33.6c26-31.9,26-75.5,24.7-114.5
26
+ c-19.3,18.9-41.5,35.7-68.4,41.9c-58.3,16.4-122.5-3.8-167.4-43.2c-45.3-39.4-72.1-100.3-69.6-160.7
27
+ C1536.5,467.4,1575.1,401.5,1633.4,365.8 M1720.2,419.5c-25.6,4.2-49.5,18.5-65.9,38.2c-39.4,47-39.4,122.1,0.4,168.2
28
+ c22.7,27.3,59.1,42.4,94.4,38.6c33.1-3.4,63.8-24.3,80.1-53.3c27.7-49.1,23.1-115.8-14.3-158.6
29
+ C1791.9,426.2,1755,413.2,1720.2,419.5L1720.2,419.5z"/>
30
+ <path class="st0" d="M2187.5,387.2c50.3-47,127.9-62.9,192.5-38.2c61.2,23.1,100.3,81.4,120,141.4c-91,37.8-181.6,75.1-272.7,112.8
31
+ c12.6,23.9,31.9,45.7,57.9,54.5c36.5,13,80.1,8.4,110.7-15.9c12.2-9.2,21.8-21.4,31-33.1c23.1,15.5,46.1,30.6,69.2,46.1
32
+ c-32.7,49.1-87.7,83.5-146.8,88.9c-65.4,8-135.1-17.2-177.4-68.4C2102.3,594.9,2109.1,459.8,2187.5,387.2 M2232.4,464.8
33
+ c-14.3,20.6-20.1,45.7-19.7,70.5c60.8-25.2,121.6-50.3,182.5-75.9c-10.1-23.5-34.4-37.8-59.1-41.5
34
+ C2296.1,410.7,2254.6,432.1,2232.4,464.8z"/>
35
+ </svg>
@@ -0,0 +1,24 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 2500 1000" style="enable-background:new 0 0 2500 1000;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#CED4DA;}
7
+ </style>
8
+ <path class="st0" d="M0,0v68.4h486.6V0H0z M555.6,0v68.4H1249c0,0-70.8-68.4-164.6-68.4H555.6z M1385.1,0v68.4h419.5L1779.7,0
9
+ H1385.1z M2105.4,0l-24.9,68.4h415.7V0H2105.4z M0,133.1v68.4h486.6v-68.4H0z M555.6,133.2v68.3h773.9c0,0-9-52.7-24.8-68.3
10
+ L555.6,133.2L555.6,133.2z M1385.1,133.2v68.3h465.5l-23-68.3L1385.1,133.2L1385.1,133.2z M2055.6,133.2l-23,68.3h463.7v-68.3
11
+ H2055.6z M139.8,266.1v68.5h210.7v-68.5L139.8,266.1L139.8,266.1z M695.4,266.1v68.5h210.7v-68.5L695.4,266.1L695.4,266.1z
12
+ M1111.1,266.1v68.5h210.7c0,0,13.4-36.2,13.4-68.5L1111.1,266.1L1111.1,266.1z M1524.9,266.1v68.5h373.6l-24.9-68.5L1524.9,266.1
13
+ L1524.9,266.1z M2009.7,266.1l-25,68.5h375.5v-68.5L2009.7,266.1L2009.7,266.1z M139.8,399.3v68.4h210.7v-68.4H139.8L139.8,399.3z
14
+ M695.4,399.3v68.4h538.3c0,0,45-35.1,59.4-68.4H695.4z M1524.9,399.3v68.4h210.7v-38.1l13.4,38.1h386l14.4-38.1v38.1h210.7v-68.4
15
+ h-395.6l-21,57.9l-21.1-57.9H1524.9z M139.8,532.3v68.4h210.7v-68.4H139.8z M695.4,532.3v68.4h597.7c-14.3-33.2-59.4-68.4-59.4-68.4
16
+ H695.4z M1524.9,532.3v68.4h210.7v-68.4H1524.9z M1773.9,532.3l25.5,68.4h289.5l24.2-68.4H1773.9z M2149.4,532.3v68.4h210.7v-68.4
17
+ H2149.4z M139.8,665.4v68.4h210.7v-68.4H139.8z M695.4,665.4v68.4h210.7v-68.4H695.4z M1111.1,665.4v68.4h224.1
18
+ c0-32.3-13.4-68.4-13.4-68.4H1111.1L1111.1,665.4z M1524.9,665.4v68.4h210.7v-68.4H1524.9z M1821.8,665.4l24.7,68.4h194l24.9-68.4
19
+ H1821.8z M2149.4,665.4v68.4h210.7v-68.4H2149.4z M3.8,798.4v68.5h486.6v-68.5H3.8z M555.6,798.4v68.5h749.1
20
+ c15.8-15.7,24.8-68.5,24.8-68.5H555.6L555.6,798.4z M1388.9,798.4v68.5h346.8v-68.5H1388.9z M1869.7,798.4l25.4,68.5h98.7l23.8-68.5
21
+ H1869.7z M2149.4,798.4v68.5H2500v-68.5H2149.4z M3.8,931.6v68.4h486.6v-68.4H3.8z M555.6,931.6v68.3h528.8
22
+ c93.8,0,164.6-68.3,164.6-68.3H555.6z M1388.9,931.6v68.4h346.8v-68.4H1388.9z M1917.9,931.6l24.4,68.2l4.2,0.1l24.8-68.3H1917.9z
23
+ M2149.4,931.6v68.4H2500v-68.4H2149.4z"/>
24
+ </svg>
@@ -0,0 +1,42 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 2500 534" style="enable-background:new 0 0 2500 534;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#CED4DA;}
7
+ </style>
8
+ <path class="st0" d="M2500,241.6v-44h-54.6v-68.4l-1.8,0.6l-51.3,15.7l-1,0.3v51.8h-80.9v-28.9c0-13.4,3-23.7,8.9-30.6
9
+ c5.9-6.8,14.3-10.2,25-10.2c7.7,0,15.7,1.8,23.7,5.4l2,0.9V88l-0.9-0.3c-7.5-2.7-17.7-4.1-30.3-4.1c-15.9,0-30.4,3.5-43,10.3
10
+ c-12.6,6.9-22.6,16.7-29.5,29.2c-6.9,12.5-10.5,26.9-10.5,42.8v31.7h-38v44h38v185.2h54.6V241.6h80.9v117.7c0,48.5,22.9,73,68,73
11
+ c7.4,0,15.2-0.9,23.2-2.6c8.1-1.7,13.6-3.5,16.9-5.4l0.7-0.4v-44.4l-2.2,1.5c-3,2-6.7,3.6-11,4.8c-4.3,1.2-8,1.8-10.8,1.8
12
+ c-10.6,0-18.4-2.8-23.2-8.5c-4.9-5.7-7.4-15.6-7.4-29.4V241.6H2500L2500,241.6z M2095.9,387.7c-19.8,0-35.4-6.6-46.4-19.5
13
+ c-11.1-13-16.7-31.5-16.7-55.1c0-24.3,5.6-43.3,16.7-56.6c11-13.1,26.5-19.8,46-19.8c18.9,0,34,6.4,44.8,19
14
+ c10.8,12.6,16.3,31.5,16.3,56.1c0,24.9-5.2,44-15.4,56.8C2131,381.3,2115.8,387.7,2095.9,387.7 M2098.3,192.1
15
+ c-37.8,0-67.8,11.1-89.2,32.9c-21.4,21.8-32.2,52.1-32.2,89.9c0,35.9,10.6,64.7,31.5,85.8c20.9,21,49.3,31.7,84.5,31.7
16
+ c36.6,0,66.1-11.2,87.4-33.4c21.4-22.1,32.2-52.1,32.2-89c0-36.4-10.2-65.5-30.2-86.4C2162.1,202.7,2133.9,192.1,2098.3,192.1
17
+ M1888.8,192.1c-25.7,0-47,6.6-63.2,19.5c-16.3,13-24.6,30.1-24.6,50.8c0,10.8,1.8,20.3,5.3,28.4c3.5,8.1,9,15.3,16.3,21.3
18
+ c7.2,6,18.4,12.2,33.2,18.6c12.4,5.1,21.7,9.4,27.6,12.9c5.8,3.3,9.8,6.7,12.1,10c2.2,3.2,3.4,7.6,3.4,13
19
+ c0,15.4-11.5,22.9-35.3,22.9c-8.8,0-18.8-1.8-29.8-5.5c-10.9-3.6-21.2-8.8-30.6-15.5l-2.3-1.6v52.5l0.8,0.4
20
+ c7.7,3.6,17.5,6.6,28.9,8.9c11.5,2.4,21.9,3.6,30.9,3.6c27.9,0,50.4-6.6,66.8-19.6c16.5-13.1,24.9-30.6,24.9-52.1
21
+ c0-15.4-4.5-28.7-13.4-39.4c-8.8-10.6-24.1-20.3-45.4-28.9c-17-6.8-27.9-12.5-32.4-16.8c-4.3-4.2-6.5-10.1-6.5-17.7
22
+ c0-6.7,2.7-12,8.3-16.3c5.6-4.3,13.4-6.6,23.2-6.6c9.1,0,18.4,1.4,27.6,4.3c9.2,2.8,17.4,6.6,24.1,11.2l2.2,1.5v-49.8l-0.9-0.4
23
+ c-6.3-2.7-14.5-5-24.5-6.8C1905.8,193,1896.7,192.1,1888.8,192.1 M1658.7,387.7c-19.8,0-35.4-6.6-46.4-19.5
24
+ c-11.1-13-16.7-31.5-16.7-55.1c0-24.3,5.6-43.3,16.7-56.6c11-13.1,26.5-19.8,46-19.8c18.9,0,34,6.4,44.8,19
25
+ c10.8,12.6,16.3,31.5,16.3,56.1c0,24.9-5.2,44-15.4,56.8C1693.9,381.3,1678.7,387.7,1658.7,387.7 M1661.2,192.1
26
+ c-37.8,0-67.8,11.1-89.2,32.9c-21.4,21.8-32.2,52.1-32.2,89.9c0,35.9,10.6,64.7,31.5,85.8c20.9,21,49.3,31.7,84.5,31.7
27
+ c36.6,0,66.1-11.2,87.4-33.4c21.4-22.1,32.2-52.1,32.2-89c0-36.4-10.2-65.5-30.2-86.4C1725,202.7,1696.7,192.1,1661.2,192.1
28
+ M1456.9,237.3v-39.7h-53.9v229.2h53.9V309.6c0-19.9,4.5-36.3,13.4-48.7c8.8-12.2,20.5-18.4,34.9-18.4c4.9,0,10.3,0.8,16.2,2.4
29
+ c5.8,1.6,10.1,3.3,12.6,5.1l2.3,1.6v-54.4l-0.9-0.4c-5-2.1-12.1-3.2-21.1-3.2c-13.5,0-25.7,4.4-36.1,12.9
30
+ c-9.1,7.5-15.7,17.9-20.7,30.7H1456.9z M1306.4,192.1c-24.7,0-46.8,5.3-65.6,15.8c-18.8,10.5-33.3,25.4-43.2,44.5
31
+ c-9.9,19-14.9,41.1-14.9,65.9c0,21.7,4.8,41.5,14.4,59c9.6,17.5,23.2,31.3,40.3,40.8c17.2,9.5,37,14.3,58.9,14.3
32
+ c25.6,0,47.5-5.1,65-15.2l0.7-0.4v-49.4l-2.3,1.7c-7.9,5.8-16.8,10.4-26.4,13.7c-9.5,3.3-18.2,5-25.8,5c-21.2,0-38.1-6.6-50.5-19.7
33
+ c-12.4-13.1-18.6-31.4-18.6-54.5c0-23.2,6.5-42.1,19.4-55.9c12.8-13.8,29.8-20.9,50.6-20.9c17.7,0,35,6,51.3,17.9l2.3,1.6v-52
34
+ l-0.7-0.4c-6.1-3.4-14.5-6.3-24.9-8.4C1326.2,193.2,1316,192.1,1306.4,192.1 M1145.6,197.6h-53.9v229.2h53.9V197.6L1145.6,197.6z
35
+ M1119.2,100c-8.9,0-16.6,3-23,9c-6.4,6-9.6,13.6-9.6,22.5c0,8.8,3.2,16.2,9.5,22c6.3,5.8,14,8.8,23.1,8.8c9,0,16.8-3,23.2-8.8
36
+ c6.4-5.9,9.6-13.3,9.6-22.1c0-8.6-3.2-16.1-9.4-22.2C1136.4,103.1,1128.6,100,1119.2,100 M984.7,180.7v246.1h55V107h-76.1
37
+ l-96.8,237.5L772.9,107h-79.2v319.8h51.7V180.7h1.8l99.2,246.1h39l97.6-246.1L984.7,180.7L984.7,180.7z"/>
38
+ <path class="st0" d="M253.6,253.7H0V0.1h253.6V253.7z"/>
39
+ <path class="st0" d="M533.6,253.7H280V0.1h253.6L533.6,253.7L533.6,253.7z"/>
40
+ <path class="st0" d="M253.6,533.9H0V280.3h253.6V533.9z"/>
41
+ <path class="st0" d="M533.6,533.9H280V280.3h253.6L533.6,533.9L533.6,533.9z"/>
42
+ </svg>
@@ -3,11 +3,11 @@ layout: home
3
3
  compress: true
4
4
 
5
5
  title: J1 Template
6
- title_extention: Free Bootstrap V5 Theme for Jekyll
7
- tagline: Free Bootstrap V5 Theme for Jekyll
6
+ title_extention: Bootstrap V5 Theme for Jekyll
7
+ tagline: Bootstrap V5 Theme for Jekyll
8
8
 
9
9
  date: 2023-01-01 00:00:00
10
- #last_modified: 2023-12-27 00:00:00
10
+ #last_modified: 2025-05-24 00:00:00
11
11
 
12
12
  description: >
13
13
  Jekyll One Template (J1) is a free Jekyll Theme providing
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": true,
3
3
  "name": "j1",
4
- "version": "2024.3.20",
4
+ "version": "2024.3.21",
5
5
  "description": "J1 Template",
6
6
  "homepage": "https://your.site",
7
7
  "author": {
@@ -94,7 +94,7 @@ the top features of J1.
94
94
 
95
95
  If you're interested what J1 Template can do, continue by walking through the
96
96
  roundtrip examples by starting an inspiring tour
97
- link:{url-j1-roundtrip--present-images}[from here].
97
+ link:{url-j1-roundtrip--image_data}[from here].
98
98
 
99
99
  [role="mt-4"]
100
100
  === Cheatsheets
@@ -144,9 +144,6 @@ websites with embedded audio content.
144
144
  .Emancipator · From Dusk To Dawn
145
145
  amplitude::emancipator_mini[role="mb-5"]
146
146
 
147
- .Royalty Free Music · Disco 80th
148
- amplitude::disco_mini[role="mb-5"]
149
-
150
147
 
151
148
  [role="mt-5"]
152
149
  === Compact Players
@@ -163,9 +160,6 @@ screen space or placing multiple players side-by-side.
163
160
  .Emancipator · From Dusk To Dawn
164
161
  amplitude::emancipator_compact[role="mb-5"]
165
162
 
166
- .Royalty Free Music · Disco 80th
167
- amplitude::disco_compact[role="mb-5"]
168
-
169
163
 
170
164
  [role="mt-5"]
171
165
  === Large Players
@@ -174,9 +168,6 @@ A complex component, like an audio player on a web page, typically refers
174
168
  to a design or layout that minimizes the component's space while maintaining
175
169
  its functionality and usability.
176
170
 
177
- [role="mt-4"]
178
- ==== Emancipator
179
-
180
171
  The large design provides the full functionality of an audio player to ensure
181
172
  users can easily control audio playback. The player behaves similarly to a
182
173
  compact player, but all controls are displayed in a single window; there is
@@ -185,13 +176,7 @@ no need to open other widgets.
185
176
  .Emancipator · From Dusk To Dawn
186
177
  amplitude::emancipator_large[role="mb-5"]
187
178
 
188
- [role="mt-4"]
189
- ==== Disco 80th
190
-
191
- lorem:sentences[3]
192
179
 
193
- .Royalty Free Music · Disco 80th
194
- amplitude::disco_large[role="mb-5"]
195
180
  [role="mt-5"]
196
181
  == AmplitudeJS on Youtube
197
182
 
@@ -209,12 +194,12 @@ player buttons and controls to manage a *playlist* of videos the same as known
209
194
  for native audio files.
210
195
  ====
211
196
 
212
- .Manon Mélodie · YouTube 2025
213
- amplitude::manon_melodie_yt_large[role="mb-5"]
197
+ .Bea and her Business · YouTube 2025
198
+ amplitude::bea_yt_large[role="mb-5"]
214
199
 
215
200
  [role="mt-4 mb-5"]
216
201
  [NOTE]
217
202
  ====
218
203
  AmplitudeJS YT Player can only be used with the J1 Template. Currently, only
219
- AJS players of type *large* are supported.
204
+ players of type *large* are supported.
220
205
  ====
@@ -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,62 @@ 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
+
135
138
  Mini players are beneficial when you want to listen to audio in the
136
139
  background without dedicating the entire screen to the player. They
137
140
  are commonly found on music streaming services, podcast platforms, and
138
141
  websites with embedded audio content.
139
142
 
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
143
 
147
144
  [role="mt-5"]
148
- === Compact Players
145
+ === Compact Player
149
146
 
150
147
  The design of a *Compact player* is an efficient approach that involves
151
148
  condensing the player controls and display elements into a smaller area.
152
149
  It allows the audio player to fit neatly within the web page's layout without
153
150
  overwhelming or dominating the content around it.
154
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
+
155
158
  The player aims to balance functionality and space efficiency, ensuring users
156
159
  can easily access and control the audio playback without sacrificing too much
157
160
  screen space or placing multiple players side-by-side.
158
161
 
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
162
 
166
163
  [role="mt-5"]
167
- === Large Players
164
+ === Large Player
168
165
 
169
166
  A complex component, like an audio player on a web page, typically refers
170
167
  to a design or layout that minimizes the component's space while maintaining
171
168
  its functionality and usability.
172
169
 
173
- [role="mt-4"]
174
- ==== Emancipator
175
-
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.
180
-
181
170
  .Emancipator · From Dusk To Dawn
182
171
  amplitude::emancipator_large[role="mb-5"]
183
172
 
184
- [role="mt-4"]
185
- ==== Disco 80th
186
-
187
- lorem:sentences[3]
188
-
189
173
  .Royalty Free Music · Disco 80th
190
- amplitude::disco_large[role="mb-5"]
174
+ amplitude::disco_large[role="mb-4"]
191
175
 
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.
192
180
 
193
181
 
194
182
  [role="mt-5"]
195
- == AmplitudeJS on Youtube
183
+ == J1 AmplitudeJS on Youtube
196
184
 
197
185
  The example demonstrates playing *Audio* track from *YouTube Video* using an
198
186
  AmplitudJS player. The J1 template uses the video *plugin ytp* to extend the
@@ -208,8 +196,8 @@ player buttons and controls to manage a *playlist* of videos the same as known
208
196
  for native audio files.
209
197
  ====
210
198
 
211
- .Manon Mélodie · YouTube 2025
212
- amplitude::manon_melodie_yt_large[role="mb-5"]
199
+ .Bea and her Business · YouTube 2025
200
+ amplitude::bea_yt_large[role="mb-5"]
213
201
 
214
202
  [role="mt-4 mb-5"]
215
203
  [NOTE]
@@ -219,20 +207,6 @@ AJS players of type *large* are supported.
219
207
  ====
220
208
 
221
209
 
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
210
  [role="mt-5"]
237
211
  == What next
238
212
 
@@ -250,4 +224,5 @@ Quicktime, or Silverlight is no longer needed as the Theme JekyllOne provides
250
224
  HTML5 video for local content and from online sources on the Internet.
251
225
 
252
226
  [role="mb-8"]
253
- 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
+