update docs (wip)

Author: hvianna

docs/Changelog.md

@@ -4,18 +4,18 @@
 
 ### Added: <!-- {docsify-ignore} -->
 
-+ New **Advanced** panel to declutter the **Settings** panel of less-used options;
-+ New **Band Count** setting;
-+ New **Radial Size** setting;
-+ New compact analyzer layout for watching videos - customize in *Configuration > Subtitles & Video*;
-+ Support for 5.1 surround audio output (experimental - currently works only with single-channel layout);
++ New [**Advanced** panel](advanced.md) to declutter the Settings panel of less-used options;
++ New [**Band Count**](settings.md#band-cound) setting;
++ New [**Radial Size**](advanced.md#radial-size) setting;
++ New compact analyzer layout for watching videos - customize in [*Configuration > Subtitles & Video*](configuration.md#subtitles-amp-video);
++ Support for 5.1 surround audio output - enable it in [*Configuration > General settings*](configuration.md#general-settings) (experimental - currently works only with single-channel layout);
 + Import and export Settings - backup and share your presets in [Discussions > Resources > Presets](https://github.com/hvianna/audioMotion.js/discussions/categories/presets);
 + Import and export Gradients - backup and share your creations in [Discussions > Resources > Gradients](https://github.com/hvianna/audioMotion.js/discussions/categories/gradients);
-+ Option to enable/disable letterboxing for video;
-+ Option to invert scroll direction for Volume control - suggested by **@JesusGod-Pope666-Info**;
++ Option to enable/disable letterboxing for video, in [*Configuration > Subtitles & Video*](configuration.md#subtitles-amp-video);
++ Option to invert scroll direction for Volume control, in [*Configuration > General settings*](configuration.md#general-settings) - suggested by **@JesusGod-Pope666-Info**;
 + Debug mode with extra messages/events logged to Console;
 + Button to copy messages to clipboard on Console;
-+ More intermediate values for *Background Image Dim*, *Bar Spacing*, *FFT Smoothing*, *Fill Opacity*, *Radial Spin* and *Reflex*.
++ More intermediate values for [*Background Dim*](settings.md#background-dim), [*Bar Spacing*](advanced.md#bar-spacing), [*FFT Smoothing*](advanced.md#fft-smoothing), [*Fill Opacity*](advanced.md#fill-opacity), [*Radial Spin*](advanced.md#radial-spin) and [*Reflex*](settings.md#reflex).
 
 ### Changed & improved: <!-- {docsify-ignore} -->
 
@@ -27,7 +27,8 @@
 + Files that fail loading/playing are now flagged in red color in the play queue;
 + Increased the default maximum number of background image files from 20 to 100;
 + Gradients and saved playlists are now listed in alphabetical order in their selection boxes;
-+ New default settings: [Background:](settings.md#background) **album cover**; [Bar Spacing:](advanced.md#bar-spacing) **20%**; [Background Dim:](settings.md#background-dim) **0.3**; [Level Scale:](advanced.md#level-scale) **Linear**; [Line Width:](advanced.md#level-scale) **1**; [Radial Size:](advanced.md#radial-size) **0.5**; [Weighting Filter:]((advanced.md#weighting-filter) **D**.
++ New defaults: [Background:](settings.md#background) **album cover**; [Bar Spacing:](advanced.md#bar-spacing) **20%**; [Background Dim:](settings.md#background-dim) **0.3**; [Level Scale:](advanced.md#level-scale) **Linear**; [Line Width:](advanced.md#level-scale) **1**; [Radial Size:](advanced.md#radial-size) **0.5**; [Weighting Filter:]((advanced.md#weighting-filter) **D**;
++ Server configuration file (`config.json`) converted to YAML format (`config.yaml`) - see [Self-hosting > config.yaml file](server.md#configyaml-file) (props to [**@Borewit**](https://github.com/hvianna/audioMotion.js/pull/94)).
 
 ### Fixed: <!-- {docsify-ignore} -->
 
@@ -39,7 +40,6 @@
 ### Removed: <!-- {docsify-ignore} -->
 
 + Balance control;
-+ `config.json` configuration file converted to YAML - see [Self-hosting > config.yaml file](server.md#configyaml-file) (props to [**@Borewit**](https://github.com/hvianna/audioMotion.js/pull/94)).
 + `mediaPanel` URL parameter has been deprecated - use [`frontPanel`](server.md#url-parameters) instead;
 + Custom file server module (just use `npm start`);
 + Code from the unfinished Electron version;

docs/img/internal-playlists.png

@@ -1,5 +1,9 @@
 # Known issues
 
+### Browser requirements
+
+**audioMotion** requires at least Chrome/Chromium 80, Firefox 74 or Safari 13.1.
+
 ### File System Access API
 
 Playing music and loading backgrounds from your local device relies on the [File System Access API](https://caniuse.com/native-filesystem-api), which

docs/img/screenshot1.png

@@ -55,17 +55,17 @@ Click the **Clear** button to clear the play queue.
 
 The play queue is automatically restored the next time you open audioMotion. You can disable this feature in [Configuration > General settings](#general-settings).
 
-**You can save the play queue to internal playlists for quick access.**
+<img src="img/internal-playlists.png" class="img-right">
 
-Saved playlists appear in the playlist selection box, as shown below:
+**You can save the play queue to internal playlists for quick access.**
 
-![internal-playlists](img/internal-playlists.png)
+Saved playlists appear in the playlist selection box (shown right).
 
 Create and manage your playlists using the following buttons:
 
 | Button | Action |
 |:-------|:-------|
-**Save as...** | Saves the current queue contents to a new playlist
+**Save&nbsp;as...** | Saves the current queue contents to a new playlist
 **Save**       | **Update the selected playlist** with the current queue contents
 **Load**       | Load the selected playlist, **adding** its contents to the end of the current queue
 **Delete**     | Permanently delete the selected playlist

docs/img/screenshot4.jpg

@@ -1,13 +1,13 @@
 # Screenshots
 
 ![screenshot1](img/screenshot1.png)
-*User interface showing the analyzer in **Discrete frequencies** mode (using the **Bark** frequency scale), player control panel and media panel.*
+*User interface showing the analyzer in **FFT** mode with **Bark** frequency scale. Settings panel selected.*
 
 ![screenshot2](img/screenshot2.png)
-*Analyzer set to 1/4th-octave bands mode with LEDS effect and on-screen song information. The **Settings** panel is shown open over the media panel.*
+*Analyzer set to 1/3rd-octave bands mode with LEDS effect and on-screen song information. Media panel selected.*
 
 ![screenshot4](img/screenshot4.jpg)
-*Video playback with subtitles, hidden media panel, analyzer set to Area graph mode, "Rainbow" gradient, Linear amplitude and Notes scale.*
+*Video playback with subtitles, collapsed front panel, [compact analyzer](configuration.md#subtitles-amp-video) set to 1/12th-octave bands and Notes labels displayed in the X-Axis.*
 
 ![screenshot3](img/screenshot3.png)
 *Fullscreen view: 1/6th-octave bands, "Outrun" gradient, Reflex effect and complete on-screen information.*