Better sidebar in docs

docs/_sidebar.md

@@ -2,24 +2,29 @@
 * [Pro version<img src="/assets/pro.svg">](https://imgproxy.net/#pro)
 * [Installation](installation)
 * [Configuration](configuration)
-* [Generating the URL](generating_the_url)
-* [Getting the image info<img title="imgproxy Pro feature" src="/assets/pro.svg">](getting_the_image_info)
-* [Signing the URL](signing_the_url)
-* [Encrypting the source URL<img src="/assets/pro.svg">](encrypting_the_source_url)
-* [Watermark](watermark)
-* [Presets](presets)
-* [Object detection<img title="imgproxy Pro feature" src="/assets/pro.svg">](object_detection)
-* [Autoquality<img title="imgproxy Pro feature" src="/assets/pro.svg">](autoquality)
-* [Chained pipelines<img title="imgproxy Pro feature" src="/assets/pro.svg">](chained_pipelines)
-* [Serving local files](serving_local_files)
-* [Serving files from Amazon S3](serving_files_from_s3)
-* [Serving files from Google Cloud Storage](serving_files_from_google_cloud_storage)
-* [Serving files from Azure Blob Storage](serving_files_from_azure_blob_storage)
-* [Serving files from OpenStack Object Storage ("Swift")](serving_files_from_openstack_swift)
-* [New Relic](new_relic)
-* [Prometheus](prometheus)
-* [Datadog](datadog)
-* [Image formats support](image_formats_support)
-* [About processing pipeline](about_processing_pipeline)
-* [Health check](healthcheck)
-* [Memory usage tweaks](memory_usage_tweaks)
+* Generating the URL
+  * [Generating the URL](generating_the_url)
+  * [Getting the image info<img title="imgproxy Pro feature" src="/assets/pro.svg">](getting_the_image_info)
+  * [Signing the URL](signing_the_url)
+  * [Encrypting the source URL<img src="/assets/pro.svg">](encrypting_the_source_url)
+  * [Presets](presets)
+* Features
+  * [Watermark](watermark)
+  * [Object detection<img title="imgproxy Pro feature" src="/assets/pro.svg">](object_detection)
+  * [Autoquality<img title="imgproxy Pro feature" src="/assets/pro.svg">](autoquality)
+  * [Chained pipelines<img title="imgproxy Pro feature" src="/assets/pro.svg">](chained_pipelines)
+* Image sources
+  * [Local files](serving_local_files)
+  * [Amazon S3](serving_files_from_s3)
+  * [Google Cloud Storage](serving_files_from_google_cloud_storage)
+  * [Azure Blob Storage](serving_files_from_azure_blob_storage)
+  * [OpenStack Object Storage ("Swift")](serving_files_from_openstack_swift)
+* Monitoring
+  * [New Relic](new_relic)
+  * [Prometheus](prometheus)
+  * [Datadog](datadog)
+* Miscellaneous
+  * [Image formats support](image_formats_support)
+  * [About processing pipeline](about_processing_pipeline)
+  * [Health check](healthcheck)
+  * [Memory usage tweaks](memory_usage_tweaks)

docs/assets/style.css

@@ -30,6 +30,9 @@
   --table-row-even-background: var(--base-background-color);
 
   --selection-color: rgba(255, 255, 255, 0.3);
+
+  --sidebar-width: 20rem;
+  --sidebar-nav-link-before-content-l3: "";
 }
 
 .app-name-link img {
@@ -88,6 +91,11 @@ body::before {
     transform: rotate(360deg);
   }
 }
+
+.sidebar-nav li {
+  font-weight: bold;
+}
+
 .sidebar-nav li>a:only-child {
   padding: var(--sidebar-nav-pagelink-padding, var(--sidebar-nav-link-padding));
 }