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.
- checksums.yaml +4 -4
- data/_layouts/page.html +1 -0
- data/assets/data/amplitude_app.html +28 -23
- data/assets/theme/j1/adapter/js/amplitude.js +590 -354
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +41 -1
- 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 +190 -403
- 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 +36 -33
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +72 -9
- 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 +36 -24
- 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 +4 -4
- data/lib/starter_web/_data/modules/amplitude_playlists.yml +44 -44
- data/lib/starter_web/_data/modules/defaults/amplitude.yml +7 -4
- data/lib/starter_web/_data/modules/swiper_app.yml +67 -0
- data/lib/starter_web/_data/modules/swiper_playlists.yml +26 -0
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_includes/attributes.asciidoc +5 -4
- 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/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 +3 -18
- data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +6 -6
- data/lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc +87 -0
- 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} +30 -55
- 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} +17 -16
- 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>
|
Binary file
|
Binary file
|
Binary file
|
@@ -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>
|
data/lib/starter_web/index.html
CHANGED
@@ -3,11 +3,11 @@ layout: home
|
|
3
3
|
compress: true
|
4
4
|
|
5
5
|
title: J1 Template
|
6
|
-
title_extention:
|
7
|
-
tagline:
|
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:
|
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
|
@@ -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--
|
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
|
-
.
|
213
|
-
amplitude::
|
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
|
-
|
204
|
+
players of type *large* are supported.
|
220
205
|
====
|
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
title: J1 Amplitude
|
3
|
-
title_extention: YouTube Video
|
4
|
-
tagline: YouTube Video
|
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::
|
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::
|
226
|
+
amplitude::autofahrer_geschichten_yt_large[role="mb-5"]
|
227
227
|
|
228
228
|
|
229
229
|
[role="mt-4"]
|
230
|
-
===
|
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--
|
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,7 +1,7 @@
|
|
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
|
@@ -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:
|
@@ -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*
|
115
|
-
* *Compact*
|
116
|
-
* *Large*
|
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
|
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
|
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
|
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-
|
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
|
-
.
|
212
|
-
amplitude::
|
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--
|
227
|
+
Incredible? See the next example page link:{url-tour--video_data}[Video Player].
|
228
|
+
|