j1-template 2024.3.16 → 2024.3.17

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) hide show
  1. checksums.yaml +4 -4
  2. data/assets/data/amplitude.html +132 -61
  3. data/assets/data/banner.html +1 -1
  4. data/assets/data/cookieconsent.html +1 -1
  5. data/assets/data/docsearch.html +1 -1
  6. data/assets/data/fab.html +1 -1
  7. data/assets/data/footer.html +1 -1
  8. data/assets/data/galeries.html +1 -1
  9. data/assets/data/gallery_customizer.html +1 -1
  10. data/assets/data/gemini-ui.html +1 -1
  11. data/assets/data/iframes.html +1 -1
  12. data/assets/data/masonry.html +1 -1
  13. data/assets/data/masterslider.html +1 -1
  14. data/assets/data/menu.html +1 -1
  15. data/assets/data/mmenu.html +1 -1
  16. data/assets/data/mmenu_sidebar.html +1 -1
  17. data/assets/data/mmenu_toc.html +1 -1
  18. data/assets/data/panel.html +1 -1
  19. data/assets/data/quicklinks.html +1 -1
  20. data/assets/data/rtext_resizer.html +1 -1
  21. data/assets/data/slick.html +1 -1
  22. data/assets/data/speak2me.html +1 -1
  23. data/assets/data/swiper.html +313 -0
  24. data/assets/theme/j1/adapter/js/amplitude.30.js +1177 -0
  25. data/assets/theme/j1/adapter/js/amplitude.js +152 -121
  26. data/assets/theme/j1/adapter/js/j1.js +3 -3
  27. data/assets/theme/j1/adapter/js/masterslider.js +2 -1
  28. data/assets/theme/j1/adapter/js/swiper.js +231 -0
  29. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +13 -3
  30. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
  31. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +53 -6
  32. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +2 -1
  33. data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.15.js +1594 -0
  34. data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +1617 -89
  35. data/assets/theme/j1/modules/amplitudejs/js/visualizations/bar.js +1 -1
  36. data/assets/theme/j1/modules/amplitudejs/js/visualizations/circular-equalizer.js +31 -1
  37. data/assets/theme/j1/modules/amplitudejs/js/visualizations/frequency-analyzer.js +1 -1
  38. data/assets/theme/j1/modules/amplitudejs/js/visualizations/michael-bromley.js +1 -1
  39. data/assets/theme/j1/modules/amplitudejs/js/visualizations/template.js +1 -1
  40. data/assets/theme/j1/modules/photoswipe/.version_5.4.4 +6 -0
  41. data/assets/theme/j1/modules/photoswipe/LICENSE +21 -0
  42. data/assets/theme/j1/modules/photoswipe/README.md +32 -0
  43. data/assets/theme/j1/modules/photoswipe/css/org/photoswipe-dynamic-caption-plugin.umd.min.js +5 -0
  44. data/assets/theme/j1/modules/photoswipe/css/org/photoswipe.css +420 -0
  45. data/assets/theme/j1/modules/photoswipe/css/photoswipe-caption-plugin.css +67 -0
  46. data/assets/theme/j1/modules/photoswipe/css/photoswipe-caption-plugin.min.css +16 -0
  47. data/assets/theme/j1/modules/photoswipe/css/photoswipe.css +376 -0
  48. data/assets/theme/j1/modules/photoswipe/css/photoswipe.min.css +17 -0
  49. data/assets/theme/j1/modules/photoswipe/css/scss/photoswipe.scss +427 -0
  50. data/assets/theme/j1/modules/photoswipe/example/photoswipe-caption-plugin.html +237 -0
  51. data/assets/theme/j1/modules/photoswipe/example/test-gallery.html +36 -0
  52. data/assets/theme/j1/modules/photoswipe/js/README.md +43 -0
  53. data/assets/theme/j1/modules/photoswipe/js/photoswipe-caption-plugin.min.js +5 -0
  54. data/assets/theme/j1/modules/photoswipe/js/photoswipe-core.min.js +18 -0
  55. data/assets/theme/j1/modules/photoswipe/js/photoswipe-lightbox.min.js +18 -0
  56. data/assets/theme/j1/modules/swiper/.version_1.2.0 +15 -0
  57. data/assets/theme/j1/modules/swiper/LICENSE +20 -0
  58. data/assets/theme/j1/modules/swiper/README.md +95 -0
  59. data/assets/theme/j1/modules/swiper/css/swiper-bundle.css +740 -0
  60. data/assets/theme/j1/modules/swiper/css/swiper-bundle.min..css +17 -0
  61. data/assets/theme/j1/modules/swiper/css/theme/uno.css +249 -0
  62. data/assets/theme/j1/modules/swiper/css/theme/uno.min.css +154 -0
  63. data/assets/theme/j1/modules/swiper/js/swiper-bundle.js +9785 -0
  64. data/assets/theme/j1/modules/swiper/js/swiper-bundle.min.js +17 -0
  65. data/assets/theme/j1/modules/swiper/swiperjs.com-demos.url +2 -0
  66. data/lib/j1/version.rb +1 -1
  67. data/lib/starter_web/README.md +5 -5
  68. data/lib/starter_web/_config.yml +1 -1
  69. data/lib/starter_web/_data/modules/amplitude.yml +374 -39
  70. data/lib/starter_web/_data/modules/defaults/amplitude.yml +60 -35
  71. data/lib/starter_web/_data/modules/defaults/slick.yml +1 -1
  72. data/lib/starter_web/_data/modules/defaults/swiper.yml +515 -0
  73. data/lib/starter_web/_data/modules/swiper.yml +227 -0
  74. data/lib/starter_web/_data/resources.yml +53 -1
  75. data/lib/starter_web/_data/templates/feed.xml +1 -1
  76. data/lib/starter_web/_plugins/asciidoctor/amplitude-block.rb +1 -0
  77. data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb +0 -4
  78. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  79. data/lib/starter_web/assets/video/poster/youtube/faelle_des_bnd/der_unverzichtbare_feind.jpg +0 -0
  80. data/lib/starter_web/assets/video/poster/youtube/faelle_des_bnd/ein_diener_vieler_herren.jpg +0 -0
  81. data/lib/starter_web/assets/video/poster/youtube/the_piano/the-piano.jpg +0 -0
  82. data/lib/starter_web/package.json +1 -1
  83. data/lib/starter_web/pages/public/_includes/attributes.asciidoc +45 -0
  84. data/lib/starter_web/pages/public/_includes/documents/photoswipe/200_photoswipe_parameters.asciidoc +510 -0
  85. data/lib/starter_web/pages/public/_includes/documents/photoswipe/210_photoswipe_lightbox_parameters.asciidoc +98 -0
  86. data/lib/starter_web/pages/public/_includes/documents/photoswipe/300_caption_plugin_for_photoSwipe.asciidoc +327 -0
  87. data/lib/starter_web/pages/public/_includes/documents/swiper/100_swiper_features.asciidoc +50 -0
  88. data/lib/starter_web/pages/public/_includes/documents/swiper/100_swiper_html_layout.asciidoc +122 -0
  89. data/lib/starter_web/pages/public/_includes/documents/swiper/100_swiper_initialization.asciidoc +53 -0
  90. data/lib/starter_web/pages/public/_includes/documents/swiper/110_swiper_common_options.asciidoc +43 -0
  91. data/lib/starter_web/pages/public/_includes/documents/swiper/200_swiper_parameters_a_k.asciidoc +994 -0
  92. data/lib/starter_web/pages/public/_includes/documents/swiper/200_swiper_parameters_l_o.asciidoc +473 -0
  93. data/lib/starter_web/pages/public/_includes/documents/swiper/200_swiper_parameters_p_s.asciidoc +700 -0
  94. data/lib/starter_web/pages/public/_includes/documents/swiper/200_swiper_parameters_t_z.asciidoc +413 -0
  95. data/lib/starter_web/pages/public/_includes/documents/swiper/300_swiper_instance_properties.asciidoc +873 -0
  96. data/lib/starter_web/pages/public/_includes/documents/swiper/400_swiper_modules.asciidoc +2514 -0
  97. data/lib/starter_web/pages/public/_includes/documents/swiper/500_swiper_methods.asciidoc +989 -0
  98. data/lib/starter_web/pages/public/_includes/documents/swiper/600_swiper_events.asciidoc +1534 -0
  99. data/lib/starter_web/pages/public/amplitude_yt_tester.adoc +77 -63
  100. data/lib/starter_web/pages/public/photoswipe_api.adoc +150 -0
  101. data/lib/starter_web/pages/public/swiper_api.adoc +128 -0
  102. data/lib/starter_web/pages/public/swiper_tester.adoc +973 -0
  103. data/lib/starter_web/pages/public/tour/modal_extentions.adoc +12 -5
  104. data/lib/starter_web/pages/public/tour/play_audio.adoc +60 -5
  105. data/lib/starter_web/pages/public/tour/play_video.adoc +30 -0
  106. data/lib/starter_web/pages/public/tour/present_images.adoc +5 -5
  107. metadata +56 -3
  108. data/assets/theme/j1/modules/amplitudejs/js/tech/youtube_example.js +0 -211
@@ -0,0 +1,231 @@
1
+ ---
2
+ regenerate: true
3
+ ---
4
+
5
+ {%- capture cache -%}
6
+
7
+ {% comment %}
8
+ # -----------------------------------------------------------------------------
9
+ # ~/assets/theme/j1/adapter/js/swiper.js
10
+ # Liquid template to adapt the Swiper module
11
+ #
12
+ # Product/Info:
13
+ # https://jekyll.one
14
+ # Copyright (C) 2023, 2024 Juergen Adams
15
+ #
16
+ # J1 Template is licensed under the MIT License.
17
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
18
+ # -----------------------------------------------------------------------------
19
+ # Test data:
20
+ # {{ liquid_var | debug }}
21
+ # swiper_options: {{ swiper_options | debug }}
22
+ # -----------------------------------------------------------------------------
23
+ {% endcomment %}
24
+
25
+ {% comment %} Liquid procedures
26
+ -------------------------------------------------------------------------------- {% endcomment %}
27
+
28
+ {% comment %} Set global settings
29
+ -------------------------------------------------------------------------------- {% endcomment %}
30
+ {% assign environment = site.environment %}
31
+ {% assign asset_path = "/assets/theme/j1" %}
32
+
33
+ {% comment %} Process YML config data
34
+ ================================================================================ {% endcomment %}
35
+
36
+ {% comment %} Set config files
37
+ -------------------------------------------------------------------------------- {% endcomment %}
38
+ {% assign template_config = site.data.j1_config %}
39
+ {% assign blocks = site.data.blocks %}
40
+ {% assign modules = site.data.modules %}
41
+
42
+ {% comment %} Set config data (settings only)
43
+ -------------------------------------------------------------------------------- {% endcomment %}
44
+ {% assign swiper_defaults = modules.defaults.swiper.defaults %}
45
+ {% assign swiper_settings = modules.swiper.settings %}
46
+
47
+ {% comment %} Set config options (settings only)
48
+ -------------------------------------------------------------------------------- {% endcomment %}
49
+ {% assign swiper_options = swiper_defaults | merge: swiper_settings %}
50
+
51
+ {% comment %} Detect prod mode
52
+ -------------------------------------------------------------------------------- {% endcomment %}
53
+ {% assign production = false %}
54
+ {% if environment == 'prod' or environment == 'production' %}
55
+ {% assign production = true %}
56
+ {% endif %}
57
+
58
+ /*
59
+ # -----------------------------------------------------------------------------
60
+ # ~/assets/theme/j1/adapter/js/swiper.js
61
+ # J1 Adapter for the swiper module
62
+ #
63
+ # Product/Info:
64
+ # https://jekyll.one
65
+ #
66
+ # Copyright (C) 2023, 2024 Juergen Adams
67
+ #
68
+ # J1 Template is licensed under the MIT License.
69
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
70
+ # -----------------------------------------------------------------------------
71
+ # Adapter generated: {{site.time}}
72
+ # -----------------------------------------------------------------------------
73
+ */
74
+
75
+ // -----------------------------------------------------------------------------
76
+ // ESLint shimming
77
+ // -----------------------------------------------------------------------------
78
+ /* eslint indent: "off" */
79
+ // -----------------------------------------------------------------------------
80
+ "use strict";
81
+ j1.adapter.swiper = ((j1, window) => {
82
+
83
+ {% comment %} Set global variables
84
+ ------------------------------------------------------------------------------ {% endcomment %}
85
+ var environment = '{{environment}}';
86
+ var cookie_names = j1.getCookieNames();
87
+ var user_state = j1.readCookie(cookie_names.user_state);
88
+ var viewport_width = $(window).width();
89
+ var state = 'not_started';
90
+
91
+ var swiperDefaults;
92
+ var swiperSettings;
93
+ var swiperOptions;
94
+ var frontmatterOptions;
95
+ var themes_allowed;
96
+ var theme_enabled;
97
+ var theme;
98
+
99
+ var _this;
100
+ var logger;
101
+ var logText;
102
+
103
+ // date|time
104
+ var startTime;
105
+ var endTime;
106
+ var startTimeModule;
107
+ var endTimeModule;
108
+ var timeSeconds;
109
+
110
+ // ---------------------------------------------------------------------------
111
+ // main
112
+ // ---------------------------------------------------------------------------
113
+ return {
114
+
115
+ // -------------------------------------------------------------------------
116
+ // adapter initializer
117
+ // -------------------------------------------------------------------------
118
+ init: (options) => {
119
+
120
+ // [INFO ] [j1.adapter.comments ] [ detected comments provider (j1_config): {{comments_provider}}} ]
121
+ // [INFO ] [j1.adapter.comments ] [ start processing load region head, layout: {{page.layout}} ]
122
+
123
+ // -----------------------------------------------------------------------
124
+ // default module settings
125
+ // -----------------------------------------------------------------------
126
+ var settings = $.extend({
127
+ module_name: 'j1.adapter.swiper',
128
+ generated: '{{site.time}}'
129
+ }, options);
130
+
131
+ // -----------------------------------------------------------------------
132
+ // global variable settings
133
+ // -----------------------------------------------------------------------
134
+
135
+ // create settings object from frontmatter
136
+ frontmatterOptions = options != null ? $.extend({}, options) : {};
137
+
138
+ // create settings object from module options
139
+ swiperDefaults = $.extend({}, {{swiper_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
140
+ swiperSettings = $.extend({}, {{swiper_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
141
+ swiperOptions = $.extend(true, {}, swiperDefaults, swiperSettings, frontmatterOptions);
142
+
143
+ _this = j1.adapter.swiper;
144
+ theme = user_state.theme_name;
145
+ logger = log4javascript.getLogger('j1.adapter.swiper');
146
+
147
+ // -----------------------------------------------------------------------
148
+ // module initializer
149
+ // -----------------------------------------------------------------------
150
+ var dependencies_met_page_ready = setInterval (() => {
151
+ var pageState = $('#content').css("display");
152
+ var pageVisible = (pageState === 'block') ? true : false;
153
+ var j1CoreFinished = (j1.getState() === 'finished') ? true : false;
154
+ // var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true : false;
155
+
156
+ if (j1CoreFinished && pageVisible) {
157
+ startTimeModule = Date.now();
158
+
159
+ _this.setState('started');
160
+ logger.debug('\n' + 'state: ' + _this.getState());
161
+ logger.info('\n' + 'module is being initialized');
162
+
163
+ _this.setState('finished');
164
+ logger.debug('\n' + 'state: ' + _this.getState());
165
+ logger.info('\n' + 'initializing module finished');
166
+
167
+ endTimeModule = Date.now();
168
+ logger.info('\n' + 'module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
169
+
170
+ clearInterval(dependencies_met_page_ready);
171
+ } // END pageVisible
172
+ }, 10); // END dependencies_met_page_ready
173
+ }, // END init
174
+
175
+ // -------------------------------------------------------------------------
176
+ // messageHandler()
177
+ // manage messages send from other J1 modules
178
+ // -------------------------------------------------------------------------
179
+ messageHandler: (sender, message) => {
180
+ var json_message = JSON.stringify(message, undefined, 2);
181
+
182
+ logText = '\n' + 'received message from ' + sender + ': ' + json_message;
183
+ logger.debug(logText);
184
+
185
+ // -----------------------------------------------------------------------
186
+ // process commands|actions
187
+ // -----------------------------------------------------------------------
188
+ if (message.type === 'command' && message.action === 'module_initialized') {
189
+
190
+ //
191
+ // place handling of command|action here
192
+ //
193
+
194
+ logger.info('\n' + message.text);
195
+ }
196
+
197
+ //
198
+ // place handling of other command|action here
199
+ //
200
+
201
+ return true;
202
+ }, // END messageHandler
203
+
204
+ // -------------------------------------------------------------------------
205
+ // setState()
206
+ // sets the current (processing) state of the module
207
+ // -------------------------------------------------------------------------
208
+ setState: (stat) => {
209
+ _this.state = stat;
210
+ }, // END setState
211
+
212
+ // -------------------------------------------------------------------------
213
+ // getState()
214
+ // Returns the current (processing) state of the module
215
+ // -------------------------------------------------------------------------
216
+ getState: () => {
217
+ return _this.state;
218
+ } // END getState
219
+
220
+ }; // END main (return)
221
+ })(j1, window);
222
+
223
+ {%- endcapture -%}
224
+
225
+ {%- if production -%}
226
+ {{ cache|minifyJS }}
227
+ {%- else -%}
228
+ {{ cache|strip_empty_lines }}
229
+ {%- endif -%}
230
+
231
+ {%- assign cache = false -%}
@@ -98,8 +98,8 @@
98
98
  --ajs-theme-uno--darken: rgba(0, 0, 0, 0.5);
99
99
  }
100
100
 
101
- /* Styles
102
- # --------------------------------------------------------- */
101
+ /* General styles
102
+ # ------------------------------------------------------------------------------ */
103
103
 
104
104
  a {
105
105
  border-bottom: unset;
@@ -133,7 +133,7 @@ a {
133
133
 
134
134
 
135
135
  /* 2. Components
136
- # --------------------------------------------------------- */
136
+ # ------------------------------------------------------------------------------ */
137
137
 
138
138
  /* Scroller styles
139
139
  ------------------------------------------------------------ */
@@ -204,6 +204,16 @@ a {
204
204
  /* control container
205
205
  # --------------------------------------------------------- */
206
206
 
207
+ /* jadams, 2024-12-05: add play_pause button as a class */
208
+ /* .amplitude-play-pause:hover {
209
+ opacity: .5;
210
+ } */
211
+
212
+ /* jadams, 2024-12-05: add play_pause button as a class */
213
+ /* .amplitude-play-pause {
214
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
215
+ } */
216
+
207
217
  .playlist-screen-controls {
208
218
  cursor: default;
209
219
  top: 0;
@@ -13,4 +13,4 @@
13
13
  # -----------------------------------------------------------------------------
14
14
  */
15
15
 
16
- ::root{--ajs-theme-uno--blue:#2196f3;--ajs-theme-uno--blue-50:#e3f2fd;--ajs-theme-uno--blue-100:#bbdefb;--ajs-theme-uno--blue-200:#90caf9;--ajs-theme-uno--blue-300:#64b5f6;--ajs-theme-uno--blue-400:#42a5f5;--ajs-theme-uno--blue-500:#2196f3;--ajs-theme-uno--blue-600:#1e88e5;--ajs-theme-uno--blue-700:#1976d2;--ajs-theme-uno--blue-800:#1565c0;--ajs-theme-uno--blue-900:#0d47a1;--ajs-theme-uno--gray:#9e9e9e;--ajs-theme-uno--gray-50:#fafafa;--ajs-theme-uno--gray-100:#f5f5f5;--ajs-theme-uno--gray-200:#eee;--ajs-theme-uno--gray-300:#e0e0e0;--ajs-theme-uno--gray-400:#bdbdbd;--ajs-theme-uno--gray-500:#9e9e9e;--ajs-theme-uno--gray-600:#757575;--ajs-theme-uno--gray-700:#616161;--ajs-theme-uno--gray-800:#424242;--ajs-theme-uno--gray-900:#212121;--ajs-theme-uno--blue-gray:#607d8b;--ajs-theme-uno--blue-gray-50:#eceff1;--ajs-theme-uno--blue-gray-100:#cfd8dc;--ajs-theme-uno--blue-gray-200:#b0bec5;--ajs-theme-uno--blue-gray-300:#90a4ae;--ajs-theme-uno--blue-gray-400:#78909c;--ajs-theme-uno--blue-gray-500:#607d8b;--ajs-theme-uno--blue-gray-600:#546e7a;--ajs-theme-uno--blue-gray-700:#455a64;--ajs-theme-uno--blue-gray-800:#37474f;--ajs-theme-uno--blue-gray-900:#263238;--ajs-theme-uno--silver-200:#748295;--ajs-theme-uno--silver-500:#586372;--ajs-theme-uno--silver-700:#141920;--ajs-theme-uno--silver-800:#242b33;--ajs-theme-uno--light-silver:#748295;--ajs-theme-uno--medium-silver:#586372;--ajs-theme-uno--dark-silver:#141920;--ajs-theme-uno--darker-silver:#242b33;--ajs-theme-uno--white:#fff;--ajs-theme-uno--black:#000}a{border-bottom:unset}.album-cover-image{display:block}.amplitude-player{max-width:max-content}.audio-player-theme-uno{max-width:max-content}.player-title{display:flex;align-items:center;text-rendering:optimizeLegibility;text-align:left;line-height:1.25;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.time-container{height:40px;padding:10px 20px 10px 20px;font-family:"Lato",sans-serif;font-weight:bold;font-size:14px;color:var(--ajs-theme-uno--white)}.time-container span.current-time{float:left}.time-container span.duration{float:right}.playlist-screen-controls{cursor:default;top:0;position:sticky;height:80px;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)}.meta-container{text-align:center;border-top:0 !important}.meta-container .song-name{display:block;margin:0 15px 8px 15px;font-size:18px;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-100)}.meta-container .audio-artist-album{font-size:18px;font-weight:bold;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue-gray-300)}.meta-container .audio-artist-album span{display:block}input[type=range].amplitude-volume-slider{-webkit-appearance:none;-moz-appearance:none;float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 140px);background:transparent}input[type=range].amplitude-volume-slider.compact-player-volume-slider{width:calc(100% - 53px);margin-top:-12px;margin-left:29px}input[type=range].amplitude-volume-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:16px;height:16px;border-radius:16px;margin-top:-8px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}input[type=range].amplitude-volume-slider::-moz-range-track{width:100%;height:1px;background-color:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-moz-range-thumb{cursor:pointer;width:16px;height:16px;margin-top:-8px;border-radius:16px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-moz-range-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-moz-range-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}progress.mini-player-progress,progress.compact-player-progress,progress.large-player-progress{display:block;cursor:pointer;width:100%;height:8px;border:0;background-color:var(--ajs-theme-uno--silver-500);-webkit-appearance:none;-moz-appearance:none}progress::-webkit-progress-value{background-color:var(--ajs-theme-uno--blue)}progress::-moz-progress-bar{background-color:var(--ajs-theme-uno--blue)}progress::-ms-fill{background-color:var(--ajs-theme-uno--blue)}@media screen and (max-width:576px){input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}input[type=range].amplitude-volume-slider::-moz-range-thumb{width:30px;height:30px;margin-top:-15px;border-radius:30px}progress.mini-player-progress,progress.compact-player-progress,progress.large-player-progress{height:16px}.meta-container .song-name,.meta-container .audio-artist-album{font-size:16px}}
16
+ :root{--ajs-theme-uno--blue:#2196f3;--ajs-theme-uno--blue-50:#e3f2fd;--ajs-theme-uno--blue-100:#bbdefb;--ajs-theme-uno--blue-200:#90caf9;--ajs-theme-uno--blue-300:#64b5f6;--ajs-theme-uno--blue-400:#42a5f5;--ajs-theme-uno--blue-500:#2196f3;--ajs-theme-uno--blue-600:#1e88e5;--ajs-theme-uno--blue-700:#1976d2;--ajs-theme-uno--blue-800:#1565c0;--ajs-theme-uno--blue-900:#0d47a1;--ajs-theme-uno--gray:#9e9e9e;--ajs-theme-uno--gray-50:#fafafa;--ajs-theme-uno--gray-100:#f5f5f5;--ajs-theme-uno--gray-200:#eee;--ajs-theme-uno--gray-300:#e0e0e0;--ajs-theme-uno--gray-400:#bdbdbd;--ajs-theme-uno--gray-500:#9e9e9e;--ajs-theme-uno--gray-600:#757575;--ajs-theme-uno--gray-700:#616161;--ajs-theme-uno--gray-800:#424242;--ajs-theme-uno--gray-900:#212121;--ajs-theme-uno--blue-gray:#607d8b;--ajs-theme-uno--blue-gray-50:#eceff1;--ajs-theme-uno--blue-gray-100:#cfd8dc;--ajs-theme-uno--blue-gray-200:#b0bec5;--ajs-theme-uno--blue-gray-300:#90a4ae;--ajs-theme-uno--blue-gray-400:#78909c;--ajs-theme-uno--blue-gray-500:#607d8b;--ajs-theme-uno--blue-gray-600:#546e7a;--ajs-theme-uno--blue-gray-700:#455a64;--ajs-theme-uno--blue-gray-800:#37474f;--ajs-theme-uno--blue-gray-900:#263238;--ajs-theme-uno--silver-200:#748295;--ajs-theme-uno--silver-500:#586372;--ajs-theme-uno--silver-700:#141920;--ajs-theme-uno--silver-800:#242b33;--ajs-theme-uno--light-silver:#748295;--ajs-theme-uno--medium-silver:#586372;--ajs-theme-uno--dark-silver:#141920;--ajs-theme-uno--darker-silver:#242b33;--ajs-theme-uno--white:#fff;--ajs-theme-uno--black:#000;--ajs-theme-uno--lighten-50:rgba(255,255,255,0.05);--ajs-theme-uno--lighten-100:rgba(255,255,255,0.1);--ajs-theme-uno--lighten-200:rgba(255,255,255,0.2);--ajs-theme-uno--lighten-300:rgba(255,255,255,0.3);--ajs-theme-uno--lighten-400:rgba(255,255,255,0.4);--ajs-theme-uno--lighten-500:rgba(255,255,255,0.5);--ajs-theme-uno--lighten-600:rgba(255,255,255,0.6);--ajs-theme-uno--lighten-700:rgba(255,255,255,0.7);--ajs-theme-uno--lighten-800:rgba(255,255,255,0.8);--ajs-theme-uno--lighten-900:rgba(255,255,255,0.9);--ajs-theme-uno--lighten:rgba(255,255,255,0.5);--ajs-theme-uno--darken-50:rgba(0,0,0,0.05);--ajs-theme-uno--darken-100:rgba(0,0,0,0.1);--ajs-theme-uno--darken-200:rgba(0,0,0,0.2);--ajs-theme-uno--darken-300:rgba(0,0,0,0.3);--ajs-theme-uno--darken-400:rgba(0,0,0,0.4);--ajs-theme-uno--darken-500:rgba(0,0,0,0.5);--ajs-theme-uno--darken-600:rgba(0,0,0,0.6);--ajs-theme-uno--darken-700:rgba(0,0,0,0.7);--ajs-theme-uno--darken-800:rgba(0,0,0,0.8);--ajs-theme-uno--darken-900:rgba(0,0,0,0.9);--ajs-theme-uno--darken:rgba(0,0,0,0.5)}a{border-bottom:unset}.album-cover-image{display:block}.amplitude-player{max-width:max-content}.audio-player-theme-uno{max-width:max-content}.player-title{display:flex;align-items:center;text-rendering:optimizeLegibility;text-align:left;line-height:1.25;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.amplitude-scroller::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-thumb{border-radius:0;background-color:var(--ajs-theme-uno--blue-gray-500);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,var(--ajs-theme-uno--lighten-200)),color-stop(.5,transparent),to(transparent))}.amplitude-scroller-gradient::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-thumb{border-radius:0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.44,var(--ajs-theme-uno--blue-300)),color-stop(0.72,var(--ajs-theme-uno--blue)),color-stop(0.86,var(--ajs-theme-uno--blue-900)))}.time-container{height:40px;padding:10px 20px 10px 20px;font-family:"Lato",sans-serif;font-weight:bold;font-size:14px;color:var(--ajs-theme-uno--white)}.time-container span.current-time{float:left}.time-container span.duration{float:right}.playlist-screen-controls{cursor:default;top:0;position:sticky;height:80px;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)}.meta-container{text-align:center;border-top:0 !important}.meta-container .song-name{display:block;margin:0 15px 8px 15px;font-size:18px;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-100)}.meta-container .audio-artist-album{font-size:18px;font-weight:bold;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue-gray-300)}.meta-container .audio-artist-album span{display:block}input[type=range].amplitude-volume-slider{-webkit-appearance:none;-moz-appearance:none;float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 140px);background:transparent}input[type=range].amplitude-volume-slider.compact-player-volume-slider{width:calc(100% - 53px);margin-top:-12px;margin-left:29px}input[type=range].amplitude-volume-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:16px;height:16px;border-radius:16px;margin-top:-8px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}input[type=range].amplitude-volume-slider::-moz-range-track{width:100%;height:1px;background-color:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-moz-range-thumb{cursor:pointer;width:16px;height:16px;margin-top:-8px;border-radius:16px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-moz-range-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-moz-range-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}progress.mini-player-progress,progress.compact-player-progress,progress.large-player-progress{display:block;cursor:pointer;width:100%;height:8px;border:0;background-color:var(--ajs-theme-uno--silver-500);-webkit-appearance:none;-moz-appearance:none}progress::-webkit-progress-value{background-color:var(--ajs-theme-uno--blue)}progress::-moz-progress-bar{background-color:var(--ajs-theme-uno--blue)}progress::-ms-fill{background-color:var(--ajs-theme-uno--blue)}@media screen and (max-width:576px){input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}input[type=range].amplitude-volume-slider::-moz-range-thumb{width:30px;height:30px;margin-top:-15px;border-radius:30px}progress.mini-player-progress,progress.compact-player-progress,progress.large-player-progress{height:16px}.meta-container .song-name,.meta-container .audio-artist-album{font-size:16px}}
@@ -56,7 +56,7 @@
56
56
  }
57
57
 
58
58
  .playlist-screen-meta-container {
59
- width: calc(100% - 123px);
59
+ width: calc(100% - 80px);
60
60
  float: left;
61
61
  }
62
62
 
@@ -180,6 +180,7 @@ span.audio-title {
180
180
  color: var(--ajs-theme-uno--blue);
181
181
  }
182
182
 
183
+ /*
183
184
  div#large_player_right
184
185
  div.song
185
186
  div.audio-meta-data
@@ -192,14 +193,15 @@ span.audio-rating {
192
193
  margin-right: -20px;
193
194
  color: var(--ajs-theme-uno--gray-400);
194
195
  }
196
+ */
195
197
 
196
- div#large_player_right
198
+ /* div#large_player_right
197
199
  div.song
198
200
  div.audio-meta-data
199
201
  span.audio-info {
200
202
  float: right;
201
- margin-right: -102px;
202
- }
203
+ margin-right: -80px;
204
+ } */
203
205
 
204
206
  /* clearfix */
205
207
  div#large_player_right
@@ -239,15 +241,37 @@ div#large_player_right
239
241
  div.playlist-screen-controls
240
242
  div.playlist-screen-meta-container
241
243
  span.song-name {
242
- font-family: "Lato", sans-serif;
243
- font-size: 18px;
244
244
  line-height: 24px;
245
245
  white-space: nowrap;
246
246
  overflow: hidden;
247
247
  text-overflow: ellipsis;
248
+ font-family: "Lato", sans-serif;
249
+ font-size: 18px;
248
250
  color: var(--ajs-theme-uno--white);
249
251
  }
250
252
 
253
+ div#large_player_right
254
+ div.playlist-screen-controls
255
+ div.playlist-screen-meta-container
256
+ span.audio-rating {
257
+ display: flex;
258
+ align-items: center;
259
+ float: right;
260
+ margin-top: 4px;
261
+ margin-right: -48px;
262
+ font-family: "Lato", sans-serif;
263
+ font-size: 18px;
264
+ color: var(--ajs-theme-uno--gray-400);
265
+ }
266
+
267
+ div#large_player_right
268
+ div.playlist-screen-controls
269
+ div.playlist-screen-meta-container
270
+ span.audio-info {
271
+ float: right;
272
+ margin-right: -80px;
273
+ }
274
+
251
275
  div#large_player_right
252
276
  div.playlist-screen-controls
253
277
  div.playlist-screen-meta-container
@@ -490,18 +514,40 @@ div#large_player_play_pause {
490
514
  vertical-align: middle;
491
515
  }
492
516
 
517
+ /* jadams, 2024-12-05: add play_pause button as a class */
518
+ /*
519
+ .amplitude-play-pause {
520
+ display: inline-block;
521
+ width: 60px;
522
+ height: 60px;
523
+ cursor: pointer;
524
+ vertical-align: middle;
525
+ }
526
+ */
527
+
493
528
  div#large_player_controls
494
529
  div.large-player-controls-container
495
530
  div#large_player_play_pause:hover {
496
531
  opacity: .5;
497
532
  }
498
533
 
534
+ /* jadams, 2024-12-05: add play_pause button as a class */
535
+ /* .amplitude-play-pause:hover {
536
+ opacity: .5;
537
+ } */
538
+
499
539
  div#large_player_controls
500
540
  div.large-player-controls-container
501
541
  div#large_player_play_pause.amplitude-paused {
502
542
  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
503
543
  }
504
544
 
545
+ /* jadams, 2024-12-05: add play_pause button as a class */
546
+ /* .amplitude-play-pause {
547
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
548
+ } */
549
+ /* /assets/theme/j1/modules/amplitudejs/icons/player/dark/now-playing.svg*/
550
+
505
551
  div#large_player_controls
506
552
  div.large-player-controls-container
507
553
  div.large-player-skip-forward {
@@ -625,6 +671,7 @@ screen and (max-width: 576px) {
625
671
  }
626
672
 
627
673
  .player-left-top img {
674
+ height: 700px;
628
675
  width: -webkit-fill-available; /* Chrome, Safari, Edge */
629
676
  width: -moz-available; /* Firefox */
630
677
  }
@@ -13,4 +13,5 @@
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)}.player-left-top img{width:500px;height:500px;object-fit:cover}.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:600px;overflow-y:scroll}.meta-container.large-player{height:120px}.playlist-screen-meta-container{width:calc(100% - 123px);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)}div#large_player_left{display:flex;flex:1;flex-direction:column;max-width:fit-content;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}div#large_player_left img.album-art{width:100%}div#large_player_left div#player-left-bottom{flex:1;background-color:var(--ajs-theme-uno--blue-gray-900)}div#large_player_right{display:flex;flex:1;flex-direction:column;flex-grow:1;width:50%;min-width:500px;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}div#large_player_right div.song.amplitude-active-song-container:hover div.play-button-container{display:none}div#large_player_right div.song.amplitude-active-song-container div.song-number-now-playing span.number{display:inline-flex;opacity:.5;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-200)}div#large_player_right div.song.amplitude-active-song-container div.song-number-now-playing img.now-playing{display:block;margin-top:5px;margin-left:4px;height:16px;width:16px}div#large_player_right div.song{cursor:pointer;padding:12px;background-color:var(--ajs-theme-uno--darker-silver)}div#large_player_right div.song div.audio-meta-data{float:left;width:calc(100% - 145px)}div#large_player_right div.song div.audio-meta-data span.audio-artist{font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-300)}div#large_player_right div.song div.audio-meta-data span.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)}div#large_player_right div.song div.audio-meta-data span.audio-rating{display:flex;align-items:center;float:right;font-size:16px;margin-top:-24px;margin-right:-20px;color:var(--ajs-theme-uno--gray-400)}div#large_player_right div.song div.audio-meta-data span.audio-info{float:right;margin-right:-102px}div#large_player_right div.song:after{content:"";display:table;clear:both}div#large_player_right div.song div.song-number-now-playing{float:left;width:40px;height:20px;margin-top:8px;margin-right:12px}div#large_player_right div.song div.song-number-now-playing img.now-playing{display:none}div#large_player_right div.song span.audio-duration{float:left;margin-left:28px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}div#large_player_right 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#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container div.song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:16px;line-height:18px;color:var(--ajs-theme-uno--white)}div#large_player_right div.playlist-screen-controls div.list-controls{float:right;width:90px;margin-top:50px;margin-right:-12px}div#large_player_right 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#large_player_right div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div#large_player_right 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#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div#large_player_right 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#large_player_right 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#large_player_right div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}div#large_player_right div.song.amplitude-song-container.amplitude-play-pause.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}div#large_player_control_container{margin-top:20px;margin-bottom:20px}div#large_player_control_container:after{content:"";display:table;clear:both}div#large_player_control_container div.volume-container{float:left;width:88%;margin-top:20px;margin-left:12px}div#large_player_control_container div.volume-container:after{content:"";display:table;clear:both}div#large_player_control_container div.volume-container div.volume-controls input[type=range]{width:calc(100% - 45px)}div#large_player_control_container div.amplitude-mute{float:left;cursor:pointer;width:25px;height:19px;margin-left:40px}div#large_player_control_container div.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}div#large_player_control_container div.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}span.title-number{display:inline-flex;opacity:.5;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-200)}div#large_player_controls{height:65px}div#large_player_controls div.large-player-controls-container{text-align:center}div#large_player_controls div.large-player-controls-container div#large_player_shuffle{display:inline-block;width:24px;height:24px;cursor:pointer;vertical-align:middle;margin-right:25px}div#large_player_controls div.large-player-controls-container div#large_player_shuffle:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_shuffle.amplitude-shuffle-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_shuffle.amplitude-shuffle-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_previous{display:inline-block;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}div#large_player_controls div.large-player-controls-container div#large_player_previous:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div.large-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#large_player_controls div.large-player-controls-container div.large-player-skip-backward:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause{display:inline-block;width:60px;height:60px;cursor:pointer;vertical-align:middle}div#large_player_controls div.large-player-controls-container div#large_player_play_pause:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div#large_player_controls div.large-player-controls-container div.large-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#large_player_controls div.large-player-controls-container div.large-player-skip-forward:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_next{display:inline-block;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}div#large_player_controls div.large-player-controls-container div#large_player_next:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_repeat{display:inline-block;width:24px;height:24px;cursor:pointer;vertical-align:middle}div#large_player_controls div.large-player-controls-container div#large_player_repeat:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_repeat.amplitude-repeat-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_repeat.amplitude-repeat-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat}@media screen and (max-width:992px),screen and (max-width:768px),screen and (max-width:576px){.large-player{max-width:-webkit-fill-available;max-width:-moz-available}div#large_player_left{max-width:unset;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}div.large-player-container{position:relative;flex-direction:column;max-height:fit-content;max-width:fit-content}div.large-player-container div#large_player_right{width:auto;min-width:unset}.player-left-top img{width:-webkit-fill-available;width:-moz-available}div#large_player_control_container{margin-top:25px;margin-bottom:25px}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.song-name{font-size:16px}.playlist-screen-controls.large-player{display:none}div#large_player_right{border-top:0;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-title-list{border-bottom:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}}
16
+ .large-player{-webkit-font-smoothing:antialiased}.large-player-container{display:flex;max-width:fit-content;background:var(--ajs-theme-uno--white)}.player-left-top img{width:500px;height:500px;object-fit:cover}.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:600px;overflow-y:scroll}.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)}div#large_player_left{display:flex;flex:1;flex-direction:column;max-width:fit-content;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}div#large_player_left img.album-art{width:100%}div#large_player_left div#player-left-bottom{flex:1;background-color:var(--ajs-theme-uno--blue-gray-900)}div#large_player_right{display:flex;flex:1;flex-direction:column;flex-grow:1;width:50%;min-width:500px;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}div#large_player_right div.song.amplitude-active-song-container:hover div.play-button-container{display:none}div#large_player_right div.song.amplitude-active-song-container div.song-number-now-playing span.number{display:inline-flex;opacity:.5;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-200)}div#large_player_right div.song.amplitude-active-song-container div.song-number-now-playing img.now-playing{display:block;margin-top:5px;margin-left:4px;height:16px;width:16px}div#large_player_right div.song{cursor:pointer;padding:12px;background-color:var(--ajs-theme-uno--darker-silver)}div#large_player_right div.song div.audio-meta-data{float:left;width:calc(100% - 145px)}div#large_player_right div.song div.audio-meta-data span.audio-artist{font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-300)}div#large_player_right div.song div.audio-meta-data span.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)}div#large_player_right div.song:after{content:"";display:table;clear:both}div#large_player_right div.song div.song-number-now-playing{float:left;width:40px;height:20px;margin-top:8px;margin-right:12px}div#large_player_right div.song div.song-number-now-playing img.now-playing{display:none}div#large_player_right div.song span.audio-duration{float:left;margin-left:28px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.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#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.audio-rating{display:flex;align-items:center;float:right;margin-top:4px;margin-right:-48px;font-family:"Lato",sans-serif;font-size:18px;color:var(--ajs-theme-uno--gray-400)}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.audio-info{float:right;margin-right:-80px}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container div.song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:16px;line-height:18px;color:var(--ajs-theme-uno--white)}div#large_player_right div.playlist-screen-controls div.list-controls{float:right;width:90px;margin-top:50px;margin-right:-12px}div#large_player_right 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#large_player_right div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div#large_player_right 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#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div#large_player_right 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#large_player_right 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#large_player_right div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}div#large_player_right div.song.amplitude-song-container.amplitude-play-pause.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}div#large_player_control_container{margin-top:20px;margin-bottom:20px}div#large_player_control_container:after{content:"";display:table;clear:both}div#large_player_control_container div.volume-container{float:left;width:88%;margin-top:20px;margin-left:12px}div#large_player_control_container div.volume-container:after{content:"";display:table;clear:both}div#large_player_control_container div.volume-container div.volume-controls input[type=range]{width:calc(100% - 45px)}div#large_player_control_container div.amplitude-mute{float:left;cursor:pointer;width:25px;height:19px;margin-left:40px}div#large_player_control_container div.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}div#large_player_control_container div.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}span.title-number{display:inline-flex;opacity:.5;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-200)}div#large_player_controls{height:65px}div#large_player_controls div.large-player-controls-container{text-align:center}div#large_player_controls div.large-player-controls-container div#large_player_shuffle{display:inline-block;width:24px;height:24px;cursor:pointer;vertical-align:middle;margin-right:25px}div#large_player_controls div.large-player-controls-container div#large_player_shuffle:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_shuffle.amplitude-shuffle-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_shuffle.amplitude-shuffle-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_previous{display:inline-block;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}div#large_player_controls div.large-player-controls-container div#large_player_previous:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div.large-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#large_player_controls div.large-player-controls-container div.large-player-skip-backward:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause{display:inline-block;width:60px;height:60px;cursor:pointer;vertical-align:middle}div#large_player_controls div.large-player-controls-container div#large_player_play_pause:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div#large_player_controls div.large-player-controls-container div.large-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#large_player_controls div.large-player-controls-container div.large-player-skip-forward:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_next{display:inline-block;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}div#large_player_controls div.large-player-controls-container div#large_player_next:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_repeat{display:inline-block;width:24px;height:24px;cursor:pointer;vertical-align:middle}div#large_player_controls div.large-player-controls-container div#large_player_repeat:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_repeat.amplitude-repeat-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_repeat.amplitude-repeat-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat}@media screen and (max-width:992px),screen and (max-width:768px),screen and (max-width:576px){.large-player{max-width:-webkit-fill-available;max-width:-moz-available}div#large_player_left{max-width:unset;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}div.large-player-container{position:relative;flex-direction:column;max-height:fit-content;max-width:fit-content}div.large-player-container div#large_player_right{width:auto;min-width:unset}.player-left-top img{height:700px;width:-webkit-fill-available;width:-moz-available}div#large_player_control_container{margin-top:25px;margin-bottom:25px}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.song-name{font-size:16px}.playlist-screen-controls.large-player{display:none}div#large_player_right{border-top:0;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-title-list{border-bottom:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}}
17
+