diff --git a/public/assets/pipewire-logo-small.svg b/public/assets/pipewire-logo-small.svg
new file mode 100644
index 0000000..d81f547
--- /dev/null
+++ b/public/assets/pipewire-logo-small.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="60"
+   height="26"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="page-logo-i.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="true"
+     width="137px"
+     inkscape:current-layer="svg10"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5602" />
+    <sodipodi:guide
+       position="60,11"
+       orientation="0,-1"
+       id="guide140" />
+  </sodipodi:namedview>
+  <rect
+     style="fill:#1a5fb4;fill-opacity:1;stroke:none;stop-color:#000000"
+     id="rect5604"
+     width="35"
+     height="26"
+     x="0"
+     y="0" />
+  <g
+     id="g905"
+     transform="matrix(1.6344262e-4,0,0,1.6344267e-4,17.621336,14.952499)"
+     style="fill:#99c1f1">
+    <path
+       inkscape:connector-curvature="0"
+       inkscape:label="#path847"
+       id="pwlogo"
+       d="m -48643.062,-46768.757 c -2253.211,0 -4416.886,896.109 -6010.147,2489.369 -1593.261,1593.261 -2489.367,3756.934 -2489.367,6010.146 0,2253.213 896.106,4416.886 2489.367,6010.146 455.029,455.028 960.45,845.756 1497.315,1182.43 v 62202.843 c -536.865,336.68 -1042.286,727.4 -1497.315,1182.43 -1593.261,1593.27 -2489.367,3756.94 -2489.367,6010.15 0,2253.21 896.106,4416.89 2489.367,6010.14 1593.261,1593.26 3756.936,2489.37 6010.147,2489.37 2253.211,0 4416.886,-896.11 6010.146,-2489.37 1593.261,-1593.25 2489.366,-3756.93 2489.366,-6010.14 0,-2253.21 -896.105,-4416.88 -2489.366,-6010.15 -674.305,-674.3 -1455.214,-1214.74 -2297.384,-1624.23 V 14192.22 L -15595.291,-2744.1518 V -28449.938 l -6974.885,-6974.889 c 322.287,-906.041 501.247,-1865.022 501.247,-2844.415 0,-2253.212 -896.104,-4416.885 -2489.369,-6010.146 -1593.261,-1593.26 -3756.933,-2489.369 -6010.146,-2489.369 -2253.208,0 -4416.885,896.109 -6010.146,2489.369 -1593.261,1593.261 -2489.365,3756.934 -2489.365,6010.146 0,2253.213 896.104,4416.886 2489.365,6010.146 1593.261,1593.261 3756.938,2489.366 6010.146,2489.366 616.344,0 1224.738,-73.192 1817.828,-203.23 l 4929.73,4929.735 V -7493.1458 L -44930.3,4694.2292 V -30634.861 c 842.17,-409.491 1623.079,-949.929 2297.384,-1624.235 1593.261,-1593.26 2489.366,-3756.933 2489.366,-6010.146 0,-2253.212 -896.105,-4416.885 -2489.366,-6010.146 -1593.26,-1593.26 -3756.935,-2489.369 -6010.146,-2489.369 z m 43891.2601,0 c -2253.212,0 -4416.885,896.109 -6010.1461,2489.369 -1593.261,1593.261 -2489.369,3756.934 -2489.369,6010.146 0,2253.213 896.108,4416.886 2489.369,6010.146 811.1511,811.151 1771.3331,1438.493 2814.6961,1862.004 V 15148.93 L 18594.75,-175.25784 V 14136.79 L 53884.48,-5951.6528 V -30886.289 c 657.64,-373.491 1271.55,-828.943 1815.41,-1372.807 1593.26,-1593.26 2489.37,-3756.933 2489.37,-6010.146 0,-2253.212 -896.11,-4416.885 -2489.37,-6010.146 -1593.27,-1593.26 -3756.94,-2489.369 -6010.15,-2489.369 -2253.21,0 -4416.89,896.109 -6010.14,2489.369 -1593.27,1593.261 -2489.37,3756.934 -2489.37,6010.146 0,2253.213 896.1,4416.886 2489.37,6010.146 589.35,589.352 1258.19,1081.489 1979.28,1470.005 v 20054.707 L 26820.34,-9.7828422 V -31018.026 c 573.62,-349.065 1112.92,-758.675 1595.32,-1241.07 1593.25,-1593.26 2489.36,-3756.933 2489.36,-6010.146 0,-2253.212 -896.11,-4416.885 -2489.36,-6010.146 -1593.27,-1593.26 -3756.94,-2489.369 -6010.15,-2489.369 -2253.22,0 -4416.088,896.109 -6009.338,2489.369 -1593.263,1593.261 -2490.174,3756.934 -2490.174,6010.146 0,2253.213 896.911,4416.886 2490.174,6010.146 648.23,648.235 1393.9,1173.604 2198.578,1577.645 V -9674.0548 L 278.34317,901.13616 V -31419.665 c 345.23198,-253.464 673.54398,-532.974 980.00093,-839.431 1593.261,-1593.26 2489.365,-3756.933 2489.365,-6010.146 0,-2253.212 -896.104,-4416.885 -2489.365,-6010.146 -1593.26094,-1593.26 -3756.937,-2489.369 -6010.146,-2489.369 z m -43891.2601,5140.997 c 891.709,0 1743.965,352.685 2374.498,983.218 630.533,630.533 984.017,1483.593 984.017,2375.3 0,891.708 -353.484,1743.962 -984.017,2374.499 -630.533,630.533 -1482.789,984.016 -2374.498,984.016 -891.709,0 -1743.964,-353.483 -2374.498,-984.016 -630.533,-630.537 -984.019,-1482.791 -984.019,-2374.499 0,-891.707 353.486,-1744.767 984.019,-2375.3 630.534,-630.533 1482.789,-983.218 2374.498,-983.218 z m 18074.618,0 c 891.712,0 1743.966,352.685 2374.499,983.218 630.533,630.533 984.02,1483.593 984.02,2375.3 0,891.708 -353.487,1743.962 -984.02,2374.499 -630.533,630.533 -1482.787,984.016 -2374.499,984.016 -891.708,0 -1743.962,-353.483 -2374.495,-984.016 -630.533,-630.537 -984.019,-1482.791 -984.019,-2374.499 0,-891.707 353.486,-1744.767 984.019,-2375.3 630.533,-630.533 1482.787,-983.218 2374.495,-983.218 z m 25816.6421,0 c 891.708,0 1743.962,352.685 2374.499,983.218 630.533,630.533 984.0161,1483.593 984.0161,2375.3 0,891.708 -353.4831,1743.962 -984.0161,2374.499 -630.537,630.533 -1482.791,984.016 -2374.499,984.016 -891.712,0 -1743.966,-353.483 -2374.499,-984.016 -630.533,-630.537 -984.019,-1482.791 -984.019,-2374.499 0,-891.707 353.486,-1744.767 984.019,-2375.3 630.533,-630.533 1482.787,-983.218 2374.499,-983.218 z m 27157.3119,0 c 891.71,0 1744.77,352.685 2375.3,983.218 630.54,630.533 983.22,1483.593 983.22,2375.3 0,891.708 -352.68,1743.962 -983.22,2374.499 -630.53,630.533 -1483.59,984.016 -2375.3,984.016 -891.71,0 -1743.96,-353.483 -2374.5,-984.016 -630.53,-630.537 -984.02,-1482.791 -984.02,-2374.499 0,-891.707 353.49,-1744.767 984.02,-2375.3 630.54,-630.533 1482.79,-983.218 2374.5,-983.218 z m 27284.23,0 c 891.71,0 1744.77,352.685 2375.3,983.218 630.54,630.533 983.22,1483.593 983.22,2375.3 0,891.708 -352.68,1743.962 -983.22,2374.499 -630.53,630.533 -1483.59,984.016 -2375.3,984.016 -891.7,0 -1743.96,-353.483 -2374.5,-984.016 -630.53,-630.537 -984.01,-1482.791 -984.01,-2374.499 0,-891.707 353.48,-1744.767 984.01,-2375.3 630.54,-630.533 1482.8,-983.218 2374.5,-983.218 z m -98332.802,76587.997 c 891.709,0 1743.965,353.49 2374.498,984.02 630.533,630.53 984.017,1482.79 984.017,2374.5 0,891.7 -353.484,1743.96 -984.017,2374.5 -630.533,630.53 -1482.789,984.01 -2374.498,984.01 -891.709,0 -1743.964,-353.48 -2374.498,-984.01 -630.533,-630.54 -984.019,-1482.8 -984.019,-2374.5 0,-891.71 353.486,-1743.97 984.019,-2374.5 630.534,-630.53 1482.789,-984.02 2374.498,-984.02 z"
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#99c1f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5141;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+  </g>
+</svg>
diff --git a/public/assets/pipewire-logo.svg b/public/assets/pipewire-logo.svg
new file mode 100644
index 0000000..df95cfc
--- /dev/null
+++ b/public/assets/pipewire-logo.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="130"
+   height="26"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="page-logo-i.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="true"
+     width="137px"
+     inkscape:current-layer="svg10"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5602" />
+    <sodipodi:guide
+       position="60,11"
+       orientation="0,-1"
+       id="guide140" />
+  </sodipodi:namedview>
+  <rect
+     style="fill:#1a5fb4;fill-opacity:1;stroke:none;stop-color:#000000"
+     id="rect5604"
+     width="35"
+     height="26"
+     x="0"
+     y="0" />
+  <g
+     id="g905"
+     transform="matrix(1.6344262e-4,0,0,1.6344267e-4,17.621336,14.952499)"
+     style="fill:#99c1f1">
+    <path
+       inkscape:connector-curvature="0"
+       inkscape:label="#path847"
+       id="pwlogo"
+       d="m -48643.062,-46768.757 c -2253.211,0 -4416.886,896.109 -6010.147,2489.369 -1593.261,1593.261 -2489.367,3756.934 -2489.367,6010.146 0,2253.213 896.106,4416.886 2489.367,6010.146 455.029,455.028 960.45,845.756 1497.315,1182.43 v 62202.843 c -536.865,336.68 -1042.286,727.4 -1497.315,1182.43 -1593.261,1593.27 -2489.367,3756.94 -2489.367,6010.15 0,2253.21 896.106,4416.89 2489.367,6010.14 1593.261,1593.26 3756.936,2489.37 6010.147,2489.37 2253.211,0 4416.886,-896.11 6010.146,-2489.37 1593.261,-1593.25 2489.366,-3756.93 2489.366,-6010.14 0,-2253.21 -896.105,-4416.88 -2489.366,-6010.15 -674.305,-674.3 -1455.214,-1214.74 -2297.384,-1624.23 V 14192.22 L -15595.291,-2744.1518 V -28449.938 l -6974.885,-6974.889 c 322.287,-906.041 501.247,-1865.022 501.247,-2844.415 0,-2253.212 -896.104,-4416.885 -2489.369,-6010.146 -1593.261,-1593.26 -3756.933,-2489.369 -6010.146,-2489.369 -2253.208,0 -4416.885,896.109 -6010.146,2489.369 -1593.261,1593.261 -2489.365,3756.934 -2489.365,6010.146 0,2253.213 896.104,4416.886 2489.365,6010.146 1593.261,1593.261 3756.938,2489.366 6010.146,2489.366 616.344,0 1224.738,-73.192 1817.828,-203.23 l 4929.73,4929.735 V -7493.1458 L -44930.3,4694.2292 V -30634.861 c 842.17,-409.491 1623.079,-949.929 2297.384,-1624.235 1593.261,-1593.26 2489.366,-3756.933 2489.366,-6010.146 0,-2253.212 -896.105,-4416.885 -2489.366,-6010.146 -1593.26,-1593.26 -3756.935,-2489.369 -6010.146,-2489.369 z m 43891.2601,0 c -2253.212,0 -4416.885,896.109 -6010.1461,2489.369 -1593.261,1593.261 -2489.369,3756.934 -2489.369,6010.146 0,2253.213 896.108,4416.886 2489.369,6010.146 811.1511,811.151 1771.3331,1438.493 2814.6961,1862.004 V 15148.93 L 18594.75,-175.25784 V 14136.79 L 53884.48,-5951.6528 V -30886.289 c 657.64,-373.491 1271.55,-828.943 1815.41,-1372.807 1593.26,-1593.26 2489.37,-3756.933 2489.37,-6010.146 0,-2253.212 -896.11,-4416.885 -2489.37,-6010.146 -1593.27,-1593.26 -3756.94,-2489.369 -6010.15,-2489.369 -2253.21,0 -4416.89,896.109 -6010.14,2489.369 -1593.27,1593.261 -2489.37,3756.934 -2489.37,6010.146 0,2253.213 896.1,4416.886 2489.37,6010.146 589.35,589.352 1258.19,1081.489 1979.28,1470.005 v 20054.707 L 26820.34,-9.7828422 V -31018.026 c 573.62,-349.065 1112.92,-758.675 1595.32,-1241.07 1593.25,-1593.26 2489.36,-3756.933 2489.36,-6010.146 0,-2253.212 -896.11,-4416.885 -2489.36,-6010.146 -1593.27,-1593.26 -3756.94,-2489.369 -6010.15,-2489.369 -2253.22,0 -4416.088,896.109 -6009.338,2489.369 -1593.263,1593.261 -2490.174,3756.934 -2490.174,6010.146 0,2253.213 896.911,4416.886 2490.174,6010.146 648.23,648.235 1393.9,1173.604 2198.578,1577.645 V -9674.0548 L 278.34317,901.13616 V -31419.665 c 345.23198,-253.464 673.54398,-532.974 980.00093,-839.431 1593.261,-1593.26 2489.365,-3756.933 2489.365,-6010.146 0,-2253.212 -896.104,-4416.885 -2489.365,-6010.146 -1593.26094,-1593.26 -3756.937,-2489.369 -6010.146,-2489.369 z m -43891.2601,5140.997 c 891.709,0 1743.965,352.685 2374.498,983.218 630.533,630.533 984.017,1483.593 984.017,2375.3 0,891.708 -353.484,1743.962 -984.017,2374.499 -630.533,630.533 -1482.789,984.016 -2374.498,984.016 -891.709,0 -1743.964,-353.483 -2374.498,-984.016 -630.533,-630.537 -984.019,-1482.791 -984.019,-2374.499 0,-891.707 353.486,-1744.767 984.019,-2375.3 630.534,-630.533 1482.789,-983.218 2374.498,-983.218 z m 18074.618,0 c 891.712,0 1743.966,352.685 2374.499,983.218 630.533,630.533 984.02,1483.593 984.02,2375.3 0,891.708 -353.487,1743.962 -984.02,2374.499 -630.533,630.533 -1482.787,984.016 -2374.499,984.016 -891.708,0 -1743.962,-353.483 -2374.495,-984.016 -630.533,-630.537 -984.019,-1482.791 -984.019,-2374.499 0,-891.707 353.486,-1744.767 984.019,-2375.3 630.533,-630.533 1482.787,-983.218 2374.495,-983.218 z m 25816.6421,0 c 891.708,0 1743.962,352.685 2374.499,983.218 630.533,630.533 984.0161,1483.593 984.0161,2375.3 0,891.708 -353.4831,1743.962 -984.0161,2374.499 -630.537,630.533 -1482.791,984.016 -2374.499,984.016 -891.712,0 -1743.966,-353.483 -2374.499,-984.016 -630.533,-630.537 -984.019,-1482.791 -984.019,-2374.499 0,-891.707 353.486,-1744.767 984.019,-2375.3 630.533,-630.533 1482.787,-983.218 2374.499,-983.218 z m 27157.3119,0 c 891.71,0 1744.77,352.685 2375.3,983.218 630.54,630.533 983.22,1483.593 983.22,2375.3 0,891.708 -352.68,1743.962 -983.22,2374.499 -630.53,630.533 -1483.59,984.016 -2375.3,984.016 -891.71,0 -1743.96,-353.483 -2374.5,-984.016 -630.53,-630.537 -984.02,-1482.791 -984.02,-2374.499 0,-891.707 353.49,-1744.767 984.02,-2375.3 630.54,-630.533 1482.79,-983.218 2374.5,-983.218 z m 27284.23,0 c 891.71,0 1744.77,352.685 2375.3,983.218 630.54,630.533 983.22,1483.593 983.22,2375.3 0,891.708 -352.68,1743.962 -983.22,2374.499 -630.53,630.533 -1483.59,984.016 -2375.3,984.016 -891.7,0 -1743.96,-353.483 -2374.5,-984.016 -630.53,-630.537 -984.01,-1482.791 -984.01,-2374.499 0,-891.707 353.48,-1744.767 984.01,-2375.3 630.54,-630.533 1482.8,-983.218 2374.5,-983.218 z m -98332.802,76587.997 c 891.709,0 1743.965,353.49 2374.498,984.02 630.533,630.53 984.017,1482.79 984.017,2374.5 0,891.7 -353.484,1743.96 -984.017,2374.5 -630.533,630.53 -1482.789,984.01 -2374.498,984.01 -891.709,0 -1743.964,-353.48 -2374.498,-984.01 -630.533,-630.54 -984.019,-1482.8 -984.019,-2374.5 0,-891.71 353.486,-1743.97 984.019,-2374.5 630.534,-630.53 1482.789,-984.02 2374.498,-984.02 z"
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#99c1f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5141;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+  </g>
+  <g
+     aria-label="pipewire"
+     id="text58"
+     style="font-weight:900;font-size:17.6016px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Heavy';text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;stroke-width:0.213254">
+    <path
+       d="m 43.871327,21.496245 h 3.450314 v -5.17547 h 0.05 c 0.400037,0.975088 1.325121,1.700154 2.675244,1.700154 2.050186,0 3.775343,-1.600145 3.775343,-4.925448 0,-3.4753157 -1.850168,-4.9254476 -3.750341,-4.9254476 -1.42513,0 -2.325211,0.8250751 -2.700246,1.8001637 h -0.07501 V 8.2950448 h -3.425312 z m 3.375307,-8.400764 c 0,-1.425129 0.575052,-2.275207 1.525139,-2.275207 0.950086,0 1.500136,0.850078 1.500136,2.275207 0,1.42513 -0.55005,2.275207 -1.500136,2.275207 -0.950087,0 -1.525139,-0.875079 -1.525139,-2.275207 z"
+       id="path26"
+       style="fill:#ffffff" />
+    <path
+       d="m 55.272342,17.895918 h 3.450314 V 8.2950448 H 55.272342 Z M 56.997499,7.2949539 c 0.937586,0 1.700155,-0.7063143 1.700155,-1.5751433 0,-0.868829 -0.762569,-1.5751432 -1.700155,-1.5751432 -0.937585,0 -1.700154,0.7063142 -1.700154,1.5751432 0,0.868829 0.762569,1.5751433 1.700154,1.5751433 z"
+       id="path28"
+       style="fill:#ffffff" />
+    <path
+       d="m 60.472806,21.496245 h 3.450313 v -5.17547 h 0.05 c 0.400036,0.975088 1.325121,1.700154 2.675243,1.700154 2.050187,0 3.775344,-1.600145 3.775344,-4.925448 0,-3.4753157 -1.850169,-4.9254476 -3.750341,-4.9254476 -1.42513,0 -2.325212,0.8250751 -2.700246,1.8001637 h -0.07501 V 8.2950448 h -3.425311 z m 3.375307,-8.400764 c 0,-1.425129 0.575052,-2.275207 1.525138,-2.275207 0.950087,0 1.500137,0.850078 1.500137,2.275207 0,1.42513 -0.55005,2.275207 -1.500137,2.275207 -0.950086,0 -1.525138,-0.875079 -1.525138,-2.275207 z"
+       id="path30"
+       style="fill:#ffffff" />
+    <path
+       d="m 76.47424,18.070934 c 2.662742,0 4.375398,-1.275116 4.700428,-3.275298 h -3.150287 c -0.200018,0.543799 -0.76882,0.850077 -1.475134,0.850077 -1.025093,0 -1.625148,-0.675061 -1.625148,-1.600145 v -0.150014 h 6.250569 v -0.800073 c 0,-3.056528 -1.875171,-4.9254476 -4.775435,-4.9254476 -2.97527,0 -4.875443,1.9751796 -4.875443,4.9504506 0,3.106532 1.875171,4.95045 4.95045,4.95045 z m -1.550141,-6.075553 c 0.01875,-0.831325 0.706315,-1.400127 1.550141,-1.400127 0.856328,0 1.506387,0.575052 1.525139,1.400127 z"
+       id="path32"
+       style="fill:#ffffff" />
+    <path
+       d="m 84.149916,17.895918 h 3.725339 l 1.350122,-5.150468 h 0.100009 l 1.350123,5.150468 h 3.725339 L 96.801066,8.2950448 H 93.350752 L 92.300657,14.095572 H 92.22565 L 90.950534,8.2950448 H 87.60023 l -1.225112,5.8505322 h -0.07501 l -1.1001,-5.8505322 h -3.450314 z"
+       id="path34"
+       style="fill:#ffffff" />
+    <path
+       d="m 97.851128,17.895918 h 3.450312 V 8.2950448 H 97.851128 Z M 99.576285,7.2949539 c 0.937585,0 1.700155,-0.7063143 1.700155,-1.5751433 0,-0.868829 -0.76257,-1.5751432 -1.700155,-1.5751432 -0.937585,0 -1.700154,0.7063142 -1.700154,1.5751432 0,0.868829 0.762569,1.5751433 1.700154,1.5751433 z"
+       id="path36"
+       style="fill:#ffffff" />
+    <path
+       d="m 103.05159,17.895918 h 3.45032 v -5.000455 c 0,-1.1001 0.75632,-1.825166 1.77516,-1.825166 0.35628,0 0.93133,0.05626 1.27512,0.175016 V 8.3012954 c -0.27503,-0.081257 -0.57506,-0.131262 -0.87508,-0.131262 -1.0251,0 -1.82517,0.6000546 -2.1752,1.9501776 H 106.4019 V 8.2950448 h -3.35031 z"
+       id="path38"
+       style="fill:#ffffff" />
+    <path
+       d="m 114.72763,18.070934 c 2.66274,0 4.3754,-1.275116 4.70043,-3.275298 h -3.15029 c -0.20002,0.543799 -0.76882,0.850077 -1.47514,0.850077 -1.02509,0 -1.62514,-0.675061 -1.62514,-1.600145 v -0.150014 h 6.25057 v -0.800073 c 0,-3.056528 -1.87518,-4.9254476 -4.77544,-4.9254476 -2.97527,0 -4.87544,1.9751796 -4.87544,4.9504506 0,3.106532 1.87517,4.95045 4.95045,4.95045 z m -1.55014,-6.075553 c 0.0187,-0.831325 0.70631,-1.400127 1.55014,-1.400127 0.85633,0 1.50638,0.575052 1.52514,1.400127 z"
+       id="path40"
+       style="fill:#ffffff" />
+  </g>
+</svg>
diff --git a/public/assets/sway-logo.svg b/public/assets/sway-logo.svg
new file mode 100644
index 0000000..1aa9f2a
--- /dev/null
+++ b/public/assets/sway-logo.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<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="1589.1 -0.1 410.9 383.1" enable-background="new 1589.1 -0.1 410.9 383.1" xml:space="preserve">
+<polygon fill="#FF4040" points="1794.4,383 1589.1,304.6 1589.1,273.2 1794.4,291.5 1999.9,273.2 1999.9,304.6 "/>
+<path fill="#AFA137" d="M1794.4,351.4l-205.3-78.2c0,0,13.6-5.3,16.2-6.2c12.2-4.5,25-8.3,36.8-13.4c24.5-10.9,51.4-17.8,78.2-18.2
+	c15.4-0.2,29.8,4.5,44.8,2.2c17.4-2.9,34.1-9.4,51.6-12.9c31.6-6,62.3,2.2,91.5,13.8c30,11.8,59.2,22.3,89.3,33.8
+	c0.9,0.4,1.6,0.5,2.5,0.9L1794.4,351.4z"/>
+<g>
+	<g>
+		<path fill="#C6ADAC" d="M1656.3,277.2c-2.5-57,55.2-87.7,97.8-111.1c37.2-20.3,83.7-46.8,74.1-96.4c-2-10.3-17.8-6-15.8,4.4
+			c4.4,22.7-8.5,39.9-25.8,53c-20.3,15.4-43.7,26.3-65.9,38.8c-40.8,23.2-83.1,59.9-81,111.3
+			C1640.5,287.7,1656.8,287.7,1656.3,277.2L1656.3,277.2z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path fill="#C6ADAC" d="M1728,183.7c56.6,11.8,116.4-5.1,158.3-45c7.6-7.3-4-18.9-11.6-11.6c-37.4,35.8-91.7,51.4-142.3,40.8
+			C1722,165.9,1717.6,181.5,1728,183.7L1728,183.7z"/>
+	</g>
+</g>
+<g>
+	<path fill="#68751C" d="M1727.8,64.8c14.9,3.6,40.1-13.6,51.4-19.1c14.5-7.1,29.6-12.5,44.3-19.1c5.6-2.5,24-8.3,24.1-16.5
+		c0.4-10.2-19.1-10.7-25.4-10c-12.9,1.3-25.4,5.3-37.8,8.9c-12.7,3.8-25,8.9-36.8,15.2c-8.9,4.7-21.1,13.1-26.3,21.8
+		c-3.3,5.3-3.1,13.1,2,16.7C1724.5,63.7,1726.2,64.4,1727.8,64.8z"/>
+	<path fill="#68751C" d="M1819.1,37.2c2.5-1.5,5.1-2.7,7.6-4c21.1-10,45.4-18.2,69.3-20c20.9-1.6,43.9-5.4,64.6,0.2
+		c10.7,2.9,22.5,13.3,16.9,23.2c-4.2,7.4-21.2,17.4-28.7,22.9c-27.4,19.4-65.7,28-100.7,29.8c-25.4,1.3-67.3-13.3-44.1-40.7
+		C1808,44.1,1813.3,40.5,1819.1,37.2z"/>
+	<path fill="#68751C" d="M1958.9,60.1c5.8,0.2,12.5,1.6,15.2,6.9c2.2,4.4,0.5,9.6-2.5,13.3c-3.3,3.6-7.6,5.6-12.2,7.4
+		c-22.5,9.4-46.6,15.1-71,16.7c-6.7,0.4-13.8,0.5-20.3-1.6s-12.3-7.1-14.2-13.6c-4-15.1,29-20,37.9-21.6s17.8-2.7,26.7-3.1
+		C1932,63.5,1945.1,59.5,1958.9,60.1z"/>
+	<path fill="#68751C" d="M1955.6,158.8c-8.9-22-62.4,2.2-74.6,10c-4.5,2.9-9.3,7.3-8.3,12.5c0.9,5.6,7.6,8.2,13.4,8.9
+		C1900.2,192,1966.1,184.8,1955.6,158.8z"/>
+	<path fill="#68751C" d="M1787.5,87.7c-2.2,14.5-21.8,30.5-34.9,35c-12.7,4.5-33.9-4.9-26.1-20.3c6.9-13.4,41-37.4,55.9-27.6
+		C1786.6,77.5,1788.2,83,1787.5,87.7z"/>
+	<path fill="#68751C" d="M1825.1,159.9c20.9,2.5,42.3-0.2,61.9-7.6c4.4-1.6,8.9-3.8,10.7-8.2c1.3-3.3,0.4-7.3-2.2-9.6
+		c-2.5-2.4-6.5-3.1-9.6-1.6c-5.8-6.4-16-5.8-24.5-4.2c-13.4,2.7-26.7,7.6-38.8,14c-4.4,2.4-9.3,6.4-8,11.1
+		C1815.8,157.9,1820.9,159.4,1825.1,159.9z"/>
+	<path fill="#68751C" d="M1849.4,143c27.6,6.2,57.9-1.8,81.5-17.1c3.1-2,6.5-5.1,6-8.9c-0.7-4.5-6.5-6-11.3-5.8
+		c-26.9,0.4-54.1,7.1-77.5,20.7c-2.7,1.5-5.6,4-4.9,6.9C1844,141.4,1846.9,142.5,1849.4,143z"/>
+	<g>
+		<path fill="#68751C" d="M1711.1,106.4c2.5-3.1,4.7-6.9,3.6-10.5c-5.1-20.1-32.5,6-39,12c-8.3,7.6-8,14.3,5.6,14.3
+			C1692.6,122,1704.4,114.5,1711.1,106.4z"/>
+	</g>
+</g>
+</svg>
diff --git a/public/assets/x-org-logo.svg b/public/assets/x-org-logo.svg
new file mode 100644
index 0000000..25ff98f
--- /dev/null
+++ b/public/assets/x-org-logo.svg
@@ -0,0 +1,168 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="48"
+   height="48"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48+devel r"
+   viewBox="0 0 13.546666 13.546668"
+   sodipodi:docname="xorg.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient896">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop898" />
+      <stop
+         style="stop-color:#4d4d4d;stop-opacity:1"
+         offset="1"
+         id="stop900" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.2934149"
+     inkscape:cx="1.2219474"
+     inkscape:cy="21.148889"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     units="px"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="718"
+     inkscape:window-x="-2"
+     inkscape:window-y="23"
+     inkscape:window-maximized="1">
+    <sodipodi:guide
+       position="-6.6748425e-06,47.999999"
+       orientation="47.999977,0"
+       id="guide4120" />
+    <sodipodi:guide
+       position="-6.6748425e-06,2.2810037e-05"
+       orientation="0,48.000004"
+       id="guide4122" />
+    <sodipodi:guide
+       position="47.999997,2.2810037e-05"
+       orientation="-47.999977,0"
+       id="guide4124" />
+    <sodipodi:guide
+       position="47.999997,47.999999"
+       orientation="0,-48.000004"
+       id="guide4126" />
+    <sodipodi:guide
+       position="3.9999733,44.000154"
+       orientation="39.999962,0"
+       id="guide4138" />
+    <sodipodi:guide
+       position="3.9999733,4.0001921"
+       orientation="0,40.000003"
+       id="guide4140" />
+    <sodipodi:guide
+       position="43.999976,4.0001921"
+       orientation="-39.999962,0"
+       id="guide4142" />
+    <sodipodi:guide
+       position="43.999976,44.000154"
+       orientation="0,-40.000003"
+       id="guide4144" />
+    <sodipodi:guide
+       position="6.9999922,47.999999"
+       orientation="39.999962,0"
+       id="guide4148" />
+    <sodipodi:guide
+       position="6.9999922,8.0000369"
+       orientation="0,34.000006"
+       id="guide4150" />
+    <sodipodi:guide
+       position="40.999998,8.0000369"
+       orientation="-39.999962,0"
+       id="guide4152" />
+    <sodipodi:guide
+       position="40.999998,47.999999"
+       orientation="0,-34.000006"
+       id="guide4154" />
+    <sodipodi:guide
+       position="14.999993,32.999986"
+       orientation="17.999951,0"
+       id="guide4158" />
+    <sodipodi:guide
+       position="14.999993,15.000036"
+       orientation="0,17.999998"
+       id="guide4160" />
+    <sodipodi:guide
+       position="32.999991,15.000036"
+       orientation="-17.999951,0"
+       id="guide4162" />
+    <sodipodi:guide
+       position="32.999991,32.999986"
+       orientation="0,-17.999998"
+       id="guide4164" />
+    <sodipodi:guide
+       position="1.9999969,44.000046"
+       orientation="39.999962,0"
+       id="guide3279" />
+    <sodipodi:guide
+       position="1.9999969,4.0000839"
+       orientation="0,44.000003"
+       id="guide3281" />
+    <sodipodi:guide
+       position="46,4.0000839"
+       orientation="-39.999962,0"
+       id="guide3283" />
+    <sodipodi:guide
+       position="46,44.000046"
+       orientation="0,-44.000003"
+       id="guide3285" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(38.119153,-397.84494)">
+    <path
+       style="fill:#2c3e50;fill-opacity:1"
+       d="m -36.036651,410.25872 3.622994,-5.37269 -3.729941,-5.90738 2.397379,0.003 2.972102,4.64499 -4.443908,6.63281 -0.818626,0 z"
+       id="path4205"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#e67e22;fill-opacity:1"
+       d="m -28.945457,410.26272 -2.951586,-4.65299 4.48091,-6.6359 0.79838,0 -3.637785,5.398 3.707496,5.89089 -2.397416,0 z"
+       id="path17-8"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/src/components/featurelist/FeatureList.astro b/src/components/featurelist/FeatureList.astro
index 88abddd..4a849a2 100644
--- a/src/components/featurelist/FeatureList.astro
+++ b/src/components/featurelist/FeatureList.astro
@@ -1,5 +1,8 @@
 ---
 import { processMarkdown } from "@config/io/markdown";
+import PipewireLogoSmall from "@public/assets/pipewire-logo-small.svg?raw";
+import XOrgLogo from "@public/assets/x-org-logo.svg?raw";
+import SwayLogo from "@public/assets/sway-logo.svg?raw";
 
 let codeString = `\`\`\`qml
 // a standard desktop window
@@ -56,12 +59,23 @@ const codeHTML = await processMarkdown(codeString);
       </span>
     </section>
     <section class="feature-showcase cloud">
+      <section class="feature-cloud">
       <span class="cloud-item hyprland">
         <img src={"/assets/hyprland-logo.ico"}/>
       </span>
       <span class="cloud-item wayland">
         <img src={"/assets/wayland-logo.png"}/>
       </span>
+      <span class="cloud-item pipewire">
+        <Fragment set:html={PipewireLogoSmall}/>
+      </span>
+      <span class="cloud-item x-org">
+        <Fragment set:html={XOrgLogo}/>
+      </span>
+      <span class="cloud-item sway">
+        <Fragment set:html={SwayLogo}/>
+      </span>
+      </section>
     </section>
   </li>
 </ul>
diff --git a/src/styles/components/featurelist.css b/src/styles/components/featurelist.css
index 2837aea..b4c7a9c 100644
--- a/src/styles/components/featurelist.css
+++ b/src/styles/components/featurelist.css
@@ -53,26 +53,30 @@
 .feature-showcase {
   height: 21rem;
   aspect-ratio: 16 / 9;
+  border: 1px solid yellow;
 }
 
 .feature-video {
   border-radius: 0.681rem;
 }
 
-.feature-showcase.cloud {
+.feature-cloud {
   position: relative;
-  max-width: 345.717px;
+  margin: auto;
+  max-width: 21.5rem;
+  height: 100%;
   border-radius: 100vh;
   animation: spin 40s linear infinite;
+  border: 1px solid red;
 
   & .cloud-item {
     position: absolute;
     display: flex;
     align-items: center;
     justify-content: center;
+    animation: counter-spin 40s linear infinite;
     width: 60px;
     height: 60px;
-    animation: counter-spin 40s linear infinite;
     &.hyprland {
       left: 60px;
       top: 60px;
@@ -81,10 +85,27 @@
       right: 60px;
       top: 60px;
     }
+    &.pipewire {
+      left: 60px;
+      bottom: 60px;
+    }
+    &.x-org {
+      right: 60px;
+      bottom: 60px;
+      scale: 0.9;
+    }
+    &.sway {
+      left: 140px;
+      bottom: 30px;
+      scale: 0.7;
+    }
     & img {
       width: 60px;
       height: 60px;
     }
+    & svg {
+      scale: 1.5;
+    }
   }
 }