docs: merge docs repo

.gitignore

@@ -85,4 +85,8 @@ log.json
 
 .php_cs.cache
 
+### VitePress ###
+docs/.vitepress/dist
+docs/.vitepress/cache
+
 demo-credits.json

docs/.vitepress/assets/icons/bolt.svg

@@ -0,0 +1 @@
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M349.4 44.6c5.9-13.7 1.5-29.7-10.6-38.5s-28.6-8-39.9 1.8l-256 224c-10 8.8-13.6 22.9-8.9 35.3S50.7 288 64 288H175.5L98.6 467.4c-5.9 13.7-1.5 29.7 10.6 38.5s28.6 8 39.9-1.8l256-224c10-8.8 13.6-22.9 8.9-35.3s-16.6-20.7-30-20.7H272.5L349.4 44.6z"></path></svg>

docs/.vitepress/assets/icons/expand.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg>

docs/.vitepress/assets/icons/filter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z"></path></svg>

docs/.vitepress/assets/icons/heart.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"></path></svg>

docs/.vitepress/assets/icons/info.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-144c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z"/></svg>

docs/.vitepress/assets/icons/plus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM232 344V280H168c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"></path></svg>

docs/.vitepress/assets/icons/repeat.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M0 224c0 17.7 14.3 32 32 32s32-14.3 32-32c0-53 43-96 96-96H320v32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S320 19.1 320 32V64H160C71.6 64 0 135.6 0 224zm512 64c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 53-43 96-96 96H192V352c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V448H352c88.4 0 160-71.6 160-160z"></path></svg>

docs/.vitepress/assets/icons/shuffle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M403.8 34.4c12-5 25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6V160H352c-10.1 0-19.6 4.7-25.6 12.8L284 229.3 244 176l31.2-41.6C293.3 110.2 321.8 96 352 96h32V64c0-12.9 7.8-24.6 19.8-29.6zM164 282.7L204 336l-31.2 41.6C154.7 401.8 126.2 416 96 416H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H96c10.1 0 19.6-4.7 25.6-12.8L164 282.7zm274.6 188c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6V416H352c-30.2 0-58.7-14.2-76.8-38.4L121.6 172.8c-6-8.1-15.5-12.8-25.6-12.8H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H96c30.2 0 58.7 14.2 76.8 38.4L326.4 339.2c6 8.1 15.5 12.8 25.6 12.8h32V320c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64z"></path></svg>

docs/.vitepress/assets/icons/sliders.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M0 416c0-17.7 14.3-32 32-32l54.7 0c12.3-28.3 40.5-48 73.3-48s61 19.7 73.3 48L480 384c17.7 0 32 14.3 32 32s-14.3 32-32 32l-246.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 448c-17.7 0-32-14.3-32-32zm192 0c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zM384 256c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zm-32-80c32.8 0 61 19.7 73.3 48l54.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-54.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l246.7 0c12.3-28.3 40.5-48 73.3-48zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32zm73.3 0L480 64c17.7 0 32 14.3 32 32s-14.3 32-32 32l-214.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 128C14.3 128 0 113.7 0 96S14.3 64 32 64l86.7 0C131 35.7 159.2 16 192 16s61 19.7 73.3 48z"></path></svg>

docs/.vitepress/assets/icons/volume.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path class="" fill="currentColor" d="M533.6 32.5C598.5 85.3 640 165.8 640 256s-41.5 170.8-106.4 223.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C557.5 398.2 592 331.2 592 256s-34.5-142.2-88.7-186.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM473.1 107c43.2 35.2 70.9 88.9 70.9 149s-27.7 113.8-70.9 149c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C475.3 341.3 496 301.1 496 256s-20.7-85.3-53.2-111.8c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zm-60.5 74.5C434.1 199.1 448 225.9 448 256s-13.9 56.9-35.4 74.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C393.1 284.4 400 271 400 256s-6.9-28.4-17.7-37.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM301.1 34.8C312.6 40 320 51.4 320 64V448c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h67.8L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3z"></path></svg>

docs/.vitepress/assets/img/sponsors/do.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 603 103" style="enable-background:new 0 0 603 103;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0080FF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#0080FF;}
+</style>
+<g id="XMLID_2369_">
+	<g id="XMLID_2638_">
+		<g id="XMLID_2639_">
+			<g>
+				<g id="XMLID_44_">
+					<g id="XMLID_48_">
+						<path id="XMLID_49_" class="st0" d="M52.1,102.1l0-19.6c20.8,0,36.8-20.6,28.9-42.4C78,32,71.6,25.5,63.5,22.6
+							c-21.8-7.9-42.4,8.1-42.4,28.9c0,0,0,0,0,0l-19.6,0c0-33.1,32-58.9,66.7-48.1c15.2,4.7,27.2,16.8,31.9,31.9
+							C110.9,70.1,85.2,102.1,52.1,102.1z"/>
+					</g>
+					<polygon id="XMLID_47_" class="st1" points="52.1,82.5 32.6,82.5 32.6,63 32.6,63 52.1,63 52.1,63 					"/>
+					<polygon id="XMLID_46_" class="st1" points="32.6,97.5 17.6,97.5 17.6,97.5 17.6,82.5 32.6,82.5 32.6,97.5 					"/>
+					<polygon id="XMLID_45_" class="st1" points="17.6,82.5 5,82.5 5,82.5 5,70 5,70 17.6,70 17.6,70 					"/>
+				</g>
+			</g>
+		</g>
+	</g>
+	<g id="XMLID_2370_">
+		<path id="XMLID_2635_" class="st0" d="M181.5,30.2c-5.8-4-13-6.1-21.4-6.1h-18.3v58.1h18.3c8.4,0,15.6-2.1,21.4-6.4
+			c3.2-2.2,5.7-5.4,7.4-9.3c1.7-3.9,2.6-8.5,2.6-13.7c0-5.1-0.9-9.7-2.6-13.6C187.2,35.4,184.7,32.3,181.5,30.2z M152.5,34h5.8
+			c6.4,0,11.7,1.3,15.7,3.7c4.4,2.7,6.7,7.8,6.7,15.1c0,7.6-2.3,12.9-6.7,15.8h0c-3.8,2.5-9.1,3.8-15.6,3.8h-5.8V34z"/>
+		<path id="XMLID_2634_" class="st0" d="M204.3,23.4c-1.8,0-3.3,0.6-4.5,1.8c-1.2,1.2-1.9,2.7-1.9,4.4c0,1.8,0.6,3.3,1.9,4.5
+			c1.2,1.2,2.7,1.9,4.5,1.9c1.8,0,3.3-0.6,4.5-1.9c1.2-1.2,1.9-2.8,1.9-4.5c0-1.8-0.6-3.3-1.9-4.4C207.6,24,206,23.4,204.3,23.4z"/>
+		<rect id="XMLID_2564_" x="199" y="41.3" class="st0" width="10.3" height="41"/>
+		<path id="XMLID_2561_" class="st0" d="M246.8,44.7c-3.1-2.8-6.6-4.4-10.3-4.4c-5.7,0-10.4,2-14.1,5.8c-3.7,3.8-5.5,8.8-5.5,14.7
+			c0,5.8,1.8,10.7,5.5,14.7c3.7,3.8,8.4,5.8,14.1,5.8c4,0,7.4-1.1,10.2-3.3V79c0,3.4-0.9,6-2.7,7.9c-1.8,1.8-4.3,2.7-7.4,2.7
+			c-4.8,0-7.7-1.9-11.4-6.8l-7,6.7l0.2,0.3c1.5,2.1,3.8,4.2,6.9,6.2c3.1,2,6.9,3,11.5,3c6.1,0,11.1-1.9,14.7-5.6
+			c3.7-3.7,5.5-8.7,5.5-14.9V41.3h-10.1V44.7z M244.1,68.9c-1.8,2-4.1,3-7.1,3c-3,0-5.3-1-7-3c-1.8-2-2.7-4.7-2.7-8
+			c0-3.3,0.9-6.1,2.7-8.1c1.8-2,4.1-3.1,7-3.1c3,0,5.3,1,7.1,3.1c1.8,2,2.7,4.8,2.7,8.1C246.8,64.2,245.8,66.9,244.1,68.9z"/>
+		<rect id="XMLID_2560_" x="265.7" y="41.3" class="st0" width="10.3" height="41"/>
+		<path id="XMLID_2552_" class="st0" d="M271,23.4c-1.8,0-3.3,0.6-4.5,1.8c-1.2,1.2-1.9,2.7-1.9,4.4c0,1.8,0.6,3.3,1.9,4.5
+			c1.2,1.2,2.7,1.9,4.5,1.9c1.8,0,3.3-0.6,4.5-1.9c1.2-1.2,1.9-2.8,1.9-4.5c0-1.8-0.6-3.3-1.9-4.4C274.3,24,272.7,23.4,271,23.4z"/>
+		<path id="XMLID_2509_" class="st0" d="M298.6,30.3h-10.1v11.1h-5.9v9.4h5.9v17c0,5.3,1.1,9.1,3.2,11.3c2.1,2.2,5.8,3.3,11.1,3.3
+			c1.7,0,3.4-0.1,5-0.2l0.5,0v-9.4l-3.5,0.2c-2.5,0-4.1-0.4-4.9-1.3c-0.8-0.9-1.2-2.7-1.2-5.4V50.7h9.6v-9.4h-9.6V30.3z"/>
+		<rect id="XMLID_2508_" x="356.5" y="24.1" class="st0" width="10.3" height="58.1"/>
+		<path id="XMLID_2470_" class="st0" d="M470.9,67.6c-1.8,2.1-3.7,3.9-5.2,4.8v0c-1.4,0.9-3.2,1.4-5.3,1.4c-3,0-5.5-1.1-7.5-3.4
+			c-2-2.3-3-5.2-3-8.7s1-6.4,2.9-8.6c2-2.3,4.4-3.4,7.4-3.4c3.3,0,6.8,2.1,9.8,5.6l6.8-6.5l0,0c-4.4-5.8-10.1-8.5-16.9-8.5
+			c-5.7,0-10.6,2.1-14.6,6.1c-4,4-6,9.2-6,15.3s2,11.2,6,15.3c4,4.1,8.9,6.1,14.6,6.1c7.5,0,13.5-3.2,17.5-9.1L470.9,67.6z"/>
+		<path id="XMLID_2460_" class="st0" d="M513.2,47c-1.5-2-3.5-3.7-5.9-4.9c-2.5-1.2-5.3-1.8-8.5-1.8c-5.8,0-10.5,2.1-14,6.3
+			c-3.4,4.2-5.2,9.3-5.2,15.4c0,6.2,1.9,11.3,5.7,15.3c3.7,3.9,8.8,5.9,14.9,5.9c6.9,0,12.7-2.8,16.9-8.4l0.2-0.3l-6.7-6.5l0,0
+			c-0.6,0.8-1.5,1.6-2.3,2.4c-1,1-2,1.7-3,2.2c-1.5,0.8-3.3,1.1-5.2,1.1c-2.9,0-5.2-0.8-7-2.5c-1.7-1.5-2.7-3.6-2.9-6.2h27.3
+			l0.1-3.8c0-2.7-0.4-5.2-1.1-7.6C515.8,51.3,514.7,49.1,513.2,47z M490.7,56.7c0.5-2,1.4-3.6,2.7-4.9c1.4-1.4,3.2-2.1,5.4-2.1
+			c2.5,0,4.4,0.7,5.7,2.1c1.2,1.3,1.9,2.9,2.1,4.8H490.7z"/>
+		<path id="XMLID_2456_" class="st0" d="M552.8,44.4L552.8,44.4c-3.1-2.7-7.4-4-12.8-4c-3.4,0-6.6,0.8-9.5,2.2
+			c-2.7,1.4-5.3,3.6-7,6.6l0.1,0.1l6.6,6.3c2.7-4.3,5.7-5.8,9.7-5.8c2.2,0,3.9,0.6,5.3,1.7c1.4,1.1,2,2.6,2,4.4v2
+			c-2.6-0.8-5.1-1.2-7.6-1.2c-5.1,0-9.3,1.2-12.4,3.6c-3.1,2.4-4.7,5.9-4.7,10.2c0,3.8,1.3,7,4,9.3c2.7,2.2,6,3.4,9.9,3.4
+			c3.9,0,7.6-1.6,10.9-4.3v3.4h10.1V55.9C557.6,51,556,47.1,552.8,44.4z M534.5,66.6c1.2-0.8,2.8-1.2,4.9-1.2c2.5,0,5.1,0.5,7.8,1.5
+			v4C545,73,542,74,538.3,74c-1.8,0-3.2-0.4-4.1-1.2c-0.9-0.8-1.4-1.7-1.4-3C532.8,68.5,533.4,67.4,534.5,66.6z"/>
+		<path id="XMLID_2454_" class="st0" d="M597.2,45.2c-2.9-3.2-6.9-4.8-12-4.8c-4.1,0-7.4,1.2-9.9,3.5v-2.5h-10.1v41h10.3V59.7
+			c0-3.1,0.7-5.6,2.2-7.3c1.5-1.8,3.4-2.6,6.1-2.6c2.3,0,4.1,0.8,5.4,2.3c1.3,1.6,2,3.7,2,6.4v23.7h10.3V58.5
+			C601.5,52.9,600.1,48.4,597.2,45.2z"/>
+		<path id="XMLID_2450_" class="st0" d="M343.6,44.4L343.6,44.4c-3.1-2.7-7.4-4-12.8-4c-3.4,0-6.6,0.8-9.5,2.2
+			c-2.7,1.4-5.3,3.6-7,6.6l0.1,0.1l6.6,6.3c2.7-4.3,5.7-5.8,9.7-5.8c2.2,0,3.9,0.6,5.3,1.7c1.4,1.1,2,2.6,2,4.4v2
+			c-2.6-0.8-5.1-1.2-7.6-1.2c-5.1,0-9.3,1.2-12.4,3.6c-3.1,2.4-4.7,5.9-4.7,10.2c0,3.8,1.3,7,4,9.3c2.7,2.2,6,3.4,9.9,3.4
+			c3.9,0,7.6-1.6,10.9-4.3v3.4h10.1V55.9C348.3,51,346.7,47.1,343.6,44.4z M325.3,66.6c1.2-0.8,2.8-1.2,4.9-1.2
+			c2.5,0,5.1,0.5,7.8,1.5v4c-2.2,2.1-5.2,3.1-8.9,3.1c-1.8,0-3.2-0.4-4.1-1.2c-0.9-0.8-1.4-1.7-1.4-3
+			C323.6,68.5,324.1,67.4,325.3,66.6z"/>
+		<path id="XMLID_2371_" class="st0" d="M404.2,83.1c-16.5,0-30-13.4-30-30s13.4-30,30-30c16.5,0,30,13.4,30,30
+			S420.7,83.1,404.2,83.1z M404.2,33.8c-10.7,0-19.4,8.7-19.4,19.4s8.7,19.4,19.4,19.4c10.7,0,19.4-8.7,19.4-19.4
+			S414.9,33.8,404.2,33.8z"/>
+	</g>
+</g>
+</svg>

docs/.vitepress/assets/img/sponsors/keycdn.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 137.09 39.849"><path fill="#2e3234" d="M3.971 32.104c.39.016.784.07 1.151.205v-.004l.056.02 4.842-4.723.178.237c.251.34.518.651.8.962l.103.119c.074.074.133.148.207.222l.12.118.117.119.104.103.118.119.104.103.133.119.12.104a12.868 12.868.0 008.025 3.065 12.983 12.983.0 006.915-1.792l.37.385c.43.459.874.918 1.304 1.377a15.234 15.234.0 01-8.648 2.414 15.224 15.224.0 01-9.418-3.554l.015-.03-3.107 3.063a3.873 3.873.0 11-3.707-2.752h.1zM33.58 12.127a15.231 15.231.0 012.206 8.323 15.172 15.172.0 01-3.805 9.684l.015.015 1.91 2.029c.77-.104 1.54.162 2.073.725a2.405 2.405.0 01-.089 3.391 2.405 2.405.0 01-3.39-.089 2.388 2.388.0 01-.608-2.102 739.91 739.91.0 00-3.36-3.569l-.194-.207.222-.178a12 12 0 001.6-1.525 12.818 12.818.0 003.243-8.233 12.84 12.84.0 00-1.6-6.575zM6.597 3.076c.68-.01 1.32.259 1.794.744a2.39 2.39.0 01.607 2.103l3.673 3.85-.223.178c-.577.459-1.11.962-1.599 1.525A12.927 12.927.0 009.191 26.298l-1.763 1.718a15.112 15.112.0 01-2.22-8.366c.076-3.565 1.465-7.009 3.798-9.691l-2.022-2.11a2.406 2.406.0 01-2.073-.727 2.405 2.405.0 01.09-3.391 2.43 2.43.0 011.367-.64c.076-.008.153-.01.23-.016zM37.498.0A3.873 3.873.0 1136.29 7.553v.005l-.06-.021-5.257 4.99-.178-.237c-.28-.37-.592-.74-.918-1.08l-.06-.075-.162-.163-.296-.296-.104-.089-.103-.088-.133-.119-.104-.089-.134-.118a12.862 12.862.0 00-7.966-3.021c-2.444-.06-4.828.548-6.9 1.792l-1.689-1.763a15.233 15.233.0 018.648-2.414 15.154 15.154.0 019.418 3.569h.03l3.48-3.305A3.873 3.873.0 0137.5.0z"></path><path fill="#047aed" d="M20.617 8.646c.438.002.875.036 1.309.086 6.249.785 10.676 6.486 9.906 12.735-.785 6.25-6.486 10.677-12.735 9.907-6.249-.785-10.677-6.487-9.907-12.735.746-5.797 5.616-9.973 11.427-9.993zm-.171 4.894c-2.53.203-4.36 2.116-4.425 4.659.04 1.766.802 3.013 2.246 3.989l.348.189-.88 4.139h5.901l-.879-4.14c1.62-.834 2.547-2.365 2.593-4.177-.034-2.624-2.064-4.6-4.664-4.665l-.24.006zm.088-.025h-.015.015zM50.991 14.514c-.287.0-.489.058-.834.518l-4.772 6.21 2.07-11.644c.086-.431-.144-.575-.489-.575h-4.313c-.517.0-.66.259-.718.575l-3.709 21.016c-.086.46.201.633.517.633h4.313c.316.0.632-.317.69-.633l1.15-6.555 2.501 6.555c.173.46.403.633.719.633h5.175c.374.0.517-.345.374-.633l-3.68-8.05 6.555-7.446c.23-.23.201-.604-.202-.604zm20.014 5.923c0-3.422-1.955-6.182-6.124-6.182-4.801.0-8.079 2.128-9.027 7.82l-.317 1.898a8.854 8.854.0 00-.115 1.466c0 4.083 3.163 6.066 6.354 6.066 2.415.0 4.37-.287 6.296-.89.489-.145.633-.346.719-.806l.46-2.587v-.115c0-.26-.173-.374-.431-.374h-.115c-1.093.115-3.997.23-5.52.23-1.438.0-2.358-.201-2.358-1.639.0-.259.029-.546.086-.891h8.942a.737.737.0 00.718-.633l.288-1.725c.086-.546.144-1.092.144-1.638zm-5.175-.202c0 .345-.058.748-.144 1.15h-4.255c.345-1.638 1.035-2.846 2.645-2.846 1.294.0 1.754.69 1.754 1.696zm24.527-5.29c0-.23-.259-.43-.517-.43h-4.744c-.316.0-.604.23-.719.545l-4.111 10.408h-.23c-.172.0-.201-.144-.23-.489l-.518-9.89c-.028-.316-.143-.575-.46-.575h-4.627c-.489.0-.719.23-.719.546v.087l1.667 13.685c.173 1.466.92 1.983 2.272 1.983h.374l-.403.95c-.345.833-.949 1.092-1.754 1.092-1.092.0-2.817-.173-3.881-.23h-.029c-.345.0-.69.287-.747.603l-.489 2.79v.085c0 .26.259.345.546.46.748.288 2.645.518 3.795.518 4.514.0 6.153-1.783 7.562-4.859l7.906-17.077a.533.533.0 00.057-.202z"></path><path fill="#2e3234" d="M103.13 15.175c0-.287-.173-.373-.489-.46-.776-.2-2.156-.46-3.853-.46-4.427.0-7.273 2.214-8.193 7.562l-.374 2.156a11.156 11.156.0 00-.144 1.639c0 3.363 1.955 5.893 5.664 5.893 1.696.0 3.019-.23 4.025-.46.403-.086.633-.23.69-.603l.575-3.22v-.115c0-.26-.201-.432-.46-.432h-.057c-1.007.058-1.927.173-3.335.173-.978.0-1.553-.345-1.553-1.639.0-.345.029-.747.115-1.236l.374-2.156c.402-2.387 1.236-2.904 2.472-2.904 1.409.0 2.272.144 3.249.201h.058c.316.0.603-.23.66-.546l.576-3.249zm17.943-5.663c0-.288-.258-.49-.546-.49h-4.284c-.316.0-.603.26-.66.576l-.863 4.859c-.575-.087-1.553-.202-2.013-.202-5.232.0-7.849 2.185-8.797 7.504l-.403 2.243a9.023 9.023.0 00-.144 1.466c0 3.536 2.444 6.037 6.383 6.037 2.587.0 5.031-.402 6.584-.718.92-.202 1.063-.374 1.15-.92l3.594-20.27zm-7.158 9.43-1.38 7.877c-.547.086-1.15.144-1.984.144-1.236.0-1.667-.719-1.667-1.84.0-.345.028-.719.114-1.121l.403-2.243c.287-1.667.977-2.932 2.587-2.932.69.0 1.352.057 1.927.115zm23.176.2c0-3.22-1.323-4.887-4.514-4.887-1.063.0-2.645.26-4.657 1.582l.144-.748c.086-.431-.115-.575-.49-.575h-3.938c-.316.0-.604.259-.661.575l-2.76 15.525c-.058.403.259.633.661.633h4.111c.432.0.719-.288.777-.633l1.955-11.126c.517-.288 1.58-.633 2.443-.633.978.0 1.352.23 1.352 1.122.0.488-.115.977-.202 1.466l-1.61 9.171c-.057.288.0.633.489.633h4.313c.345.0.66-.317.718-.633l1.582-8.97c.143-.805.287-1.754.287-2.501z"></path></svg>

docs/.vitepress/assets/img/sponsors/render.svg

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 785.2 171" style="enable-background:new 0 0 785.2 171;" xml:space="preserve">
+<style type="text/css">
+	.st0{enable-background:new    ;}
+	.st1{fill:#3F4358;}
+	.st2{fill:#46E3B7;}
+</style>
+<g id="Group_2766" transform="translate(-15853 -8503)">
+	<g class="st0">
+		<path class="st1" d="M16140,8582.1c-10,0-17.8,2.6-25.5,6.7v74.4c0,2-1.7,3.9-3.7,3.9h-17c-2,0-3.7-1.8-3.7-3.9v-96.8
+			c0-2,1.7-3.7,3.7-3.7h16.1c2,0,3.7,1.7,3.7,3.7v3.9c9.1-7,19.1-8.9,26.5-8.9c2,0,3.7,1.7,3.7,3.7v13.3
+			C16143.7,8580.4,16142,8582.1,16140,8582.1z"/>
+		<path class="st1" d="M16237.5,8623.3h-60.3v0.6c0,10.7,4.4,23.5,22.2,23.5c13.5,0,26.3-1.1,34-1.9c0.2,0,0.4,0,0.6,0
+			c1.9,0,3.3,0.9,3.3,2.8v12.2c0,3-0.6,4.3-3.9,4.8c-12,2.2-19.2,3.1-35.9,3.1c-18.5,0-44.8-10-44.8-46.4v-13.7
+			c0-28.9,16.1-47,44.4-47c28.5,0,44,19.4,44,47v10.4C16241.2,8621.7,16240.1,8623.3,16237.5,8623.3z M16216.6,8605.2
+			c0-14.4-8-22.8-19.4-22.8s-19.8,8.1-19.8,22.8v0.7h39.2V8605.2z"/>
+		<path class="st1" d="M16343.8,8667h-17c-2,0-3.7-1.8-3.7-3.9v-60.3c0-16.1-1.5-20.7-15.7-20.7c-6.3,0-13.1,2.6-20.9,6.7v74.4
+			c0,2-1.7,3.9-3.7,3.9h-17c-2,0-3.7-1.8-3.7-3.9v-96.8c0-2,1.7-3.7,3.7-3.7h16.1c2,0,3.7,1.7,3.7,3.7v3.9c10.7-6.8,17.8-8.9,30-8.9
+			c26.6,0,32,17.9,32,41.4v60.3C16347.5,8665.2,16345.9,8667,16343.8,8667z"/>
+		<path class="st1" d="M16449.3,8663.7c-11.5,3-25.3,4.8-37.2,4.8c-29.8,0-44.2-17.6-44.2-46.4v-14.2c0-28.9,14.4-46.4,44.2-46.4
+			c4.4,0,10.9,0.4,17.8,1.3v-32.7c0-2,1.7-3.7,3.7-3.7h17c2,0,3.7,1.7,3.7,3.7v128.8C16454.3,8661.5,16453.5,8662.6,16449.3,8663.7z
+			 M16429.9,8582.6c-5.2-0.7-13.3-1.3-17.8-1.3c-15.9,0-19.8,11.3-19.8,26.5v14.2c0,15.2,3.9,26.5,19.8,26.5
+			c6.7,0,14.2-0.6,17.8-1.3V8582.6z"/>
+		<path class="st1" d="M16559.9,8623.3h-60.3v0.6c0,10.7,4.4,23.5,22.2,23.5c13.5,0,26.3-1.1,34-1.9c0.2,0,0.4,0,0.6,0
+			c1.8,0,3.3,0.9,3.3,2.8v12.2c0,3-0.6,4.3-3.9,4.8c-12,2.2-19.2,3.1-35.9,3.1c-18.5,0-44.8-10-44.8-46.4v-13.7
+			c0-28.9,16.1-47,44.4-47c28.5,0,44,19.4,44,47v10.4C16563.6,8621.7,16562.5,8623.3,16559.9,8623.3z M16539,8605.2
+			c0-14.4-8-22.8-19.4-22.8c-11.5,0-19.8,8.1-19.8,22.8v0.7h39.2V8605.2z"/>
+		<path class="st1" d="M16634.5,8582.1c-10,0-17.8,2.6-25.5,6.7v74.4c0,2-1.7,3.9-3.7,3.9h-17c-2,0-3.7-1.8-3.7-3.9v-96.8
+			c0-2,1.7-3.7,3.7-3.7h16.1c2,0,3.7,1.7,3.7,3.7v3.9c9.1-7,19.1-8.9,26.5-8.9c2,0,3.7,1.7,3.7,3.7v13.3
+			C16638.2,8580.4,16636.5,8582.1,16634.5,8582.1z"/>
+	</g>
+	<g>
+		<polygon class="st2" points="15966.3,8503 15964.3,8503 15964.3,8505 15964.3,8523.6 15964.3,8525.6 15966.3,8525.6 
+			15984.9,8525.6 15986.9,8525.6 15986.9,8523.6 15986.9,8505 15986.9,8503 15984.9,8503 		"/>
+		<path class="st2" d="M15906.5,8503c-7.2,0-14.2,1.4-20.8,4.2c-6.4,2.7-12.1,6.6-17,11.5c-4.9,4.9-8.8,10.6-11.5,17
+			c-2.8,6.6-4.2,13.6-4.2,20.8v78.4v2h2h18.6h2v-2v-78.7c0.4-8.1,3.8-15.7,9.5-21.3c5.8-5.7,13.4-9,21.5-9.3h41.2h2v-2V8505v-2h-2
+			H15906.5z"/>
+		<polygon class="st2" points="16003.4,8577.2 16001.4,8577.2 16001.4,8579.2 16001.4,8597.8 16001.4,8599.8 16003.4,8599.8 
+			16022,8599.8 16024,8599.8 16024,8597.8 16024,8579.2 16024,8577.2 16022,8577.2 		"/>
+		<polygon class="st2" points="16003.4,8540.1 16001.4,8540.1 16001.4,8542.1 16001.4,8560.7 16001.4,8562.7 16003.4,8562.7 
+			16022,8562.7 16024,8562.7 16024,8560.7 16024,8542.1 16024,8540.1 16022,8540.1 		"/>
+		<polygon class="st2" points="16022,8503 16003.4,8503 16001.4,8503 16001.4,8505 16001.4,8523.6 16001.4,8525.6 16003.4,8525.6 
+			16022,8525.6 16024,8525.6 16024,8523.6 16024,8505 16024,8503 		"/>
+		<polygon class="st2" points="16003.4,8614.3 16001.4,8614.3 16001.4,8616.3 16001.4,8634.9 16001.4,8636.9 16003.4,8636.9 
+			16022,8636.9 16024,8636.9 16024,8634.9 16024,8616.3 16024,8614.3 16022,8614.3 		"/>
+		<polygon class="st2" points="16003.4,8651.4 16001.4,8651.4 16001.4,8653.4 16001.4,8672 16001.4,8674 16003.4,8674 16022,8674 
+			16024,8674 16024,8672 16024,8653.4 16024,8651.4 16022,8651.4 		"/>
+		<polygon class="st2" points="15966.3,8651.4 15964.3,8651.4 15964.3,8653.4 15964.3,8672 15964.3,8674 15966.3,8674 15984.9,8674 
+			15986.9,8674 15986.9,8672 15986.9,8653.4 15986.9,8651.4 15984.9,8651.4 		"/>
+		<polygon class="st2" points="15929.2,8651.4 15927.2,8651.4 15927.2,8653.4 15927.2,8672 15927.2,8674 15929.2,8674 15947.8,8674 
+			15949.8,8674 15949.8,8672 15949.8,8653.4 15949.8,8651.4 15947.8,8651.4 		"/>
+		<polygon class="st2" points="15892.1,8651.4 15890.1,8651.4 15890.1,8653.4 15890.1,8672 15890.1,8674 15892.1,8674 15910.7,8674 
+			15912.7,8674 15912.7,8672 15912.7,8653.4 15912.7,8651.4 15910.7,8651.4 		"/>
+		<polygon class="st2" points="15855,8651.4 15853,8651.4 15853,8653.4 15853,8672 15853,8674 15855,8674 15873.6,8674 
+			15875.6,8674 15875.6,8672 15875.6,8653.4 15875.6,8651.4 15873.6,8651.4 		"/>
+	</g>
+</g>
+</svg>

docs/.vitepress/assets/img/sponsors/what-the-diff.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 82">
+  <polygon fill="#f87171"
+           points="80.7,11.2 72,45.6 59.1,11.2 42.9,11.2 30,45.6 21.3,11.2 0,11.2 10.2,45.6 20.8,81.2 39,81.2 51,45.6 63,81.2 81.2,81.2 91.8,45.6 102,11.2"></polygon>
+  <polyline fill="#fecaca" points="80.7,11.2 102,11.2 81.2,81.2 63,81.2 "></polyline>
+  <path fill="#111"
+    d="M162.7,37.5c1.5,3,2.3,6.4,2.3,10.2v33.5h-19.3V51.6c0-2.6-0.6-4.6-2-6.1c-1.3-1.5-3.2-2.2-5.7-2.2c-1.6,0-2.9,0.3-4.1,1 c-1.2,0.7-2.1,1.6-2.7,2.9c-0.6,1.2-1,2.7-1,4.5v29.5H111v-70h18.6v27.5h0.6c1.2-3.4,3.2-6,6-7.8c2.8-1.9,6.2-2.8,10.2-2.8 c3.8,0,7.1,0.8,9.9,2.5C159,32.2,161.2,34.5,162.7,37.5z M222.4,38.4c1.1,2.1,1.6,4.3,1.6,6.8v36h-17.5v-7.4h-0.4 c-1,2-2.3,3.5-3.8,4.8c-1.5,1.2-3.2,2.1-5.1,2.6c-1.9,0.5-4,0.8-6.2,0.8c-3.3,0-6.3-0.6-8.8-1.7c-2.5-1.1-4.5-2.8-6-5 c-1.4-2.3-2.2-5.1-2.2-8.6c0-2.9,0.5-5.3,1.5-7.4c1-2,2.3-3.7,4.1-5c1.7-1.3,3.8-2.3,6.1-3c2.3-0.7,4.8-1.1,7.5-1.3 c2.9-0.2,5.3-0.5,7-0.8c1.8-0.3,3.1-0.8,3.9-1.4c0.8-0.6,1.2-1.4,1.2-2.4v-0.1c0-1.4-0.5-2.4-1.6-3.1c-1-0.7-2.4-1.1-4-1.1 c-1.8,0-3.2,0.4-4.4,1.2s-1.8,2-2,3.6H176c0.2-3.2,1.2-6.1,3-8.8c1.8-2.7,4.4-4.9,7.9-6.5s7.8-2.4,13-2.4c3.7,0,7.1,0.4,10.1,1.3 c3,0.9,5.5,2.1,7.6,3.7C219.7,34.5,221.3,36.4,222.4,38.4z M205.4,58.2c-0.5,0.2-1,0.4-1.6,0.6c-0.6,0.2-1.1,0.4-1.8,0.5 c-0.6,0.2-1.3,0.3-2,0.4c-0.7,0.1-1.4,0.3-2.2,0.4c-1.4,0.2-2.6,0.6-3.5,1.1c-0.9,0.5-1.6,1.1-2,1.9c-0.4,0.7-0.7,1.6-0.7,2.5 c0,1.5,0.5,2.6,1.5,3.3c1,0.8,2.3,1.2,3.9,1.2c1.4,0,2.8-0.3,4-0.9c1.3-0.6,2.3-1.4,3.1-2.6c0.8-1.1,1.2-2.5,1.2-4.1V58.2z M265.2,67c-0.4,0.1-0.9,0.2-1.7,0.3c-0.8,0.1-1.4,0.2-2,0.2c-0.8,0-1.5-0.1-2-0.4c-0.5-0.2-0.9-0.6-1.2-1.1 c-0.3-0.5-0.4-1.1-0.4-1.8v-22h9.1V28.6h-9.1V16h-19.1v12.6H232v13.7h6.8v23.8c0,3.7,0.7,6.7,2.2,9.2c1.5,2.4,3.7,4.2,6.7,5.4 c3,1.1,6.7,1.6,11,1.4c2.2-0.1,4-0.4,5.6-0.7c1.6-0.4,2.8-0.7,3.7-0.9L265.2,67z"></path>
+  <path fill="#22c55e" d="M295,30V11.2h62V30h-19.7v51.2h-22.7V30H295z"></path>
+  <rect fill="#4ade80" x="295" y="11.2" width="42.3" height="18.8"></rect>
+  <path fill="#111"
+    d="M418.7,37.5c1.5,3,2.3,6.4,2.3,10.2v33.5h-19.3V51.6c0-2.6-0.6-4.6-2-6.1c-1.3-1.5-3.2-2.2-5.7-2.2c-1.6,0-2.9,0.3-4.1,1 c-1.2,0.7-2.1,1.6-2.7,2.9c-0.6,1.2-1,2.7-1,4.5v29.5H367v-70h18.6v27.5h0.6c1.2-3.4,3.2-6,6-7.8c2.8-1.9,6.2-2.8,10.2-2.8 c3.8,0,7.1,0.8,9.9,2.5C415,32.2,417.2,34.5,418.7,37.5z M448,59.2V60c0,1.7,0.4,3.2,1.1,4.5c0.7,1.3,1.8,2.4,3.1,3.1 c1.4,0.7,3,1.1,4.9,1.1c1.3,0,2.5-0.2,3.7-0.5c1.1-0.4,2.1-0.9,2.9-1.6c0.8-0.7,1.4-1.5,1.7-2.5H483c-0.6,3.6-2,6.8-4.3,9.5 c-2.3,2.7-5.3,4.7-9,6.2c-3.7,1.5-8.1,2.2-13,2.2c-5.7,0-10.7-1.1-14.8-3.2c-4.1-2.1-7.3-5.2-9.5-9.3c-2.2-4-3.3-8.9-3.3-14.5 c0-5.4,1.1-10.1,3.4-14.2c2.2-4,5.4-7.2,9.5-9.4c4.1-2.2,8.9-3.4,14.4-3.4c4.1,0,7.7,0.6,11,1.8c3.3,1.2,6.1,3,8.4,5.3 c2.3,2.3,4.1,5.2,5.4,8.5c1.3,3.3,1.9,7.1,1.9,11.2v4.4H448z M448,48.9h17.2c0-1.5-0.4-2.8-1.2-4c-0.8-1.1-1.8-2-3-2.7 c-1.3-0.6-2.7-1-4.3-1c-1.6,0-3,0.3-4.3,1c-1.3,0.6-2.3,1.5-3.1,2.7C448.5,46,448.1,47.3,448,48.9z"></path>
+  <path fill="#2563eb" d="M550,11.2h-1h-36v70h36h1c19.3,0,35-15.7,35-35v0C585,26.8,569.3,11.2,550,11.2z"></path>
+  <rect fill="#60a5fa" x="513" y="45.2" width="36" height="36"></rect>
+  <path fill="#111"
+    d="M595.7,20c-1.7-1.7-2.6-3.8-2.6-6.1c0-2.4,0.9-4.4,2.6-6.1c1.7-1.7,3.8-2.6,6.3-2.6c2.5,0,4.5,0.9,6.3,2.6 c1.7,1.7,2.6,3.8,2.6,6.1c0,2.4-0.9,4.4-2.6,6.1c-1.7,1.7-3.8,2.6-6.3,2.6C599.6,22.6,597.5,21.7,595.7,20z M687.7,25.8 c0-1.2,0.3-2.2,0.9-3c0.6-0.8,1.9-1.1,3.7-1.1c0.7,0,1.5,0.1,2.4,0.2c0.9,0.1,1.7,0.3,2.4,0.5L700,8.7c-1.1-0.3-2.8-0.6-5.2-1 c-2.3-0.4-4.7-0.6-7.1-0.6c-3.9,0-7.3,0.7-10.2,2.1c-2.9,1.4-5.1,3.6-6.7,6.5c-1.6,2.9-2.4,6.5-2.4,10.9v1.5h-3h-3.8h-15.4v-2.3 c0-1.2,0.3-2.2,0.9-3c0.6-0.8,1.9-1.1,3.7-1.1c0.7,0,1.5,0.1,2.4,0.2c0.9,0.1,1.7,0.3,2.4,0.5l2.8-13.7c-1.1-0.3-2.8-0.6-5.2-1 c-2.3-0.4-4.7-0.6-7.1-0.6c-3.9,0-7.3,0.7-10.2,2.1c-2.9,1.4-5.1,3.6-6.7,6.5c-1.6,2.9-2.4,6.5-2.4,10.9v1.5H620V42h6.9v39.2h19.3 V42h15.4h3.8h3v39.2h19.3V42h9.8V28.2h-9.8V25.8z M593,81.2h18V28.1h-18V81.2z"></path>
+</svg>

docs/.vitepress/components/CaptionedImage.vue

@@ -0,0 +1,33 @@
+<script lang="ts" setup>
+defineOptions({
+  inheritAttrs: false
+})
+</script>
+
+<template>
+  <figure class="rounded-md">
+    <img class="border-0 rounded-0" v-bind="$attrs" />
+    <figcaption>
+      <slot />
+    </figcaption>
+  </figure>
+</template>
+
+<style scoped lang="scss">
+figure {
+  margin: 1.5rem 0;
+  overflow: hidden;
+
+  img {
+    margin: 0;
+  }
+
+  figcaption {
+    background: rgb(66 141 185 / 5%);
+    text-align: center;
+    font-size: .85rem;
+    padding: .5rem;
+    font-style: italic;
+  }
+}
+</style>

docs/.vitepress/components/InterfaceIcon.vue

@@ -0,0 +1,33 @@
+<template>
+  <span>
+    <img class="inline border-0 rounded-0" :src="src">
+  </span>
+</template>
+
+<script lang="ts" setup>
+defineProps<{ src: string }>()
+</script>
+
+<style scoped>
+span {
+  width: 20px;
+  height: 20px;
+  background-color: var(--vp-code-bg);
+  border-bottom: 1px solid var(--vp-code-bg);
+  vertical-align: text-bottom;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 3px;
+  border-radius: 3px;
+}
+
+img {
+  html.dark & {
+    filter: invert(1);
+  }
+
+  border-radius: 0;
+}
+</style>

docs/.vitepress/components/MobileAppScreenshots.vue

@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <img class="rounded-2xl" :src="homeScreenshot" alt="Home screen">
+    <img class="rounded-2xl" :src="artistsScreenshot" alt="Artist screen">
+    <img class="rounded-2xl" :src="nowPlayingScreenshot" alt="Now playing screen">
+    <img class="rounded-2xl" :src="downloadedScreenshot" alt="Downloaded screen">
+  </div>
+</template>
+
+<script lang="ts" setup>
+import homeScreenshot from '../../assets/img/mobile/home.webp'
+import artistsScreenshot from '../../assets/img/mobile/artists.webp'
+import nowPlayingScreenshot from '../../assets/img/mobile/now-playing.webp'
+import downloadedScreenshot from '../../assets/img/mobile/downloaded.webp'
+</script>
+
+
+<style lang="scss" scoped>
+div {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-column-gap: 12px;
+  padding: 1rem 0;
+
+  img:nth-child(2), img:nth-child(4) {
+    margin-top: -10%;
+  }
+}
+</style>

docs/.vitepress/components/PlusBadge.vue

@@ -0,0 +1,25 @@
+<template>
+  <span title="Only available in Koel Plus" />
+</template>
+
+<script lang="ts" setup>
+</script>
+
+<style scoped lang="scss">
+span {
+  display: inline-block;
+
+  &::before {
+    padding: .25rem calc(0.375rem + 1px) .25rem .375rem;
+    line-height: 1;
+    border-radius: 5px;
+    background-image: linear-gradient(to top right, #ec4899, #ef4444, #7e22ce);
+    color: white;
+    font-size: .75rem;
+    text-transform: uppercase;
+    font-weight: bold;
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
+    content: 'Plus'
+  }
+}
+</style>

docs/.vitepress/components/SponsorLogo.vue

@@ -0,0 +1,33 @@
+<template>
+  <a :href="sponsor.url" :title="`${sponsor.name} – ${sponsor.slogan}`">
+    <img :alt="`${sponsor.name} logo`" :src="sponsor.logo" v-bind="$attrs">
+  </a>
+</template>
+
+<script setup lang="ts">
+interface Sponsor {
+  name: string
+  url: string
+  logo: string
+  slogan: string
+}
+
+const sponsor = defineProps<Sponsor>()
+
+defineOptions({
+  inheritAttrs: false
+})
+</script>
+
+<style scoped lang="scss">
+img {
+  opacity: 0.8;
+
+  &:hover {
+    opacity: 1;
+  }
+}
+.dark img {
+  filter: brightness(0) invert(1);
+}
+</style>

docs/.vitepress/components/Sponsors.vue

@@ -0,0 +1,89 @@
+<template>
+  <div class="sponsors">
+    <h3>Proudly sponsored by</h3>
+    <ul>
+      <li>
+        <SponsorLogo
+          :logo="renderLogo"
+          name="Render"
+          slogan="Cloud Hosting for Developers"
+          url="https://render.com"
+        />
+      </li>
+      <li>
+        <SponsorLogo
+          :logo="doLogo"
+          name="DigitalOcean"
+          slogan="Cloud Infrastructure for Developers"
+          url="https://www.digitalocean.com/?refcode=5860de5f25fe&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"
+        />
+      </li>
+      <li>
+        <SponsorLogo
+          :logo="keycdnLogo"
+          class="h-[32px]"
+          name="KeyCDN"
+          slogan="Content Delivery Made Easy"
+          url="https://www.keycdn.com/?a=11519"
+        />
+      </li>
+      <li>
+        <SponsorLogo
+          :logo="whatTheDiffLogo"
+          class="h-[22px]"
+          name="What The Diff"
+          slogan="AI powered changelog generation"
+          url="https://whatthediff.ai"
+        />
+      </li>
+      <li>
+        <a class="your-logo" href="mailto:me@phanan.net?subject=Sponsoring Koel">Your logo here</a>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import SponsorLogo from './SponsorLogo.vue'
+
+import keycdnLogo from '../../assets/img/sponsors/keycdn.svg'
+import renderLogo from '../../assets/img/sponsors/render.svg'
+import doLogo from '../../assets/img/sponsors/do.svg'
+import whatTheDiffLogo from '../../assets/img/sponsors/what-the-diff.svg'
+</script>
+
+<style lang="scss">
+div.sponsors {
+  border-left: 1px solid var(--vp-c-divider);
+  padding-left: 16px;
+  font-size: 13px;
+
+  h3 {
+    font-size: 14px;
+    font-weight: bold;
+    margin-bottom: 1rem;
+  }
+
+  ul {
+    width: 75%;
+  }
+
+  ul li + li {
+    margin-top: .75rem;
+  }
+
+  .your-logo {
+    margin-top: 1.5rem;
+    display: block;
+    text-align: center;
+    border-radius: 5px;
+    border: 1px solid var(--vp-c-border);
+    line-height: 2.75;
+    transition: .2s all;
+
+    &:hover {
+      border-color: var(--vp-c-brand-1);
+    }
+  }
+}
+</style>

docs/.vitepress/components/Themes.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="flex relative">
+    <img
+      v-for="theme in themes"
+      :key="theme.name"
+      :alt="`Theme - ${theme.name}`"
+      :src="theme.src"
+      class="theme"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import themeClassic from '../../assets/img/theme-classic.webp'
+import themeDawn from '../../assets/img/theme-dawn.webp'
+import themeJungle from '../../assets/img/theme-jungle.webp'
+import themeRose from '../../assets/img/theme-rose.webp'
+
+interface Theme {
+  src: string
+  name: string
+}
+
+const themes: Theme[] = [
+  { src: themeClassic, name: 'Classic' },
+  { src: themeDawn, name: 'Dawn' },
+  { src: themeJungle, name: 'Jungle' },
+  { src: themeRose, name: 'Rose' },
+]
+</script>
+
+
+<style lang="scss" scoped>
+div .theme + .theme {
+  margin-left: -100%;
+}
+
+.theme {
+  transition: clip-path .3s ease-in;
+  will-change: clip-path;
+
+  &:hover {
+    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
+  }
+
+  &:hover ~ & {
+    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%) !important;
+  }
+
+  &:has(~ &:hover) {
+    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%) !important;
+  }
+}
+
+.theme:nth-child(4) {
+  clip-path: polygon(50% 0, 100% 0, 100% 100%, 25% 100%);
+}
+
+.theme:nth-child(3) {
+  clip-path: polygon(calc(100% / 3) 0, calc(50% + 1px) 0, calc(25% + 1px) 100%, calc(100% / 12) 100%);
+}
+
+.theme:nth-child(2) {
+  clip-path: polygon(calc(100% / 6) 0, calc(100% / 3 + 1px) 0, calc(100% / 12 + 1px) 100%, calc(100% / -12) 100%);
+}
+
+.theme:nth-child(1) {
+  clip-path: polygon(0 0, calc(100% / 6 + 1px) 0, calc(100% / -12 + 1px) 100%, -25% 100%);
+}
+</style>

docs/.vitepress/components/UISubjectToChangeNote.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="tip custom-block">
+    <p class="custom-block-title">UI is subject to change</p>
+    <p>
+      The screenshots and descriptions in this document are based on the latest version of Koel at the time of writing.
+      As Koel is an ever-evolving project, the actual UI may differ slightly in newer versions.
+    </p>
+  </div>
+</template>
+
+<script lang="ts" setup>
+</script>

docs/.vitepress/config.mts

@@ -0,0 +1,91 @@
+import { defineConfig } from 'vitepress'
+
+// https://vitepress.dev/reference/site-config
+export default defineConfig({
+  title: "Koel",
+  description: "The official documentation for Koel, the music streaming solution that works",
+  head: [
+    [
+      'script',
+      {
+        defer: 'defer',
+        src: 'https://app.lemonsqueezy.com/js/lemon.js'
+      }
+    ],
+    ['link', { rel: 'icon', href: '/favicon.png', type: 'image/x-png' }]
+  ],
+  cleanUrls: true,
+  markdown: {
+    linkify: false,
+    image: {
+      lazyLoading: true
+    }
+  },
+  themeConfig: {
+    outline: {
+      level: 'deep'
+    },
+
+    logoLink: '/guide/what-is-koel',
+
+    // https://vitepress.dev/reference/default-theme-config
+    nav: [
+      { text: 'Home', link: 'https://koel.dev' },
+      { text: 'Getting Started', link: '/guide/getting-started' },
+      { text: 'Koel Plus', link: '/plus/what-is-koel-plus' },
+    ],
+
+    sidebar: [
+      {
+        text: 'Introduction',
+        items: [
+          { text: 'What is Koel?',  link: '/guide/what-is-koel' },
+          { text: 'Getting Started', link: '/guide/getting-started' },
+        ]
+      },
+      {
+        text: 'Usage',
+        items: [
+          { text: 'Music Discovery', link: '/usage/music-discovery' },
+          { text: 'Streaming Music', link: '/usage/streaming' },
+          { text: 'Using the Web Interface', link: '/usage/web-interface' },
+          { text: 'Instant Search', link: '/usage/search' },
+          { text: 'Themes', link: '/usage/themes' },
+          { text: 'Artist, Album, & Playlist Arts', link: '/usage/artist-album-playlist-arts' },
+          { text: 'User Management', link: '/usage/user-management' },
+          { text: 'Profile & Preferences', link: '/usage/profile-preferences' },
+          { text: 'Remote Controller', link: '/usage/remote-controller' },
+        ]
+      },
+      {
+        text: 'Koel Plus',
+        items: [
+          { text: 'What is Koel Plus?', link: '/plus/what-is-koel-plus' },
+          { text: 'Purchase & Activation', link: '/plus/purchase-activation' },
+          { text: 'Storage Support', link: '/plus/storage-support' },
+          { text: 'Collaboration', link: '/plus/collaboration' },
+        ]
+      },
+      {
+        text: 'Service Integrations',
+        link: '/service-integrations.md'
+      },
+      {
+        text: 'Mobile Apps',
+        link: '/mobile-apps'
+      },
+      {
+        text: 'CLI Commands',
+        link: '/cli-commands'
+      },
+      {
+        text: 'Local Development',
+        link: '/development'
+      }
+    ],
+
+    socialLinks: [
+      { icon: 'github', link: 'https://github.com/koel/koel' }
+    ]
+  }
+})

docs/.vitepress/layout/Layout.vue

@@ -0,0 +1,22 @@
+<template>
+  <BaseLayout>
+    <template #aside-outline-after>
+      <nav class="aside-outline-after">
+      <Sponsors />
+      </nav>
+    </template>
+  </BaseLayout>
+</template>
+
+<script setup>
+import DefaultTheme from 'vitepress/theme'
+import Sponsors from '../components/Sponsors.vue'
+
+const { Layout: BaseLayout } = DefaultTheme
+</script>
+
+<style lang="scss">
+.aside-outline-after {
+  margin-top: 1.5rem;
+}
+</style>

docs/.vitepress/theme/custom.scss

@@ -0,0 +1,85 @@
+:root {
+  --vp-c-brand-1: #e541b6;
+  --vp-c-brand-2: #d80693;
+}
+
+.dark {
+  --vp-c-brand-1: #ff9be3;
+  --vp-c-brand-2: #ff6ecf;
+}
+
+.vp-doc {
+  kbd {
+    background-color: var(--vp-code-bg);
+    font-size: var(--vp-code-font-size);
+    border-bottom: 1px solid var(--vp-code-bg);
+    padding: 3px 6px;
+    border-radius: 4px;
+  }
+
+  h4 {
+    margin-top: 1.2rem;
+  }
+
+  h4 + ol, h4 + ul {
+    padding-left: 2.5rem;
+  }
+
+  img, video, figure {
+    border-radius: .375rem; // md
+    display: block;
+    outline: 1px solid rgba(99, 102, 241, .25);
+  }
+
+  .border-0 {
+    outline: 0;
+  }
+
+  .rounded {
+    border-radius: .25rem;
+
+    &-0 {
+      border-radius: 0;
+    }
+
+    &-sm {
+      border-radius: .2rem;
+    }
+
+    &-md {
+      border-radius: .375rem;
+    }
+
+    &-lg {
+      border-radius: .5rem;
+    }
+
+    &-xl {
+      border-radius: .75rem;
+    }
+
+    &-2xl {
+      border-radius: 1rem;
+    }
+
+    &-3xl {
+      border-radius: 1.5rem;
+    }
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  .inline {
+    display: inline;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .relative {
+    position: relative;
+  }
+}

docs/.vitepress/theme/index.ts

@@ -0,0 +1,23 @@
+import { Theme } from 'vitepress'
+import DefaultTheme from 'vitepress/theme'
+import UISubjectToChangeNote from '../components/UISubjectToChangeNote.vue'
+import InterfaceIcon from '../components/InterfaceIcon.vue'
+import Themes from '../components/Themes.vue'
+import MobileAppScreenshots from '../components/MobileAppScreenshots.vue'
+import PlusBadge from '../components/PlusBadge.vue'
+import CaptionedImage from '../components/CaptionedImage.vue'
+import Layout from '../layout/Layout.vue'
+import './custom.scss'
+
+export default {
+  Layout,
+  extends: DefaultTheme,
+  enhanceApp({ app }) {
+    app.component('InterfaceIcon', InterfaceIcon)
+    app.component('Themes', Themes)
+    app.component('UISubjectToChangeNote', UISubjectToChangeNote)
+    app.component('MobileAppScreenshots', MobileAppScreenshots)
+    app.component('PlusBadge', PlusBadge)
+    app.component('CaptionedImage', CaptionedImage)
+  }
+} satisfies Theme

docs/api-examples.md

@@ -0,0 +1,49 @@
+---
+outline: deep
+---
+
+# Runtime API Examples
+
+This page demonstrates usage of some of the runtime APIs provided by VitePress.
+
+The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:
+
+```md
+<script setup>
+import { useData } from 'vitepress'
+
+const { theme, page, frontmatter } = useData()
+</script>
+
+## Results
+
+### Theme Data
+<pre>{{ theme }}</pre>
+
+### Page Data
+<pre>{{ page }}</pre>
+
+### Page Frontmatter
+<pre>{{ frontmatter }}</pre>
+```
+
+<script setup>
+import { useData } from 'vitepress'
+
+const { site, theme, page, frontmatter } = useData()
+</script>
+
+## Results
+
+### Theme Data
+<pre>{{ theme }}</pre>
+
+### Page Data
+<pre>{{ page }}</pre>
+
+### Page Frontmatter
+<pre>{{ frontmatter }}</pre>
+
+## More
+
+Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).

docs/assets/icons/bolt.svg

@@ -0,0 +1 @@
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M349.4 44.6c5.9-13.7 1.5-29.7-10.6-38.5s-28.6-8-39.9 1.8l-256 224c-10 8.8-13.6 22.9-8.9 35.3S50.7 288 64 288H175.5L98.6 467.4c-5.9 13.7-1.5 29.7 10.6 38.5s28.6 8 39.9-1.8l256-224c10-8.8 13.6-22.9 8.9-35.3s-16.6-20.7-30-20.7H272.5L349.4 44.6z"></path></svg>

docs/assets/icons/expand.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg>

docs/assets/icons/filter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z"></path></svg>

docs/assets/icons/heart.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"></path></svg>

docs/assets/icons/info.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-144c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z"/></svg>

docs/assets/icons/plus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM232 344V280H168c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"></path></svg>

docs/assets/icons/repeat.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M0 224c0 17.7 14.3 32 32 32s32-14.3 32-32c0-53 43-96 96-96H320v32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S320 19.1 320 32V64H160C71.6 64 0 135.6 0 224zm512 64c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 53-43 96-96 96H192V352c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V448H352c88.4 0 160-71.6 160-160z"></path></svg>

docs/assets/icons/shuffle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M403.8 34.4c12-5 25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6V160H352c-10.1 0-19.6 4.7-25.6 12.8L284 229.3 244 176l31.2-41.6C293.3 110.2 321.8 96 352 96h32V64c0-12.9 7.8-24.6 19.8-29.6zM164 282.7L204 336l-31.2 41.6C154.7 401.8 126.2 416 96 416H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H96c10.1 0 19.6-4.7 25.6-12.8L164 282.7zm274.6 188c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6V416H352c-30.2 0-58.7-14.2-76.8-38.4L121.6 172.8c-6-8.1-15.5-12.8-25.6-12.8H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H96c30.2 0 58.7 14.2 76.8 38.4L326.4 339.2c6 8.1 15.5 12.8 25.6 12.8h32V320c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64z"></path></svg>

docs/assets/icons/sliders.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M0 416c0-17.7 14.3-32 32-32l54.7 0c12.3-28.3 40.5-48 73.3-48s61 19.7 73.3 48L480 384c17.7 0 32 14.3 32 32s-14.3 32-32 32l-246.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 448c-17.7 0-32-14.3-32-32zm192 0c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zM384 256c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zm-32-80c32.8 0 61 19.7 73.3 48l54.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-54.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l246.7 0c12.3-28.3 40.5-48 73.3-48zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32zm73.3 0L480 64c17.7 0 32 14.3 32 32s-14.3 32-32 32l-214.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 128C14.3 128 0 113.7 0 96S14.3 64 32 64l86.7 0C131 35.7 159.2 16 192 16s61 19.7 73.3 48z"></path></svg>

docs/assets/icons/volume.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path class="" fill="currentColor" d="M533.6 32.5C598.5 85.3 640 165.8 640 256s-41.5 170.8-106.4 223.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C557.5 398.2 592 331.2 592 256s-34.5-142.2-88.7-186.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM473.1 107c43.2 35.2 70.9 88.9 70.9 149s-27.7 113.8-70.9 149c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C475.3 341.3 496 301.1 496 256s-20.7-85.3-53.2-111.8c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zm-60.5 74.5C434.1 199.1 448 225.9 448 256s-13.9 56.9-35.4 74.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C393.1 284.4 400 271 400 256s-6.9-28.4-17.7-37.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM301.1 34.8C312.6 40 320 51.4 320 64V448c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h67.8L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3z"></path></svg>