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
data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css CHANGED
@@ -12,5 +12,4 @@
12
12
  # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
13
13
  # -----------------------------------------------------------------------------
14
14
  */
15
-
16
- .compact-player{width:500px;height:auto;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}.compact-player-container{position:relative;max-width:max-content;overflow-y:clip}.meta-container.compact-player{height:120px;border:0}.player-top{position:relative}.player-top img[data-amplitude-song-info="cover_art_url"]{width:498px;height:auto;object-fit:cover}.compact-player-header{position:relative;padding:15px;cursor:pointer;text-align:center;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.compact-player-header-arrows{position:absolute;top:23px;left:15px}.compact-player-play-pause{display:inline-block;user-select:none;width:60px;height:60px;cursor:pointer;vertical-align:middle}.compact-player-play-pause:hover{opacity:.5}.compact-player-play-pause:focus:not(:focus-visible){outline:0}div.compact-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div.compact-player-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}div#compact_player_control_container{margin-top:20px;margin-bottom:20px}div#compact_player_control_container:after{content:"";display:table;clear:both}div#compact_player_control_container div.volume-container{float:left;width:88%;margin-top:20px;margin-left:12px}div#compact_player_control_container div.volume-container:after{content:"";display:table;clear:both}div#compact_player_control_container div.volume-container div.volume-controls input[type=range]{width:calc(100% - 45px)}div#compact_player_control_container div.amplitude-mute{float:left;cursor:pointer;width:25px;height:19px;margin-left:50px}div#compact_player_control_container div.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}div#compact_player_control_container div.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}div#compact_player_controls{height:65px}div#compact_player_controls div.compact-player-controls-container{text-align:center}div.compact-player-middle{padding:10px 10px 10px 10px;background-color:var(--ajs-theme-uno--blue-gray-900)}div.compact-player-middle div.compact-player-controls-container{display:block}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle{display:inline-block;cursor:pointer;width:24px;height:24px;vertical-align:middle}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle.amplitude-shuffle-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle.amplitude-shuffle-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-previous{display:inline-block;cursor:pointer;vertical-align:middle;width:24px;height:24px;margin-right:20px;margin-left:20px}div.compact-player-middle div.compact-player-controls-container div.compact-player-previous{display:inline-block;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-previous:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div.compact-player-skip-backward{display:inline-block;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-skip-backward:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div.compact-player-play-pause{display:inline-block;cursor:pointer;width:60px;height:60px;vertical-align:middle}div.compact-player-middle div.compact-player-controls-container div#compact_player_play_pause:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_play_pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_play_pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-skip-forward{display:inline-block;cursor:pointer;height:24px;width:24px;margin-left:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-skip-forward:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div.compact-player-next{display:inline-block;cursor:pointer;height:24px;width:24px;margin-right:25px;margin-left:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-next:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_repeat{display:inline-block;cursor:pointer;width:24px;height:24px;vertical-align:middle;margin-right:25px}div.compact-player-middle div.large-player-controls-container div#compact_player_repeat:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_repeat.amplitude-repeat-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_repeat.amplitude-repeat-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container::after{content:"";display:table;clear:both}div.compact-player-middle div.volume-container img{display:block;float:left}div.compact-player-middle div.volume-container:after{content:"";display:table;clear:both}div.compact-player-middle div.volume-controls div.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}div.compact-player-middle div.volume-controls div.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}div.player-bottom{background-color:var(--ajs-theme-uno--black)}@media screen and (max-width:576px){.compact-player{max-width:-webkit-fill-available;max-width:-moz-available}div.player-top img[data-amplitude-song-info="cover_art_url"]{max-width:-webkit-fill-available;max-width:-moz-available}div.compact-player-playlist{width:calc(100% - 1px)}div.compact-player-volume-container input[type=range].amplitude-volume-slider{appearance:none;width:calc(100% - 100px)}div.compact-player-volume-container input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}div.compact-player-volume-container input[type=range].amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}}.compact-player-title-list{display:block;height:550px;overflow-y:scroll}.playlist-screen-meta-container{float:left;width:calc(100% - 123px)}div.compact-player-volume-container{margin-top:20px}div.compact-player-playlist{display:none;position:absolute;top:0;right:0;left:0;bottom:0;width:calc(100%+1px);background-color:var(--ajs-theme-uno--black)}div.compact-player-playlist div.compact-player-title-list{height:600px;overflow-y:scroll}div.compact-player-playlist div.compact-player-title-list div.song{padding:15px;cursor:pointer;line-height:20px;background-color:var(--ajs-theme-uno--darker-silver)}div.compact-player-playlist div.compact-player-title-list div.song span.song-number-now-playing{float:left;width:5px;height:20px;margin-top:8px;margin-right:20px}div.compact-player-playlist div.compact-player-title-list div.song span.song-number-now-playing span.number{opacity:.5;font-family:"Lato",sans-serif;font-size:14px;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.compact-player-title-list div.song span.song-number-now-playing img.now-playing{display:none}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container{display:inline-block;width:calc(100% - 120px)}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container span.song-name{display:block;width:calc(100% - 40px);margin-left:10px;font-family:"Lato",sans-serif;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container span.amplitude-audio-info{float:right;margin-right:-130px}div.screen-controls-compact-player div.playlist-screen-meta-container span.audio-rating{display:flex;float:right;margin-top:10px;margin-right:-100px}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container span.audio-rating{display:flex;float:right;margin-top:-17px;margin-right:-96px}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container span.song-artist-album{display:block;margin-left:10px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}div.compact-player-playlist div.compact-player-title-list div.song span.audio-duration{float:right;margin-top:-40px;margin-right:-93px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}div.compact-player-playlist div.compact-player-title-list div.song span.song-duration{display:inline-block;opacity:.5;width:35px;font-family:"Lato",sans-serif;font-size:18px;text-align:center;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.compact-player-title-list div.song span.audio-info{float:right;margin-top:-24px;margin-right:-110px}.amplitude-audio-info-compact-player{float:right;margin-right:-128px}div.compact-player-playlist div.compact-player-title-list div.song.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}div.compact-player-playlist div.compact-player-title-list div.song.amplitude-active-song-container span.song-number-now-playing img.now-playing{display:inline-block;height:16px;width:16px;margin-top:2px;margin-left:4px}div.compact-player-playlist div.compact-player-title-list div.song.amplitude-active-song-container span.song-number-now-playing span.number{display:none}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container{float:left;width:calc(100% - 123px)}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container span.song-name{font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container div.song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:15px;line-height:18px;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.playlist-screen-controls div.list-controls{float:right;margin-top:48px}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-previous{float:left;cursor:pointer;width:15px;height:17px;margin-right:15px;margin-top:4px;background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-playing{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-paused{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-next{float:left;cursor:pointer;width:15px;height:17px;margin-left:15px;margin-top:4px;background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}div.compact-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 165px);background:transparent}.slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both}@-webkit-keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.slide-out-top{-webkit-animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both;animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both}@-webkit-keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}@keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}
15
+ .compact-player{width:500px;height:auto;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}.compact-player-container{position:relative;max-width:max-content;overflow-y:clip}.compact-player-middle{padding:10px 10px 10px 10px;background-color:var(--ajs-theme-uno--blue-gray-900)}.player-bottom{background-color:var(--ajs-theme-uno--black)}.player-top{position:relative}.player-top img[data-amplitude-song-info="cover_art_url"]{width:498px;height:auto;object-fit:cover}.compact-player-header{position:relative;padding:15px;cursor:pointer;text-align:center;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.compact-player-header-arrows{position:absolute;top:23px;left:15px}.compact-player-shuffle{display:inline-block;user-select:none;cursor:pointer;width:24px;height:24px;vertical-align:middle}.compact-player-shuffle:hover{opacity:.5}.compact-player-previous{display:inline-block;user-select:none;cursor:pointer;vertical-align:middle;width:24px;height:24px;margin-right:20px;margin-left:20px}.compact-player-previous:hover{opacity:.5}.compact-player-skip-backward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle}.compact-player-skip-backward:hover{opacity:.5}.compact-player-play-pause{display:inline-block;user-select:none;width:60px;height:60px;cursor:pointer;vertical-align:middle}.compact-player-play-pause:hover{opacity:.5}.compact-player-play-pause:focus:not(:focus-visible){outline:0}.compact-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}.compact-player-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}.compact-player-skip-forward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-left:20px;vertical-align:middle}.compact-player-skip-forward:hover{opacity:.5}.compact-player-next{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-right:25px;margin-left:20px;vertical-align:middle}.compact-player-next:hover{opacity:.5}.compact-player-repeat{display:inline-block;user-select:none;cursor:pointer;width:24px;height:24px;vertical-align:middle;margin-right:25px}.compact-player-repeat:hover{opacity:.5}.compact-player-control-container{margin-top:20px;margin-bottom:10px}.compact-player-control-container:after{content:"";display:table;clear:both}.compact-player-controls-container{text-align:center}.compact-player-controls-container::after{content:"";display:table;clear:both}.volume-container img{display:block;float:left}.volume-container:after{content:"";display:table;clear:both}.compact-player-amplitude-mute{margin-left:28px}.player-bottom{background-color:var(--ajs-theme-uno--black)}@media screen and (max-width:576px){.compact-player{max-width:-webkit-fill-available;max-width:-moz-available}.player-top img[data-amplitude-song-info="cover_art_url"]{max-width:-webkit-fill-available;max-width:-moz-available}.compact-player-playlist{width:calc(100% - 1px)}.compact-player-volume-container input[type=range].amplitude-volume-slider{appearance:none}.compact-player-volume-container input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}.compact-player-volume-container input[type=range].amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}}.meta-container.compact-player{height:120px;border:0}.playlist-screen-meta-container{float:left;width:calc(100% - 123px)}.compact-player-volume-container{margin-top:20px}.compact-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 118px);background:transparent}.compact-player-list-controls{width:128px !important;margin-top:50px !important;margin-right:-32px !important}.compact-player-title-list{width:100%;height:680px;overflow-y:scroll}.compact-player-title-list .song{padding:15px;cursor:pointer;line-height:20px;background-color:var(--ajs-theme-uno--darker-silver)}.compact-player-title-list .song-number-now-playing{float:left;width:5px;height:20px;margin-top:14px;margin-right:20px}.compact-player-title-list .song-number-now-playing .number{opacity:.5;font-family:"Lato",sans-serif;font-size:14px;color:var(--ajs-theme-uno--white)}.compact-player-title-list .song-number-now-playing img.now-playing{display:none}.compact-player-title-list .song-meta-container .song-name{display:block;width:calc(100% - 40px);margin-left:38px;font-family:"Lato",sans-serif;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}.compact-player-title-list .song-meta-container .audio-rating{display:flex;float:right;margin-top:-38px}.compact-player-title-list .song-meta-container .song-artist-album{display:block;margin-left:38px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}.compact-player-title-list .song-meta-container .audio-duration{float:right;margin-top:-18px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}.playlist-screen-meta-container .audio-rating{display:flex;float:right;margin-top:10px;margin-right:-100px}.playlist-screen-meta-container .amplitude-audio-info{float:right;margin-right:-130px}.compact-player-title-list .song.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}.compact-player-title-list .song.amplitude-active-song-container .song-number-now-playing img.now-playing{display:inline-block;height:16px;width:16px;margin-top:2px;margin-left:4px}.compact-player-title-list .song.amplitude-active-song-container .song-number-now-playing .number{display:none}.compact-player-playlist{display:none;position:absolute;top:0;right:0;left:0;bottom:0;width:calc(100%+1px);background-color:var(--ajs-theme-uno--black)}.playlist-screen-controls .playlist-screen-meta-container{float:left;width:calc(100% - 123px)}.playlist-screen-controls .playlist-screen-meta-container .song-name{font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--white)}.playlist-screen-controls .playlist-screen-meta-container .song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:15px;line-height:18px;color:var(--ajs-theme-uno--white)}.playlist-screen-controls .list-controls{float:right;margin-top:48px}.playlist-screen-controls .list-controls .list-previous{float:left;cursor:pointer;width:15px;height:17px;margin-right:15px;margin-top:4px;background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg")}.playlist-screen-controls .list-controls .list-previous:hover{opacity:.5}.playlist-screen-controls .list-controls .amplitude-play-pause{float:left;cursor:pointer;width:17px;height:24px}.playlist-screen-controls .list-controls .amplitude-play-pause:hover{opacity:.5}.playlist-screen-controls .list-controls .amplitude-play-pause.amplitude-playing{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg")}.playlist-screen-controls .list-controls .amplitude-play-pause.amplitude-paused{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg")}.playlist-screen-controls .list-controls .list-next{float:left;cursor:pointer;width:15px;height:17px;margin-left:15px;margin-top:4px;background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg")}.playlist-screen-controls .list-controls .list-next:hover{opacity:.5}.compact-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 118px);background:transparent}.slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both}@-webkit-keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.slide-out-top{-webkit-animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both;animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both}@-webkit-keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}@keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}
data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css CHANGED
@@ -42,12 +42,7 @@
42
42
  .amplitude-shuffle:hover {
43
43
  opacity: 0.5;
44
44
  }
45
- .amplitude-shuffle-on {
46
- background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat;
47
- }
48
- .amplitude-shuffle-off {
49
- background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat;
50
- }
45
+
51
46
  .large-player-previous {
52
47
  display: inline-block;
53
48
  user-select: none;
@@ -56,7 +51,6 @@
56
51
  cursor: pointer;
57
52
  vertical-align: middle;
58
53
  margin-right: 20px;
59
- background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat;
60
54
  }
61
55
  .large-player-previous:hover {
62
56
  opacity: 0.5;
@@ -72,7 +66,6 @@
72
66
  width: 24px;
73
67
  margin-right: 20px;
74
68
  vertical-align: middle;
75
- background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg") no-repeat;
76
69
  }
77
70
  .large-player-skip-backward:focus:not(:focus-visible) {
78
71
  outline: none;
@@ -94,12 +87,14 @@
94
87
  .large-player-play-pause:focus:not(:focus-visible) {
95
88
  outline: none;
96
89
  }
97
- div.large-player-play-pause.amplitude-paused {
90
+
91
+ .large-player-play-pause.amplitude-paused {
98
92
  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
99
93
  }
100
- div.large-player-play-pause.amplitude-playing {
94
+ .large-player-play-pause.amplitude-playing {
101
95
  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat;
102
96
  }
97
+
103
98
  .large-player-skip-forward {
104
99
  display: inline-block;
105
100
  user-select: none;
@@ -108,7 +103,6 @@ div.large-player-play-pause.amplitude-playing {
108
103
  width: 24px;
109
104
  margin-left: 20px;
110
105
  vertical-align: middle;
111
- background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg") no-repeat;
112
106
  }
113
107
  .large-player-skip-forward:focus:not(:focus-visible) {
114
108
  outline: none;
@@ -116,9 +110,7 @@ div.large-player-play-pause.amplitude-playing {
116
110
  .large-player-skip-forward:hover {
117
111
  opacity: 0.5;
118
112
  }
119
- .large-player-skip-forward.amplitude-playing {
120
- background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat;
121
- }
113
+
122
114
  .large-player-next {
123
115
  display: inline-block;
124
116
  user-select: none;
@@ -128,7 +120,6 @@ div.large-player-play-pause.amplitude-playing {
128
120
  vertical-align: middle;
129
121
  margin-right: 25px;
130
122
  margin-left: 20px;
131
- background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat;
132
123
  }
133
124
  .large-player-next:focus:not(:focus-visible) {
134
125
  outline: none;
@@ -136,6 +127,7 @@ div.large-player-play-pause.amplitude-playing {
136
127
  .large-player-next:hover {
137
128
  opacity: 0.5;
138
129
  }
130
+
139
131
  .amplitude-repeat {
140
132
  display: inline-block;
141
133
  user-select: none;
@@ -150,12 +142,7 @@ div.large-player-play-pause.amplitude-playing {
150
142
  .amplitude-repeat:hover {
151
143
  opacity: 0.5;
152
144
  }
153
- .amplitude-repeat-off {
154
- background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat;
155
- }
156
- .amplitude-repeat-on {
157
- background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat;
158
- }
145
+
159
146
  .large-player-playlist-header {
160
147
  cursor: pointer;
161
148
  top: 0;
@@ -168,7 +155,6 @@ div.large-player-play-pause.amplitude-playing {
168
155
  }
169
156
  .large-player-title-list {
170
157
  display: block;
171
- /* max-height: 600px; */
172
158
  max-height: 540px;
173
159
  overflow-y: scroll;
174
160
  }
@@ -313,7 +299,7 @@ span.audio-rating {
313
299
  display: flex;
314
300
  float: right;
315
301
  margin-top: 10px;
316
- margin-right: -48px;
302
+ /* margin-right: -48px; */
317
303
  }
318
304
 
319
305
  div.playlist-screen-meta-container .song-artist-album {
@@ -383,7 +369,7 @@ input[type=range].amplitude-volume-slider {
383
369
  height: 1px;
384
370
  margin-top: 10px;
385
371
  margin-left: 5px;
386
- width: calc(100% - 165px);
372
+ width: calc(100% - 86px);
387
373
  background: transparent;
388
374
  }
389
375
 
@@ -405,7 +391,8 @@ Bootstrap (BS) grid breakpoints
405
391
 
406
392
  /* BS LG (Desktop)
407
393
  # --------------------------------------------------------- */
408
- @media (orientation: portrait) and (max-width: 992px) {
394
+ /* @media (orientation: portrait) and (max-width: 992px) { */
395
+ @media (orientation: portrait) and (max-width: 1024px) {
409
396
  .large-player-left {
410
397
  width: 35vw;
411
398
  }
@@ -413,13 +400,15 @@ Bootstrap (BS) grid breakpoints
413
400
  width: 45vw;
414
401
  object-fit: cover;
415
402
  }
403
+ .playlist-screen-controls {
404
+ display: none;
405
+ }
416
406
 
417
407
  input[type="range"].amplitude-volume-slider::-webkit-slider-thumb {
418
408
  background-color: var(--ajs-theme-uno--blue-500);
419
409
  width: 25px;
420
410
  height: 25px;
421
411
  }
422
-
423
412
  input[type="range"].amplitude-volume-slider::-moz-slider-thumb {
424
413
  background-color: var(--ajs-theme-uno--blue-500);
425
414
  width: 25px;
@@ -434,6 +423,9 @@ Bootstrap (BS) grid breakpoints
434
423
  .large-player-left {
435
424
  width: 35vw;
436
425
  }
426
+ .playlist-screen-controls {
427
+ display: none;
428
+ }
437
429
  .large-player-left-top img {
438
430
  width: 45vw;
439
431
  object-fit: cover;
@@ -442,14 +434,20 @@ Bootstrap (BS) grid breakpoints
442
434
 
443
435
  /* BS LG (Desktop)
444
436
  # --------------------------------------------------------- */
445
- @media (orientation: landscape) and (max-width: 992px) {
446
- .large-player-left {
437
+ /* @media (orientation: landscape) and (max-width: 992px) { */
438
+ @media (orientation: landscape) and (max-width: 1024px) {
439
+
440
+ /* .large-player-left {
447
441
  width: 35vw;
448
- }
449
- .large-player-left-top img {
442
+ } */
443
+ /* .large-player-left-top img {
450
444
  width: 95vw;
451
445
  object-fit: cover;
452
- }
446
+ } */
447
+
448
+ .playlist-screen-controls {
449
+ display: none;
450
+ }
453
451
  }
454
452
 
455
453
  /* BS MD (Desktop)
@@ -462,6 +460,9 @@ Bootstrap (BS) grid breakpoints
462
460
  width: 95vw;
463
461
  object-fit: cover;
464
462
  }
463
+ .playlist-screen-controls {
464
+ display: none;
465
+ }
465
466
  }
466
467
 
467
468
  /* BS SM (Mobile)
@@ -510,8 +511,10 @@ Bootstrap (BS) grid breakpoints
510
511
  border-left: 1px solid;
511
512
  border-color: var(--ajs-theme-uno--medium-silver);
512
513
  }
513
- .amplitude-mute {
514
- margin-left: 14px;
514
+
515
+ div.large-player-volume-container
516
+ .large-player-amplitude-mute {
517
+ margin-left: 4px;
515
518
  }
516
519
 
517
520
  div.large-player-volume-container
data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css CHANGED
@@ -13,4 +13,4 @@
13
13
  # -----------------------------------------------------------------------------
14
14
  */
15
15
 
16
- .large-player{-webkit-font-smoothing:antialiased}.large-player-container{display:flex;max-width:fit-content;background:var(--ajs-theme-uno--white)}.large-player-controls-container{text-align:center}.amplitude-shuffle{display:inline-block;user-select:none;width:24px;height:24px;cursor:pointer;vertical-align:middle;margin-right:25px}.amplitude-shuffle:hover{opacity:.5}.amplitude-shuffle-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat}.amplitude-shuffle-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat}.large-player-previous{display:inline-block;user-select:none;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:20px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat}.large-player-previous:hover{opacity:.5}.large-player-previous:focus:not(:focus-visible){outline:0}.large-player-skip-backward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg") no-repeat}.large-player-skip-backward:focus:not(:focus-visible){outline:0}.large-player-skip-backward:hover{opacity:.5}.large-player-play-pause{display:inline-block;user-select:none;width:60px;height:60px;cursor:pointer;vertical-align:middle}.large-player-play-pause:hover{opacity:.5}.large-player-play-pause:focus:not(:focus-visible){outline:0}div.large-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div.large-player-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}.large-player-skip-forward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-left:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg") no-repeat}.large-player-skip-forward:focus:not(:focus-visible){outline:0}.large-player-skip-forward:hover{opacity:.5}.large-player-skip-forward.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}.large-player-next{display:inline-block;user-select:none;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:25px;margin-left:20px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat}.large-player-next:focus:not(:focus-visible){outline:0}.large-player-next:hover{opacity:.5}.amplitude-repeat{display:inline-block;user-select:none;width:24px;height:24px;cursor:pointer;vertical-align:middle}.amplitude-repeat:focus:not(:focus-visible){outline:0}.amplitude-repeat:hover{opacity:.5}.amplitude-repeat-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat}.amplitude-repeat-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat}.large-player-playlist-header{cursor:pointer;top:0;position:sticky;padding:15px;font-family:"Lato",sans-serif;text-align:center;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.large-player-title-list{display:block;max-height:540px;overflow-y:scroll}.large-player-control-container{margin-top:25px;margin-bottom:25px}.large-player-volume-container{margin-top:20px;margin-bottom:20px}.meta-container.large-player{height:120px}.playlist-screen-meta-container{width:calc(100% - 80px);float:left}.playlist-screen-controls{cursor:default;height:100px;padding:15px;max-width:-webkit-fill-available;max-width:-moz-available;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--black)}.large-player-left{display:flex;flex:1;flex-direction:column;width:50vw;max-width:fit-content;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}.large-player-left-top img{width:500px;height:500px;object-fit:cover}.large-player-left-middle{margin-top:10px;margin-bottom:20px;margin-left:40px}.large-player-left-bottom{background-color:var(--ajs-theme-uno--black)}.large-player-right{display:flex;flex:1;flex-direction:column;flex-grow:1;width:50vw;border-top:solid 1px;border-right:solid 1px;border-bottom:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}.amplitude-song-container img.now-playing{display:none}.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}.amplitude-active-song-container img.now-playing{display:block;margin-top:5px;margin-right:8px;margin-left:4px;height:16px;width:16px}.amplitude-song{cursor:pointer;padding:12px;background-color:var(--ajs-theme-uno--darker-silver)}.amplitude-song:after{content:"";display:table;clear:both}.audio-meta-data{float:left;width:calc(100% - 145px)}.audio-artist{font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-300)}.audio-title{display:block;width:calc(100% - 25px);font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}.song-number-now-playing{float:left;width:40px;height:20px;margin-top:8px;margin-right:12px}.audio-duration{float:right;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}.song-name{line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Lato",sans-serif;font-size:18px;color:var(--ajs-theme-uno--white)}div.screen-controls-large-player div.playlist-screen-meta-container span.audio-rating{display:flex;float:right;margin-top:10px;margin-right:-48px}div.playlist-screen-meta-container .song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:16px;line-height:18px;color:var(--ajs-theme-uno--white)}.audio-rating{float:left;padding-left:65px}.amplitude-audio-info{float:right;margin-right:-80px}div.playlist-screen-controls div.list-controls{float:right;width:90px;margin-top:45px;margin-right:-12px}div.playlist-screen-controls div.list-controls div.list-previous{float:left;cursor:pointer;width:15px;height:17px;margin-right:15px;margin-top:4px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-next{float:left;cursor:pointer;width:15px;height:17px;margin-left:15px;margin-top:4px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}div.large-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 165px);background:transparent}@media(orientation:portrait) and (max-width:992px){.large-player-left{width:35vw}.large-player-left-top img{width:45vw;object-fit:cover}input[type="range"].amplitude-volume-slider::-webkit-slider-thumb{background-color:var(--ajs-theme-uno--blue-500);width:25px;height:25px}input[type="range"].amplitude-volume-slider::-moz-slider-thumb{background-color:var(--ajs-theme-uno--blue-500);width:25px;height:25px}}@media(orientation:portrait) and (max-width:768px){.large-player-left{width:35vw}.large-player-left-top img{width:45vw;object-fit:cover}}@media(orientation:landscape) and (max-width:992px){.large-player-left{width:35vw}.large-player-left-top img{width:95vw;object-fit:cover}}@media(orientation:landscape) and (max-width:768px){.large-player-left{width:35vw}.large-player-left-top img{width:95vw;object-fit:cover}}@media screen and (max-width:576px){.large-player{max-width:-webkit-fill-available;max-width:-moz-available}.large-player-container{position:relative;flex-direction:column;max-height:fit-content;max-width:fit-content}.large-player-control-container{margin-top:25px;margin-bottom:25px}.playlist-screen-controls.large-player{display:none}.large-player-title-list{border-bottom:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-left{width:auto;max-width:unset;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-left-top img{width:93vw;object-fit:cover}.large-player-right{width:auto;min-width:unset;border-top:0;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}.amplitude-mute{margin-left:14px}div.large-player-volume-container input[type=range].amplitude-volume-slider{appearance:none;width:calc(100% - 106px)}div.large-player-volume-container input[type="range"].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}div.large-player-volume-container input[type="range"].amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}}
16
+ .large-player{-webkit-font-smoothing:antialiased}.large-player-container{display:flex;max-width:fit-content;background:var(--ajs-theme-uno--white)}.large-player-controls-container{text-align:center}.amplitude-shuffle{display:inline-block;user-select:none;width:24px;height:24px;cursor:pointer;vertical-align:middle;margin-right:25px}.amplitude-shuffle:hover{opacity:.5}.large-player-previous{display:inline-block;user-select:none;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:20px}.large-player-previous:hover{opacity:.5}.large-player-previous:focus:not(:focus-visible){outline:0}.large-player-skip-backward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle}.large-player-skip-backward:focus:not(:focus-visible){outline:0}.large-player-skip-backward:hover{opacity:.5}.large-player-play-pause{display:inline-block;user-select:none;width:60px;height:60px;cursor:pointer;vertical-align:middle}.large-player-play-pause:hover{opacity:.5}.large-player-play-pause:focus:not(:focus-visible){outline:0}.large-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}.large-player-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}.large-player-skip-forward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-left:20px;vertical-align:middle}.large-player-skip-forward:focus:not(:focus-visible){outline:0}.large-player-skip-forward:hover{opacity:.5}.large-player-next{display:inline-block;user-select:none;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:25px;margin-left:20px}.large-player-next:focus:not(:focus-visible){outline:0}.large-player-next:hover{opacity:.5}.amplitude-repeat{display:inline-block;user-select:none;width:24px;height:24px;cursor:pointer;vertical-align:middle}.amplitude-repeat:focus:not(:focus-visible){outline:0}.amplitude-repeat:hover{opacity:.5}.large-player-playlist-header{cursor:pointer;top:0;position:sticky;padding:15px;font-family:"Lato",sans-serif;text-align:center;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.large-player-title-list{display:block;max-height:540px;overflow-y:scroll}.large-player-control-container{margin-top:25px;margin-bottom:25px}.large-player-volume-container{margin-top:20px;margin-bottom:20px}.meta-container.large-player{height:120px}.playlist-screen-meta-container{width:calc(100% - 80px);float:left}.playlist-screen-controls{cursor:default;height:100px;padding:15px;max-width:-webkit-fill-available;max-width:-moz-available;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--black)}.large-player-left{display:flex;flex:1;flex-direction:column;width:50vw;max-width:fit-content;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}.large-player-left-top img{width:500px;height:500px;object-fit:cover}.large-player-left-middle{margin-top:10px;margin-bottom:20px;margin-left:40px}.large-player-left-bottom{background-color:var(--ajs-theme-uno--black)}.large-player-right{display:flex;flex:1;flex-direction:column;flex-grow:1;width:50vw;border-top:solid 1px;border-right:solid 1px;border-bottom:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}.amplitude-song-container img.now-playing{display:none}.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}.amplitude-active-song-container img.now-playing{display:block;margin-top:5px;margin-right:8px;margin-left:4px;height:16px;width:16px}.amplitude-song{cursor:pointer;padding:12px;background-color:var(--ajs-theme-uno--darker-silver)}.amplitude-song:after{content:"";display:table;clear:both}.audio-meta-data{float:left;width:calc(100% - 145px)}.audio-artist{font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-300)}.audio-title{display:block;width:calc(100% - 25px);font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}.song-number-now-playing{float:left;width:40px;height:20px;margin-top:8px;margin-right:12px}.audio-duration{float:right;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}.song-name{line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Lato",sans-serif;font-size:18px;color:var(--ajs-theme-uno--white)}div.screen-controls-large-player div.playlist-screen-meta-container span.audio-rating{display:flex;float:right;margin-top:10px}div.playlist-screen-meta-container .song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:16px;line-height:18px;color:var(--ajs-theme-uno--white)}.audio-rating{float:left;padding-left:65px}.amplitude-audio-info{float:right;margin-right:-80px}div.playlist-screen-controls div.list-controls{float:right;width:90px;margin-top:45px;margin-right:-12px}div.playlist-screen-controls div.list-controls div.list-previous{float:left;cursor:pointer;width:15px;height:17px;margin-right:15px;margin-top:4px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-next{float:left;cursor:pointer;width:15px;height:17px;margin-left:15px;margin-top:4px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}div.large-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 86px);background:transparent}@media(orientation:portrait) and (max-width:1024px){.large-player-left{width:35vw}.large-player-left-top img{width:45vw;object-fit:cover}.playlist-screen-controls{display:none}input[type="range"].amplitude-volume-slider::-webkit-slider-thumb{background-color:var(--ajs-theme-uno--blue-500);width:25px;height:25px}input[type="range"].amplitude-volume-slider::-moz-slider-thumb{background-color:var(--ajs-theme-uno--blue-500);width:25px;height:25px}}@media(orientation:portrait) and (max-width:768px){.large-player-left{width:35vw}.playlist-screen-controls{display:none}.large-player-left-top img{width:45vw;object-fit:cover}}@media(orientation:landscape) and (max-width:1024px){.playlist-screen-controls{display:none}}@media(orientation:landscape) and (max-width:768px){.large-player-left{width:35vw}.large-player-left-top img{width:95vw;object-fit:cover}.playlist-screen-controls{display:none}}@media screen and (max-width:576px){.large-player{max-width:-webkit-fill-available;max-width:-moz-available}.large-player-container{position:relative;flex-direction:column;max-height:fit-content;max-width:fit-content}.large-player-control-container{margin-top:25px;margin-bottom:25px}.playlist-screen-controls.large-player{display:none}.large-player-title-list{border-bottom:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-left{width:auto;max-width:unset;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-left-top img{width:93vw;object-fit:cover}.large-player-right{width:auto;min-width:unset;border-top:0;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}div.large-player-volume-container .large-player-amplitude-mute{margin-left:4px}div.large-player-volume-container input[type=range].amplitude-volume-slider{appearance:none;width:calc(100% - 106px)}div.large-player-volume-container input[type="range"].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}div.large-player-volume-container input[type="range"].amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}}
data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css CHANGED
@@ -13,15 +13,24 @@
13
13
  # -----------------------------------------------------------------------------
14
14
  */
15
15
 
16
+ /* 1. Base
17
+ # ------------------------------------------------------------------------------ */
18
+
16
19
  .mini-player {
17
20
  -webkit-font-smoothing: antialiased;
18
21
  }
22
+
19
23
  .mini-player-container {
20
- width: 475px;
24
+ width: 500px;
21
25
  border: solid 1px;
22
26
  border-color: var(--ajs-theme-uno--medium-silver);
23
27
  background-color: var(--ajs-theme-uno--black);
24
28
  }
29
+
30
+
31
+ /* 2. Components
32
+ # ------------------------------------------------------------------------------ */
33
+
25
34
  .mini-player.control-container.meta-container {
26
35
  text-align: center;
27
36
  margin-left: 90px;
@@ -79,26 +88,80 @@
79
88
  .mini-player.volume-container {
80
89
  padding-top: 10px;
81
90
  margin-left: 25px;
82
- padding-bottom: 20px;
91
+ padding-bottom: 36px;
83
92
  width: calc(100% - 43px);
84
93
  }
85
94
  input[type=range].mini-player.amplitude-volume-slider {
86
- margin-top: -14px;
87
- margin-left: 24px;
95
+ margin-top: -10px;
96
+ margin-left: 28px;
88
97
  width: 90%;
89
98
  }
90
- @media screen and (max-width: 39.9375em) {
99
+
100
+
101
+ /* 3. Layout
102
+ # ------------------------------------------------------------------------------ */
103
+
104
+ /*
105
+ Bootstrap (BS) grid breakpoints
106
+ SN: 576px Mobile
107
+ MD: 768px Small Desktop|Tablet
108
+ LG: 992px Desktop
109
+ XL: 1200px Large Desktop
110
+ XXL: 1400px X Large Desktop
111
+ */
112
+
113
+ /* max-width: -webkit-fill-available; Chrome, Safari, Edge */
114
+ /* max-width: -moz-available; Firefox */
115
+
116
+
117
+ /* BS SM (Mobile)
118
+ # --------------------------------------------------------- */
119
+
120
+ @media screen and (max-width: 576px) {
91
121
  .mini-player-container {
92
- max-width: 390px;
93
- }
94
- .mini-player {
95
122
  max-width: -webkit-fill-available;
96
123
  max-width: -moz-available;
97
124
  }
125
+
98
126
  .mini-player.volume-container {
127
+ appearance: none;
99
128
  padding-top: 20px;
100
129
  }
101
- input[type=range].mini-player.amplitude-volume-slider {
130
+
131
+ /* input[type=range].mini-player.amplitude-volume-slider {
102
132
  margin-top: -11px;
133
+ } */
134
+
135
+ input[type="range"].mini-player.amplitude-volume-slider::-webkit-slider-thumb {
136
+ width: 30px;
137
+ height: 30px;
138
+ border-radius: 30px;
139
+ margin-top: -15px;
140
+ background-color: var(--ajs-theme-uno--blue-500);
103
141
  }
142
+
143
+ input[type="range"].mini-player.amplitude-volume-slider::-moz-slider-thumb {
144
+ width: 30px;
145
+ height: 30px;
146
+ border-radius: 30px;
147
+ margin-top: -15px;
148
+ background-color: var(--ajs-theme-uno--blue-500);
149
+ }
150
+
104
151
  }
152
+
153
+
154
+ /* 4. Pages
155
+ # ------------------------------------------------------------------------------ */
156
+
157
+ /* 5. Themes
158
+ # ------------------------------------------------------------------------------ */
159
+
160
+ /* 6. Utils
161
+ # ------------------------------------------------------------------------------ */
162
+
163
+ /* 7. Vendors
164
+ # ------------------------------------------------------------------------------ */
165
+
166
+ /* 8. Animations
167
+ # ------------------------------------------------------------------------------ */
data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css CHANGED
@@ -13,4 +13,5 @@
13
13
  # -----------------------------------------------------------------------------
14
14
  */
15
15
 
16
- .mini-player{-webkit-font-smoothing:antialiased}.mini-player-container{width:475px;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--black)}.mini-player.control-container.meta-container{text-align:center;margin-left:90px;color:var(--ajs-theme-uno--white)}.mini-player.meta-container{display:block;margin-top:8px;margin-bottom:8px}.mini-player.control-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.mini-player.control-container div#mini_player_previous{cursor:pointer;height:24px;width:24px;margin-top:8px;margin-right:12px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}.mini-player.control-container div#mini_player_previous:hover{opacity:.5}.mini-player.control-container div#mini_player_next{cursor:pointer;height:24px;width:24px;margin:8px 12px 0 12px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat}.mini-player.control-container div#mini_player_next:hover{opacity:.5}.mini-player.control-container div.amplitude-play-pause{cursor:pointer;height:24px;width:24px;margin-top:2px}.mini-player.control-container div.amplitude-play-pause:hover{opacity:.5}.mini-player.control-container div.amplitude-play-pause.amplitude-paused{background-size:cover;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}.mini-player.control-container div.amplitude-play-pause.amplitude-playing{background-size:cover;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}.mini-player.volume-container{padding-top:10px;margin-left:25px;padding-bottom:20px;width:calc(100% - 43px)}input[type=range].mini-player.amplitude-volume-slider{margin-top:-14px;margin-left:24px;width:90%}@media screen and (max-width:39.9375em){.mini-player-container{max-width:390px}.mini-player{max-width:-webkit-fill-available;max-width:-moz-available}.mini-player.volume-container{padding-top:20px}input[type=range].mini-player.amplitude-volume-slider{margin-top:-11px}}
16
+ .mini-player{-webkit-font-smoothing:antialiased}.mini-player-container{width:500px;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--black)}.mini-player.control-container.meta-container{text-align:center;margin-left:90px;color:var(--ajs-theme-uno--white)}.mini-player.meta-container{display:block;margin-top:8px;margin-bottom:8px}.mini-player.control-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.mini-player.control-container div#mini_player_previous{cursor:pointer;height:24px;width:24px;margin-top:8px;margin-right:12px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}.mini-player.control-container div#mini_player_previous:hover{opacity:.5}.mini-player.control-container div#mini_player_next{cursor:pointer;height:24px;width:24px;margin:8px 12px 0 12px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat}.mini-player.control-container div#mini_player_next:hover{opacity:.5}.mini-player.control-container div.amplitude-play-pause{cursor:pointer;height:24px;width:24px;margin-top:2px}.mini-player.control-container div.amplitude-play-pause:hover{opacity:.5}.mini-player.control-container div.amplitude-play-pause.amplitude-paused{background-size:cover;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}.mini-player.control-container div.amplitude-play-pause.amplitude-playing{background-size:cover;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}.mini-player.volume-container{padding-top:10px;margin-left:25px;padding-bottom:36px;width:calc(100% - 43px)}input[type=range].mini-player.amplitude-volume-slider{margin-top:-10px;margin-left:28px;width:90%}@media screen and (max-width:576px){.mini-player-container{max-width:-webkit-fill-available;max-width:-moz-available}.mini-player.volume-container{appearance:none;padding-top:20px}input[type="range"].mini-player.amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}input[type="range"].mini-player.amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}}
17
+
data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js CHANGED
@@ -271,6 +271,7 @@ regenerate: true
271
271
  // ---------------------------------------------------------------------------
272
272
  // doNothingOnStateChange(state)
273
273
  //
274
+ // wrraper for states that are not processed
274
275
  // ---------------------------------------------------------------------------
275
276
  function doNothingOnStateChange(state) {
276
277
  if (state > 0) {
@@ -278,11 +279,12 @@ regenerate: true
278
279
  } else {
279
280
  logger.warn('\n' + `DO NOTHING on StateChange for state: ${YT_PLAYER_STATE_NAMES[6]}`);
280
281
  }
281
- } // ENS doNothingOnStateChange
282
+ } // END doNothingOnStateChange
282
283
 
283
284
  // ---------------------------------------------------------------------------
284
285
  // processOnStateChangePlaying()
285
286
  //
287
+ // wrraper for processing on stae PLAYING
286
288
  // ---------------------------------------------------------------------------
287
289
  function processOnStateChangePlaying(event, playlist, songIndex) {
288
290
  var activeSong, playlist, playerID, videoID,
@@ -366,9 +368,9 @@ regenerate: true
366
368
  Amplitude.stop();
367
369
 
368
370
  // clear button MINI PlayerPlayPause (AT player)
369
- var buttonPlayerPlayPause = document.getElementsByClassName("mini-player-play-pause");
370
- for (var i=0; i<buttonPlayerPlayPause.length; i++) {
371
- var htmlElement = buttonPlayerPlayPause[i];
371
+ var buttonPlayerPlayPauseMini = document.getElementsByClassName("mini-player-play-pause");
372
+ for (var i=0; i<buttonPlayerPlayPauseMini.length; i++) {
373
+ var htmlElement = buttonPlayerPlayPauseMini[i];
372
374
 
373
375
  if (htmlElement.dataset.amplitudeSource === 'audio') {
374
376
  htmlElement.classList.remove('amplitude-playing');
@@ -378,9 +380,9 @@ regenerate: true
378
380
  } // END for MINI buttonPlayerPlayPause
379
381
 
380
382
  // clear button COMPACT PlayerPlayPause (AT player)
381
- var buttonPlayerPlayPause = document.getElementsByClassName("compact-player-play-pause");
382
- for (var i=0; i<buttonPlayerPlayPause.length; i++) {
383
- var htmlElement = buttonPlayerPlayPause[i];
383
+ var buttonPlayerPlayPauseCompact = document.getElementsByClassName("compact-player-play-pause");
384
+ for (var i=0; i<buttonPlayerPlayPauseCompact.length; i++) {
385
+ var htmlElement = buttonPlayerPlayPauseCompact[i];
384
386
 
385
387
  if (htmlElement.dataset.amplitudeSource === 'audio') {
386
388
  htmlElement.classList.remove('amplitude-playing');
@@ -390,9 +392,9 @@ regenerate: true
390
392
  } // END for COMACT buttonPlayerPlayPause
391
393
 
392
394
  // clear button LARGE PlayerPlayPause (AT player)
393
- var buttonPlayerPlayPause = document.getElementsByClassName("large-player-play-pause");
394
- for (var i=0; i<buttonPlayerPlayPause.length; i++) {
395
- var htmlElement = buttonPlayerPlayPause[i];
395
+ var buttonPlayerPlayPauseLarge = document.getElementsByClassName("large-player-play-pause");
396
+ for (var i=0; i<buttonPlayerPlayPauseLarge.length; i++) {
397
+ var htmlElement = buttonPlayerPlayPauseLarge[i];
396
398
 
397
399
  if (htmlElement.dataset.amplitudeSource === 'audio') {
398
400
  htmlElement.classList.remove('amplitude-playing');
@@ -404,17 +406,18 @@ regenerate: true
404
406
  } // END if atpPlayerState 'playing'
405
407
 
406
408
  // TODO: check if YT player stop is needed
409
+ // -------------------------------------------------------------------------
407
410
  // stop active YT players running in parallel except the current
408
411
  // if (previousPlayer.options.videoId !== videoID) {
409
412
  // logger.debug('\n' + `STOP all video on StateChange running in parallel at trackID|playerID: ${trackID}|${playerID}`);
410
413
  // var playerState = (previousPlayer.getPlayerState() > 0) ? previousPlayer.getPlayerState() : 6;
411
414
  // var ytPlayerState = YT_PLAYER_STATE_NAMES[playerState];
412
-
415
+ //
413
416
  // if (ytPlayerState === 'playing' || ytPlayerState === 'paused') {
414
417
  // previousPlayer.stopVideo();
415
418
  // }
416
419
  // }
417
-
420
+ //
418
421
  // stopAllActivePlayers(playerID);
419
422
 
420
423
  } // END processOnStateChangePlaying
@@ -1042,7 +1045,7 @@ regenerate: true
1042
1045
  // ---------------------------------------------------------------------
1043
1046
  // OnPlayerStateChange
1044
1047
  //
1045
- // process Player|Video specific functions on state change
1048
+ // process all YT Player specific state changes
1046
1049
  // ---------------------------------------------------------------------
1047
1050
  // NOTE:
1048
1051
  // The YT API fires a lot of INTERMEDIATE states. MOST of them gets
@@ -1101,8 +1104,8 @@ regenerate: true
1101
1104
  processOnStateChangeEnded(event, playlist, songIndex);
1102
1105
  break;
1103
1106
  default:
1104
- logger.error('\n' + `UNKNOWN event on StateChange fired`);
1105
- } // END case
1107
+ logger.error('\n' + `UNKNOWN event on StateChange fired: ${event.data}`);
1108
+ } // END switch event.data
1106
1109
 
1107
1110
  } // END {{player.id}}OnPlayerStateChange
1108
1111
 
@@ -1976,14 +1979,14 @@ regenerate: true
1976
1979
  // ---------------------------------------------------------------------------
1977
1980
  // setPlayPauseButtonPaused
1978
1981
  // ---------------------------------------------------------------------------
1979
- function setPlayPauseButtonPaused(elementClass) {
1982
+ function setPlayPauseButtonPaused(element) {
1980
1983
  var button, htmlElement;
1981
1984
 
1982
- button = document.getElementsByClassName(elementClass);
1983
- htmlElement = button[0];
1985
+ // button = document.getElementsByClassName(elementClass);
1986
+ // htmlElement = button[0];
1984
1987
 
1985
- htmlElement.classList.remove('amplitude-playing');
1986
- htmlElement.classList.add('amplitude-paused');
1988
+ element.classList.remove('amplitude-playing');
1989
+ element.classList.add('amplitude-paused');
1987
1990
 
1988
1991
  } // END setPlayPauseButtonPaused
1989
1992
 
@@ -2151,16 +2154,25 @@ regenerate: true
2151
2154
  var ytPlayerState = YT_PLAYER_STATE_NAMES[playerState];
2152
2155
  }
2153
2156
 
2157
+ // var playPauseButtonsMini = document.getElementsByClassName('mini-player-play-pause');
2158
+ // setPlayPauseButtonPaused(playPauseButtonsMini);
2159
+
2154
2160
  if (ytPlayerState === 'playing') {
2155
2161
  ytPlayer.pauseVideo();
2156
2162
 
2157
2163
  ytPlayerCurrentTime = ytPlayer.getCurrentTime();
2158
2164
 
2159
- var trackID = songIndex + 1;
2160
- logger.debug('\n' + `PAUSE video for PlayPauseButton on playlist|trackID: ${playlist}|${trackID} at: ${ytPlayerCurrentTime}`);
2165
+ // var trackID = songIndex + 1;
2166
+ // logger.debug('\n' + `PAUSE video for PlayPauseButton on playlist|trackID: ${playlist}|${trackID} at: ${ytPlayerCurrentTime}`);
2161
2167
 
2162
- var playPauseButtonClass = `large-player-play-pause-${ytPlayerID}`;
2163
- togglePlayPauseButton(playPauseButtonClass);
2168
+ // var playPauseButtonsMini = document.getElementsByClassName('mini-player-play-pause');
2169
+ // setPlayPauseButtonPaused(playPauseButtonsMini);
2170
+
2171
+ // var playPauseButtonClassCompact = `compact-player-play-pause -${ytPlayerID}`;
2172
+ // togglePlayPauseButton(playPauseButtonClassCompact);
2173
+ // //
2174
+ // var playPauseButtonClassLarge = `large-player-play-pause-${ytPlayerID}`;
2175
+ // togglePlayPauseButton(playPauseButtonClassLarge);
2164
2176
 
2165
2177
  // reset|update time settings
2166
2178
  resetCurrentTimeContainerYTP(ytPlayer, playlist);
data/lib/j1/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module J1
2
- VERSION = '2024.3.20'
2
+ VERSION = '2024.3.21'
3
3
  end
data/lib/starter_web/README.md CHANGED
@@ -379,7 +379,7 @@ This command creates a **initial** project in folder **my-starter**.
379
379
  2023-02-28 18:12:12 - GENERATE: Resolving dependencies...
380
380
  2023-02-28 18:12:12 - GENERATE: Using bundler 2.3.7
381
381
  ...
382
- 2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.3.20
382
+ 2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.3.21
383
383
  2023-02-28 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
384
384
  2023-02-28 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
385
385
  2023-02-28 18:12:12 - GENERATE: C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -415,7 +415,7 @@ commands are available as well.
415
415
  2023-02-28 18:17:48 - SETUP: Initialize the project ...
416
416
  2023-02-28 18:17:48 - SETUP: Be patient, this will take a while ...
417
417
  2023-02-28 18:17:49 - SETUP:
418
- 2023-02-28 18:17:49 - SETUP: > j1@2024.3.20 setup C:\Users\xxx\j1-projects\my-starter
418
+ 2023-02-28 18:17:49 - SETUP: > j1@2024.3.21 setup C:\Users\xxx\j1-projects\my-starter
419
419
  2023-02-28 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
420
420
  2023-02-28 18:17:49 - SETUP:
421
421
  2023-02-28 18:17:50 - SETUP: Setup project for first use ..
@@ -460,7 +460,7 @@ browser. Let's start the journey ...
460
460
  Check setup state of the J1 project ...
461
461
  2023-02-28 18:26:18 - SITE: Starting up your site ...
462
462
  2023-02-28 18:26:18 - SITE:
463
- 2023-02-28 18:26:18 - SITE: > j1@2024.3.20 j1-site C:\Users\jadams\j1-projects\my-starter
463
+ 2023-02-28 18:26:18 - SITE: > j1@2024.3.21 j1-site C:\Users\jadams\j1-projects\my-starter
464
464
  2023-02-28 18:26:18 - SITE: > run-p -s j1-site:*
465
465
  2023-02-28 18:26:18 - SITE:
466
466
  2023-02-28 18:26:20 - SITE: Startup UTILSRV ..
@@ -499,7 +499,7 @@ Check setup state of the J1 project ...
499
499
  REBUILD: Rebuild the projects website ...
500
500
  REBUILD: Be patient, this will take a while ...
501
501
  2023-02-28 18:45:09 - REBUILD:
502
- 2023-02-28 18:45:09 - REBUILD: > j1@2024.3.20 rebuild C:\Users\xxx\j1-projects\my-starter
502
+ 2023-02-28 18:45:09 - REBUILD: > j1@2024.3.21 rebuild C:\Users\xxx\j1-projects\my-starter
503
503
  2023-02-28 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
504
504
  2023-02-28 18:45:09 - REBUILD:
505
505
  2023-02-28 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -547,7 +547,7 @@ using Lerna for all packages:
547
547
  2023-02-28 18:29:07 - RESET: Reset the project to factory state ...
548
548
  2023-02-28 18:29:07 - RESET: Be patient, this will take a while ...
549
549
  2023-02-28 18:29:08 - RESET:
550
- 2023-02-28 18:29:08 - RESET: > j1@2024.3.20 reset C:\Users\xxx\j1-projects\my-starter
550
+ 2023-02-28 18:29:08 - RESET: > j1@2024.3.21 reset C:\Users\xxx\j1-projects\my-starter
551
551
  2023-02-28 18:29:08 - RESET: > run-s -s reset:*
552
552
  2023-02-28 18:29:08 - RESET:
553
553
  2023-02-28 18:29:08 - RESET: Reset project to factory state ..
data/lib/starter_web/_config.yml CHANGED
@@ -53,7 +53,7 @@ environment: development
53
53
  # ------------------------------------------------------------------------------
54
54
  # Sets the build version of the site
55
55
  #
56
- version: 2024.3.20
56
+ version: 2024.3.21
57
57
 
58
58
  # copyright
59
59
  # ------------------------------------------------------------------------------