commit 34750a96ebf626ca4cbad82022b4f5b06ec9e3df
Author: Penelope Gwen <support@pogmom.me>
Date:   Sun Feb 16 16:55:12 2025 -0800

    initial commit

diff --git a/assets/img/icons/header/account.svg b/assets/img/icons/header/account.svg
new file mode 100644
index 0000000..1944906
--- /dev/null
+++ b/assets/img/icons/header/account.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24.000368"
+   height="24.000265"
+   viewBox="0 0 0.72001104 0.72000795"
+   fill="none"
+   version="1.1"
+   id="svg53642"
+   sodipodi:docname="account.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs53646" />
+  <sodipodi:namedview
+     id="namedview53644"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="31.819805"
+     inkscape:cx="10.889444"
+     inkscape:cy="16.64058"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg53642" />
+  <path
+     id="path53638"
+     style="color:#000000;fill:#da74e5;stroke-width:0.0359942;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="m 0.17734002,6.9471906e-6 c -0.04216,4.00000004e-5 -0.07071,0.00150000281 -0.09868,0.015730002809 -0.02709,0.0138 -0.04912,0.03583 -0.06292,0.06292 -0.01754,0.03442 -0.0156799987,0.06972 -0.0156799987,0.130197 v 0.302297 c 0,0.06048 -0.0019000013,0.09578 0.0156799987,0.130197 0.0138,0.02709 0.03583,0.04912 0.06292,0.06292 0.03442,0.01754 0.06972,0.01568 0.130197,0.01568 h 0.302297 c 0.06048,0 0.09578,0.0019 0.130197,-0.01568 0.02709,-0.0138 0.04912,-0.03583 0.06292,-0.06292 0.01754,-0.03442 0.01568,-0.06972 0.01568,-0.130197 v -0.302297 c 0,-0.06048 0.0019,-0.09578 -0.01568,-0.130197 -0.0138,-0.02709 -0.03583,-0.04912 -0.06292,-0.06292 -0.03442,-0.01754 -0.06972,-0.01568000281 -0.130197,-0.01568000281 h -0.302297 c -0.01134,0 -0.02179,-6.40000004e-5 -0.03152,-5.40000004e-5 z M 0.20886002,0.07204695 h 0.302297 c 0.06048,0 0.08573,0.0019 0.09751,0.0079 0.01355,0.0069 0.02452,0.01788 0.03142,0.03143 0.006,0.01178 0.0079,0.03703 0.0079,0.09751 v 0.302297 c 0,0.06048 -0.0019,0.08573 -0.0079,0.09751 -0.0069,0.01355 -0.01787,0.02452 -0.03142,0.03143 -0.01178,0.006 -0.03703,0.0079 -0.09751,0.0079 h -0.302297 c -0.06048,0 -0.08573,-0.0019 -0.09751,-0.0079 -0.01355,-0.0069 -0.02452,-0.01788 -0.03143,-0.03143 -0.006,-0.01178 -0.0079,-0.03703 -0.0079,-0.09751 v -0.302297 c 0,-0.06048 0.0019,-0.08573 0.0079,-0.09751 0.0069,-0.01355 0.01788,-0.02452 0.03143,-0.03143 0.01178,-0.006 0.03703,-0.0079 0.09751,-0.0079 z m 0.151148,0.07199 c -0.07909,0 -0.143977,0.06489 -0.143977,0.143978 0,0.04141 0.0177,0.0792 0.04591,0.105452 0.0012,0.0011 -8.3e-5,-4.17e-4 8.44e-4,5.61e-4 l -0.03227,0.09666 c -0.0043,0.0128 -0.01122,0.02326 -0.0059,0.04443 0.0034,0.01336 0.01173,0.02493 0.02334,0.03234 a 0.03599783,0.03599783 0 0 0 0,7.2e-5 c 0.0184,0.01173 0.03052,0.0084 0.04401,0.0084 h 0.136104 c 0.01349,0 0.02561,0.0033 0.04401,-0.0084 a 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-3e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-3e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-3e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-3e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 0.03599783,0.03599783 0 0 0 0,-2e-6 c 0.01161,-0.0074 0.01999,-0.01898 0.02334,-0.03234 0.0053,-0.02118 -0.0016,-0.03164 -0.0059,-0.04443 l -0.03227,-0.09666 c 9.27e-4,-9.78e-4 -3.24e-4,5.24e-4 8.43e-4,-5.64e-4 0.0282,-0.02624 0.04591,-0.06404 0.04591,-0.105449 0,-0.07909 -0.06489,-0.143978 -0.143978,-0.143978 z m 0,0.07199 c 0.04019,0 0.07199,0.03181 0.07199,0.07199 0,0.02104 -0.0088,0.03954 -0.02299,0.05273 -0.0077,0.0071 -0.01265,0.0085 -0.02032,0.02327 a 0.03599783,0.03599783 0 0 0 -7.2e-5,0 c -0.0029,0.0055 -0.0059,0.01746 -0.006,0.02369 -2.99e-4,0.01354 0.0031,0.0191 0.0056,0.02672 l 0.02988,0.08956 h -0.116136 l 0.02988,-0.08956 c 0.0025,-0.0076 0.0059,-0.01317 0.0056,-0.02672 -1.29e-4,-0.0062 -0.0032,-0.01818 -0.006,-0.02369 a 0.03599783,0.03599783 0 0 0 -7.2e-5,0 c -0.0077,-0.01478 -0.01263,-0.01613 -0.02031,-0.02327 -0.01417,-0.01318 -0.02299,-0.03169 -0.02299,-0.05273 0,-0.04018 0.0318,-0.07199 0.07199,-0.07199 z" />
+</svg>
diff --git a/assets/img/icons/header/accounts.svg b/assets/img/icons/header/accounts.svg
new file mode 100644
index 0000000..1b4de82
--- /dev/null
+++ b/assets/img/icons/header/accounts.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 0.72 0.72"
+   fill="none"
+   version="1.1"
+   id="svg53942"
+   sodipodi:docname="accounts.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs53946" />
+  <sodipodi:namedview
+     id="namedview53944"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="11.25"
+     inkscape:cx="6.2666667"
+     inkscape:cy="10.8"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg53942" />
+  <path
+     style="color:#000000;fill:#da74e5;stroke-width:0.036;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="m 0.35999296,0 c -0.108926,0 -0.198,0.08907 -0.198,0.198 0,0.108926 0.08907,0.198 0.198,0.198 0.108926,0 0.198,-0.08907 0.198,-0.198 0,-0.108926 -0.08907,-0.198 -0.198,-0.198 z m 0,0.072 c 0.07001,0 0.126,0.05599 0.126,0.126 0,0.07001 -0.05598,0.126 -0.126,0.126 -0.07001,0 -0.126,-0.05599 -0.126,-0.126 0,-0.07001 0.05599,-0.126 0.126,-0.126 z m -0.09,0.378 c -0.05024,0 -0.07796,-8.42e-4 -0.106242,0.0077 -0.05749,0.01744 -0.102585,0.06254 -0.120024,0.120024 -0.0086,0.02828 -0.0077,0.056 -0.0077,0.106242 a 0.036,0.036 0 0 0 0.036,0.036 0.036,0.036 0 0 0 0.036,-0.036 c 0,-0.05024 8.18e-4,-0.07276 0.0046,-0.08536 0.01048,-0.03456 0.03744,-0.06152 0.072,-0.072 0.0126,-0.0038 0.03512,-0.0046 0.08536,-0.0046 h 0.18 c 0.05024,0 0.07276,8.19e-4 0.08536,0.0046 0.03456,0.01048 0.06152,0.03744 0.072,0.072 0.0038,0.0126 0.0046,0.03512 0.0046,0.08536 a 0.036,0.036 0 0 0 0.036,0.036 0.036,0.036 0 0 0 0.036,-0.036 c 0,-0.05024 8.42e-4,-0.07796 -0.0077,-0.106242 -0.01744,-0.05749 -0.06254,-0.102584 -0.120024,-0.120024 -0.02828,-0.0086 -0.056,-0.0077 -0.106242,-0.0077 z"
+     id="path53940" />
+</svg>
diff --git a/assets/img/icons/header/donate.svg b/assets/img/icons/header/donate.svg
new file mode 100644
index 0000000..704312b
--- /dev/null
+++ b/assets/img/icons/header/donate.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="23.999475"
+   height="24"
+   viewBox="0 0 0.71998426 0.72"
+   fill="none"
+   version="1.1"
+   id="svg54183"
+   sodipodi:docname="bank-note-03-svgrepo-com.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs54187" />
+  <sodipodi:namedview
+     id="namedview54185"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="22.5"
+     inkscape:cx="6.6888889"
+     inkscape:cy="11.266667"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg54183" />
+  <path
+     style="color:#000000;fill:#da74e5;stroke-width:0.03272;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="m 0.13747012,0.09825512 c -0.03665,0 -0.05949,-0.0017 -0.08378,0.01067 -0.01847,0.0094 -0.03354,0.02448 -0.04294,0.04294 -0.01238,0.02429 -0.01067000125,0.04713 -0.01067000125,0.08378 v 0.248724 c 0,0.03665 -0.0016999987,0.05949 0.01067000125,0.08378 0.0094,0.01846 0.02447,0.03354 0.04294,0.04294 0.02429,0.01238 0.04713,0.01067 0.08378,0.01067 h 0.445044 c 0.03665,0 0.05949,0.0017 0.08378,-0.01067 0.01847,-0.0094 0.03354,-0.02448 0.04294,-0.04294 0.01238,-0.02429 0.01067,-0.04713 0.01067,-0.08378 v -0.248724 c 0,-0.03665 0.0017,-0.05949 -0.01067,-0.08378 -0.0094,-0.01847 -0.02448,-0.03354 -0.04294,-0.04294 -0.02429,-0.01238 -0.04713,-0.01067 -0.08378,-0.01067 z m 0,0.06544 h 0.445044 c 0.03665,0 0.05036,0.0017 0.05406,0.0036 0.0062,0.0031 0.01118,0.0082 0.01431,0.01431 0.0019,0.0037 0.0036,0.01742 0.0036,0.05406 v 0.248724 c 0,0.03665 -0.0017,0.05036 -0.0036,0.05406 -0.0031,0.0062 -0.0082,0.01118 -0.01431,0.01432 -0.0037,0.0019 -0.01741,0.0036 -0.05406,0.0036 h -0.445044 c -0.03665,0 -0.05036,-0.0017 -0.05406,-0.0036 -0.0062,-0.0031 -0.01118,-0.0082 -0.01431,-0.01432 -0.0019,-0.0037 -0.0036,-0.01741 -0.0036,-0.05406 v -0.248724 c 0,-0.03665 0.0017,-0.05036 0.0036,-0.05406 0.0031,-0.0062 0.0082,-0.01118 0.01431,-0.01431 0.0037,-0.0019 0.01742,-0.0036 0.05406,-0.0036 z m 0.222522,0.03272 a 0.03272003,0.03272003 0 0 0 -0.03272,0.03272 v 0.0068 c -0.03604,0.0085 -0.06544,0.03652 -0.06544,0.07496 0,0.04479 0.03701,0.0818 0.0818,0.0818 h 0.03272 c 0.0094,0 0.01636,0.0069 0.01636,0.01636 0,0.0094 -0.0069,0.01636 -0.01636,0.01636 h -0.01636 -0.06544 a 0.03272003,0.03272003 0 0 0 -0.03272,0.03272 0.03272003,0.03272003 0 0 0 0.03272,0.03272 h 0.03272 a 0.03272003,0.03272003 0 0 0 0.03272,0.03272 0.03272003,0.03272003 0 0 0 0.03272,-0.03272 v -0.0068 c 0.03604,-0.0085 0.06544,-0.03652 0.06544,-0.07496 0,-0.04479 -0.03701,-0.0818 -0.0818,-0.0818 h -0.03272 c -0.0094,0 -0.01636,-0.0069 -0.01636,-0.01636 0,-0.0094 0.0069,-0.01636 0.01636,-0.01636 h 0.01636 0.06544 a 0.03272003,0.03272003 0 0 0 0.03272,-0.03272 0.03272003,0.03272003 0 0 0 -0.03272,-0.03272 h -0.03272 a 0.03272003,0.03272003 0 0 0 -0.03272,-0.03272 z m -0.19632,0.11452 c -0.02672,0 -0.04908,0.02236 -0.04908,0.04908 0,0.02672 0.02236,0.04908 0.04908,0.04908 0.02672,0 0.04908,-0.02236 0.04908,-0.04908 0,-0.02672 -0.02236,-0.04908 -0.04908,-0.04908 z m 0.39264,0 c -0.02672,0 -0.04908,0.02236 -0.04908,0.04908 0,0.02672 0.02236,0.04908 0.04908,0.04908 0.02672,0 0.04908,-0.02236 0.04908,-0.04908 0,-0.02672 -0.02236,-0.04908 -0.04908,-0.04908 z"
+     id="path54181" />
+</svg>
diff --git a/assets/img/icons/header/download.svg b/assets/img/icons/header/download.svg
new file mode 100644
index 0000000..f3a5077
--- /dev/null
+++ b/assets/img/icons/header/download.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24.000401"
+   height="24.000401"
+   viewBox="0 0 0.72001202 0.72001202"
+   fill="none"
+   version="1.1"
+   id="svg53761"
+   sodipodi:docname="download.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs53765" />
+  <sodipodi:namedview
+     id="namedview53763"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="31.819805"
+     inkscape:cx="12.837916"
+     inkscape:cy="13.026478"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg53761" />
+  <path
+     style="color:#000000;fill:#da74e5;stroke-width:0.0359943;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="m 0.20885802,6.0021299e-5 c -0.06048,0 -0.09578,-0.0019000013 -0.130198,0.0156799987 -0.02709,0.0138 -0.04912,0.03583 -0.06292,0.06292 -0.01754,0.03442 -0.0156799987,0.06972 -0.0156799987,0.130198 v 0.302296 c 0,0.06048 -0.0019000013,0.09578 0.0156799987,0.130198 0.0138,0.02709 0.03583,0.04912 0.06292,0.06292 0.03442,0.01754 0.06972,0.01568 0.130198,0.01568 h 0.302296 c 0.06048,0 0.09578,0.0019 0.130198,-0.01568 0.02709,-0.0138 0.04912,-0.03583 0.06292,-0.06292 0.01754,-0.03442 0.01568,-0.06972 0.01568,-0.130198 v -0.302296 c 0,-0.06048 0.0019,-0.09578 -0.01568,-0.130198 -0.0138,-0.02709 -0.03583,-0.04912 -0.06292,-0.06292 -0.03442,-0.01754 -0.06972,-0.0156799987 -0.130198,-0.0156799987 z m 0,0.0719899987 h 0.302296 c 0.06048,0 0.08573,0.0019 0.09751,0.0079 0.01355,0.0069 0.02452,0.01787 0.03143,0.03142 0.006,0.01178 0.0079,0.03703 0.0079,0.09751 v 0.302296 c 0,0.06048 -0.0019,0.08573 -0.0079,0.09751 -0.0069,0.01355 -0.01788,0.02452 -0.03143,0.03143 -0.01178,0.006 -0.03703,0.0079 -0.09751,0.0079 h -0.302296 c -0.06048,0 -0.08573,-0.0019 -0.09751,-0.0079 -0.01355,-0.0069 -0.02452,-0.01788 -0.03142,-0.03143 -0.006,-0.01178 -0.0079,-0.03703 -0.0079,-0.09751 v -0.302296 c 0,-0.06048 0.0019,-0.08573 0.0079,-0.09751 0.0069,-0.01355 0.01788,-0.02452 0.03142,-0.03142 0.01178,-0.006 0.03703,-0.0079 0.09751,-0.0079 z m 0.151148,0.107983 a 0.03599429,0.03599429 0 0 0 -0.03599,0.03599 v 0.201062 l -0.08253,-0.08253 a 0.03599429,0.03599429 0 0 0 -0.0509,0 0.03599429,0.03599429 0 0 0 0,0.0509 l 0.143977,0.143977 a 0.03599429,0.03599429 0 0 0 0.02545,0.01055 0.03599429,0.03599429 0 0 0 0.02545,-0.01055 l 0.143977,-0.143977 a 0.03599429,0.03599429 0 0 0 0,-0.0509 0.03599429,0.03599429 0 0 0 -0.0509,0 l -0.08253,0.08253 v -0.201062 a 0.03599429,0.03599429 0 0 0 -0.036,-0.03599 z"
+     id="path53759" />
+</svg>
diff --git a/assets/img/icons/header/feedback.svg b/assets/img/icons/header/feedback.svg
new file mode 100644
index 0000000..8c14ec6
--- /dev/null
+++ b/assets/img/icons/header/feedback.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 0.72 0.72"
+   fill="none"
+   version="1.1"
+   id="svg54376"
+   sodipodi:docname="feedback.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs54380" />
+  <sodipodi:namedview
+     id="namedview54378"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="15.909903"
+     inkscape:cx="14.802102"
+     inkscape:cy="11.910821"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg54376" />
+  <path
+     style="color:#000000;fill:#da74e5;stroke-width:0.0348365;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="m 0.21371513,5.5132657e-5 c -0.05853,0 -0.0927,-0.0018000027 -0.12601,0.01516999734 -0.02622,0.01336 -0.04754,0.03468 -0.0609,0.0609 -0.01697,0.03331 -0.01517,0.06748 -0.01517,0.12601 v 0.198541 c 0,0.04869 -0.0013,0.07677 0.01061,0.105598 0.01414,0.03413 0.04125,0.06125 0.07539,0.07539 0.02882,0.01194 0.0569,0.01061 0.105598,0.01061 0.01702,0 0.023,3.75e-4 0.02545,9.53e-4 0.0053,0.0012 0.01013,0.0037 0.01429,0.0071 0.0019,0.0016 0.0058,0.0062 0.01599,0.0198 l 0.05089,0.06777 c 0.0076,0.01009 0.01213,0.02107 0.03123,0.02851 0.01218,0.0047 0.02565,0.0047 0.03783,0 0.0191,-0.0074 0.02366,-0.01842 0.03123,-0.02851 l 0.05089,-0.06777 c 0.01021,-0.01361 0.01406,-0.01819 0.01599,-0.0198 0.0042,-0.0035 0.009,-0.0059 0.01429,-0.0071 0.0024,-5.77e-4 0.0084,-9.53e-4 0.02545,-9.53e-4 0.0487,0 0.07677,0.0013 0.105598,-0.01061 0.03413,-0.01414 0.06125,-0.04126 0.07539,-0.07539 0.01194,-0.02882 0.01061,-0.0569 0.01061,-0.105598 v -0.198541 c 0,-0.05853 0.0018,-0.0927 -0.01517,-0.12601 -0.01336,-0.02621 -0.03468,-0.04754 -0.0609,-0.0609 -0.03331,-0.01697 -0.06748,-0.01516999734 -0.12601,-0.01516999734 z m 0,0.06966999734 h 0.292572 c 0.05853,0 0.08297,0.0018 0.09437,0.0076 0.01311,0.0067 0.02373,0.0173 0.03041,0.03041 0.0058,0.0114 0.0076,0.03584 0.0076,0.09437 v 0.198541 c 0,0.04869 -0.0013,0.06933 -0.0053,0.07893 -0.0071,0.01708 -0.02062,0.03062 -0.03769,0.03769 -0.0096,0.004 -0.03023,0.0053 -0.07893,0.0053 -0.01702,0 -0.02809,-3.6e-4 -0.04144,0.0028 -0.0158,0.0037 -0.03048,0.01111 -0.04293,0.0215 -0.01052,0.0088 -0.01687,0.01781 -0.02708,0.03143 l -0.04532,0.06042 -0.04531,-0.06042 c -0.01021,-0.01362 -0.01656,-0.02265 -0.02708,-0.03143 -0.01245,-0.01039 -0.02713,-0.01777 -0.04293,-0.0215 -0.01334,-0.0031 -0.02442,-0.0028 -0.04144,-0.0028 -0.0487,0 -0.06934,-0.0013 -0.07893,-0.0053 -0.01708,-0.0071 -0.03062,-0.02061 -0.03769,-0.03769 -0.004,-0.0096 -0.0053,-0.03023 -0.0053,-0.07893 v -0.198541 c 0,-0.05853 0.0018,-0.08297 0.0076,-0.09437 0.0067,-0.01311 0.0173,-0.02373 0.03041,-0.03041 0.0114,-0.0058 0.03584,-0.0076 0.09437,-0.0076 z m 0.146286,0.06967 a 0.03483648,0.03483648 0 0 0 -0.03484,0.03484 v 0.121927 a 0.03483648,0.03483648 0 0 0 0.03484,0.03484 0.03483648,0.03483648 0 0 0 0.03484,-0.03484 v -0.121927 a 0.03483648,0.03483648 0 0 0 -0.03484,-0.03484 z m 0,0.243856 a 0.03483648,0.03483648 0 0 0 -0.03484,0.03484 0.03483648,0.03483648 0 0 0 0.03484,0.03484 h 3.42e-4 a 0.03483648,0.03483648 0 0 0 0.03484,-0.03484 0.03483648,0.03483648 0 0 0 -0.03484,-0.03484 z"
+     id="path54374" />
+</svg>
diff --git a/assets/img/icons/header/info.svg b/assets/img/icons/header/info.svg
new file mode 100644
index 0000000..fd62e87
--- /dev/null
+++ b/assets/img/icons/header/info.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24.000401"
+   height="24.000401"
+   viewBox="0 0 0.72001202 0.72001202"
+   fill="none"
+   version="1.1"
+   id="svg53698"
+   sodipodi:docname="info.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs53702" />
+  <sodipodi:namedview
+     id="namedview53700"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="31.819805"
+     inkscape:cx="12.995051"
+     inkscape:cy="13.843579"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg53698" />
+  <path
+     style="color:#000000;fill:#da74e5;stroke-width:0.0359943;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="m 0.20885802,6.0021299e-5 c -0.06048,0 -0.09578,-0.0019000013 -0.130198,0.0156799987 -0.02709,0.0138 -0.04912,0.03583 -0.06292,0.06292 -0.01754,0.03442 -0.0156799987,0.06972 -0.0156799987,0.130198 v 0.302296 c 0,0.06048 -0.0019000013,0.09578 0.0156799987,0.130198 0.0138,0.02709 0.03583,0.04912 0.06292,0.06292 0.03442,0.01754 0.06972,0.01568 0.130198,0.01568 h 0.302296 c 0.06048,0 0.09578,0.0019 0.130198,-0.01568 0.02709,-0.0138 0.04912,-0.03583 0.06292,-0.06292 0.01754,-0.03442 0.01568,-0.06972 0.01568,-0.130198 v -0.302296 c 0,-0.06048 0.0019,-0.09578 -0.01568,-0.130198 -0.0138,-0.02709 -0.03583,-0.04912 -0.06292,-0.06292 -0.03442,-0.01754 -0.06972,-0.0156799987 -0.130198,-0.0156799987 z m 0,0.0719899987 h 0.302296 c 0.06048,0 0.08573,0.0019 0.09751,0.0079 0.01355,0.0069 0.02452,0.01787 0.03143,0.03142 0.006,0.01178 0.0079,0.03703 0.0079,0.09751 v 0.302296 c 0,0.06048 -0.0019,0.08573 -0.0079,0.09751 -0.0069,0.01355 -0.01788,0.02452 -0.03143,0.03143 -0.01178,0.006 -0.03703,0.0079 -0.09751,0.0079 h -0.302296 c -0.06048,0 -0.08573,-0.0019 -0.09751,-0.0079 -0.01355,-0.0069 -0.02452,-0.01788 -0.03142,-0.03143 -0.006,-0.01178 -0.0079,-0.03703 -0.0079,-0.09751 v -0.302296 c 0,-0.06048 0.0019,-0.08573 0.0079,-0.09751 0.0069,-0.01355 0.01788,-0.02452 0.03142,-0.03142 0.01178,-0.006 0.03703,-0.0079 0.09751,-0.0079 z m 0.151148,0.107983 a 0.03599429,0.03599429 0 0 0 -0.03599,0.03599 0.03599429,0.03599429 0 0 0 0.03599,0.03599 h 3.53e-4 a 0.03599429,0.03599429 0 0 0 0.03599,-0.03599 0.03599429,0.03599429 0 0 0 -0.03599,-0.03599 z m 0,0.143977 a 0.03599429,0.03599429 0 0 0 -0.03599,0.03599 v 0.143977 a 0.03599429,0.03599429 0 0 0 0.03599,0.03599 0.03599429,0.03599429 0 0 0 0.036,-0.03599 v -0.143977 a 0.03599429,0.03599429 0 0 0 -0.036,-0.03599 z"
+     id="path53696" />
+</svg>
diff --git a/assets/img/icons/header/liberapay.svg b/assets/img/icons/header/liberapay.svg
new file mode 100644
index 0000000..d392e3c
--- /dev/null
+++ b/assets/img/icons/header/liberapay.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg228"
+   sodipodi:docname="liberapay.svg"
+   width="24"
+   height="24"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs232" />
+  <sodipodi:namedview
+     id="namedview230"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.35"
+     inkscape:cx="9.3031359"
+     inkscape:cy="11.986063"
+     inkscape:window-width="1695"
+     inkscape:window-height="1357"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg228" />
+  <g
+     transform="matrix(0.33108928,0,0,0.33108928,-27.191184,-70.130007)"
+     fill="#1a171b"
+     id="g226"
+     style="fill:#da74e5;fill-opacity:1">
+    <path
+       d="m 104.28,271.1 c -3.571,0 -6.373,-0.466 -8.41,-1.396 -2.037,-0.93 -3.495,-2.199 -4.375,-3.809 -0.88,-1.609 -1.308,-3.457 -1.282,-5.544 0.025,-2.086 0.313,-4.311 0.868,-6.675 l 9.579,-40.05 11.69,-1.81 -10.484,43.44 c -0.202,0.905 -0.314,1.735 -0.339,2.489 -0.026,0.754 0.113,1.421 0.415,1.999 0.302,0.579 0.817,1.044 1.546,1.395 0.729,0.353 1.747,0.579 3.055,0.679 l -2.263,9.278"
+       id="path222"
+       style="fill:#da74e5;fill-opacity:1" />
+    <path
+       d="m 146.52,246.14 c 0,3.671 -0.604,7.03 -1.811,10.07 -1.207,3.043 -2.879,5.669 -5.01,7.881 -2.138,2.213 -4.702,3.935 -7.693,5.167 -2.992,1.231 -6.248,1.848 -9.767,1.848 -1.71,0 -3.42,-0.151 -5.129,-0.453 l -3.394,13.651 h -11.162 l 12.52,-52.19 c 2.01,-0.603 4.311,-1.143 6.901,-1.622 2.589,-0.477 5.393,-0.716 8.41,-0.716 2.815,0 5.242,0.428 7.278,1.282 2.037,0.855 3.708,2.024 5.02,3.507 1.307,1.484 2.274,3.219 2.904,5.205 0.627,1.987 0.942,4.11 0.942,6.373 m -27.378,15.461 c 0.854,0.202 1.91,0.302 3.167,0.302 1.961,0 3.746,-0.364 5.355,-1.094 1.609,-0.728 2.979,-1.747 4.111,-3.055 1.131,-1.307 2.01,-2.877 2.64,-4.714 0.628,-1.835 0.943,-3.858 0.943,-6.071 0,-2.161 -0.479,-3.998 -1.433,-5.506 -0.956,-1.508 -2.615,-2.263 -4.978,-2.263 -1.61,0 -3.118,0.151 -4.525,0.453 l -5.28,21.948"
+       id="path224"
+       style="fill:#da74e5;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/assets/img/icons/header/menu.svg b/assets/img/icons/header/menu.svg
new file mode 100644
index 0000000..2af7723
--- /dev/null
+++ b/assets/img/icons/header/menu.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 0.72 0.72"
+   fill="none"
+   version="1.1"
+   id="svg53824"
+   sodipodi:docname="menu.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs53828" />
+  <sodipodi:namedview
+     id="namedview53826"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="15.909903"
+     inkscape:cx="11.09372"
+     inkscape:cy="10.77945"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg53824" />
+  <path
+     style="color:#000000;fill:#da74e5;stroke-width:0.036;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="M 0.036,0.108 A 0.036,0.036 0 0 0 0,0.144 0.036,0.036 0 0 0 0.036,0.18 H 0.684 A 0.036,0.036 0 0 0 0.72,0.144 0.036,0.036 0 0 0 0.684,0.108 Z m 0,0.216 A 0.036,0.036 0 0 0 0,0.36 0.036,0.036 0 0 0 0.036,0.396 H 0.684 A 0.036,0.036 0 0 0 0.72,0.36 0.036,0.036 0 0 0 0.684,0.324 Z m 0,0.216 A 0.036,0.036 0 0 0 0,0.576 0.036,0.036 0 0 0 0.036,0.612 H 0.684 A 0.036,0.036 0 0 0 0.72,0.576 0.036,0.036 0 0 0 0.684,0.54 Z"
+     id="path53822" />
+</svg>
diff --git a/assets/img/icons/header/register.svg b/assets/img/icons/header/register.svg
new file mode 100644
index 0000000..e89cc6b
--- /dev/null
+++ b/assets/img/icons/header/register.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 0.72 0.72"
+   fill="none"
+   version="1.1"
+   id="svg53993"
+   sodipodi:docname="register.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs53997" />
+  <sodipodi:namedview
+     id="namedview53995"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="15.909903"
+     inkscape:cx="9.7109331"
+     inkscape:cy="14.487832"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg53993" />
+  <path
+     style="color:#000000;fill:#da74e5;stroke-width:0.0327263;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="m 0.29452818,0.03273 c -0.09902,0 -0.179995,0.08097 -0.179995,0.179995 0,0.09902 0.08097,0.179994 0.179995,0.179994 0.09902,0 0.179994,-0.08097 0.179994,-0.179994 0,-0.09902 -0.08097,-0.179995 -0.179994,-0.179995 z m 0,0.06545 c 0.06365,0 0.114542,0.0509 0.114542,0.114543 0,0.06365 -0.05089,0.114542 -0.114542,0.114542 -0.06365,0 -0.114543,-0.0509 -0.114543,-0.114542 0,-0.06365 0.05089,-0.114543 0.114543,-0.114543 z m 0.294537,0.327264 a 0.03272633,0.03272633 0 0 0 -0.03273,0.03273 v 0.06545 h -0.06545 a 0.03272633,0.03272633 0 0 0 -0.03273,0.03273 0.03272633,0.03272633 0 0 0 0.03273,0.03273 h 0.06545 v 0.06545 a 0.03272633,0.03272633 0 0 0 0.03273,0.03273 0.03272633,0.03272633 0 0 0 0.03273,-0.03273 v -0.06545 h 0.06545 a 0.03272633,0.03272633 0 0 0 0.03273,-0.03273 0.03272633,0.03272633 0 0 0 -0.03273,-0.03273 h -0.06545 v -0.06545 a 0.03272633,0.03272633 0 0 0 -0.03273,-0.03273 z m -0.376353,0.01636 c -0.04567,0 -0.07087,-7.66e-4 -0.09658,0.007 -0.05226,0.01585 -0.09326,0.05685 -0.109109,0.109109 C -7.76822e-4,0.583623 2.31779e-5,0.608823 2.31779e-5,0.654493 a 0.03272633,0.03272633 0 0 0 0.0327300021,0.03273 0.03272633,0.03272633 0 0 0 0.03273,-0.03273 c 0,-0.04567 7.44e-4,-0.06614 0.0042,-0.0776 0.0095,-0.03141 0.03404,-0.05592 0.06545,-0.06545 0.01145,-0.0035 0.03193,-0.0042 0.0776,-0.0042 h 0.147268 a 0.03272633,0.03272633 0 0 0 0.03273,-0.03273 0.03272633,0.03272633 0 0 0 -0.03273,-0.03273 z"
+     id="path53991" />
+</svg>
diff --git a/assets/img/icons/header/request.svg b/assets/img/icons/header/request.svg
new file mode 100644
index 0000000..0c35523
--- /dev/null
+++ b/assets/img/icons/header/request.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 0.72 0.72"
+   fill="none"
+   version="1.1"
+   id="svg58319"
+   sodipodi:docname="request.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs58323" />
+  <sodipodi:namedview
+     id="namedview58321"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="22.5"
+     inkscape:cx="8.6444445"
+     inkscape:cy="14.155556"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg58319" />
+  <path
+     style="color:#000000;fill:#da74e5;stroke-width:0.0347613;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="m 0.22584059,8.7725639e-5 c -0.06204,0 -0.09826,-0.0016999956 -0.133572,0.01425000436 -0.02779,0.01255 -0.05039,0.03258 -0.06455,0.0572 -0.01799,0.03129 -0.01608,0.06338 -0.01608,0.118363 v 0.340264 c 0,0.05498 -0.0019,0.08707 0.01608,0.118364 0.01416,0.02463 0.03676,0.04465 0.06455,0.0572 0.03531,0.01595 0.07153,0.01425 0.133572,0.01425 h 0.191992 a 0.03692703,0.03272255 0 0 0 0.03693,-0.03272 0.03692703,0.03272255 0 0 0 -0.03693,-0.03272 h -0.191992 c -0.06204,0 -0.08795,-0.0017 -0.100034,-0.0072 -0.0139,-0.0063 -0.02516,-0.01625 -0.03224,-0.02857 -0.0062,-0.01071 -0.0081,-0.03366 -0.0081,-0.08864 v -0.340264 c 0,-0.05498 0.0019,-0.07794 0.0081,-0.08864 0.0071,-0.01232 0.01834,-0.02229 0.03224,-0.02857 0.01208,-0.0055 0.03799,-0.0072 0.100034,-0.0072 h 0.236276 c 0.06204,0 0.08795,0.0017 0.100034,0.0072 0.0139,0.0063 0.02516,0.01625 0.03224,0.02857 0.0062,0.01071 0.0081,0.03366 0.0081,0.08864 v 0.08833 a 0.03692703,0.03272255 0 0 0 0.03693,0.03272 0.03692703,0.03272255 0 0 0 0.03693,-0.03272 v -0.08833 c 0,-0.05498 0.0019,-0.08707 -0.01608,-0.118363 -0.01416,-0.02463 -0.03676,-0.04465 -0.06455,-0.0572 -0.03531,-0.01594 -0.07153,-0.01425000436 -0.133572,-0.01425000436 z M 0.19627059,0.16370073 a 0.03692703,0.03272255 0 0 0 -0.03693,0.03272 0.03692703,0.03272255 0 0 0 0.03693,0.03272 h 0.295416 a 0.03692703,0.03272255 0 0 0 0.03693,-0.03272 0.03692703,0.03272255 0 0 0 -0.03693,-0.03272 z m 0,0.13089 a 0.03692703,0.03272255 0 0 0 -0.03693,0.03272 0.03692703,0.03272255 0 0 0 0.03693,0.03272 h 0.221562 a 0.03692703,0.03272255 0 0 0 0.03693,-0.03272 0.03692703,0.03272255 0 0 0 -0.03693,-0.03272 z m 0.412472,0.08334 c -0.02791,-0.0042 -0.05665,3.83e-4 -0.08107,0.0131 -0.02441,0.01272 -0.04296,0.0327 -0.05236,0.05637 a 0.03692703,0.03272255 0 0 0 0.02257,0.04173 0.03692703,0.03272255 0 0 0 0.0471,-0.02 c 0.0036,-0.0091 0.01073,-0.01678 0.02012,-0.02167 0.0094,-0.0049 0.02042,-0.0067 0.03116,-0.005 0.01073,0.0016 0.02046,0.0066 0.02748,0.014 0.007,0.0074 0.01084,0.01667 0.01082,0.02633 a 0.03693072,0.03272583 0 0 0 0,6.5e-5 c 0,0.0082 -0.0091,0.01846 -0.0251,0.02793 -0.01603,0.0095 -0.03267,0.01457 -0.03267,0.01457 a 0.03692703,0.03272255 0 0 0 -0.02337,0.04142 0.03692703,0.03272255 0 0 0 0.04674,0.02071 c 0,0 0.02479,-0.0072 0.05027,-0.02224 0.02547,-0.01505 0.05795,-0.04147 0.05799,-0.08232 4.4e-5,-0.02509 -0.01,-0.04944 -0.0282,-0.06864 -0.01824,-0.0192 -0.04356,-0.03206 -0.07147,-0.0363 z m -0.412472,0.04755 a 0.03692703,0.03272255 0 0 0 -0.03693,0.03272 0.03692703,0.03272255 0 0 0 0.03693,0.03272 h 0.07385 a 0.03692703,0.03272255 0 0 0 0.03693,-0.03272 0.03692703,0.03272255 0 0 0 -0.03693,-0.03272 z m 0.393287,0.196336 a 0.03692703,0.03272255 0 0 0 -0.03693,0.03272 0.03692703,0.03272255 0 0 0 0.03693,0.03272 h 3.62e-4 a 0.03692703,0.03272255 0 0 0 0.03693,-0.03272 0.03692703,0.03272255 0 0 0 -0.03693,-0.03272 z"
+     id="path58317" />
+</svg>
diff --git a/assets/img/icons/header/search.svg b/assets/img/icons/header/search.svg
new file mode 100644
index 0000000..98c8b09
--- /dev/null
+++ b/assets/img/icons/header/search.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 0.72 0.72"
+   fill="none"
+   version="1.1"
+   id="svg53220"
+   sodipodi:docname="search.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs53224" />
+  <sodipodi:namedview
+     id="namedview53222"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="31.819805"
+     inkscape:cx="11.800827"
+     inkscape:cy="12.146523"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg53220" />
+  <path
+     style="color:#000000;fill:#da74e5;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="M 0.32421875,0 C 0.14570508,0 0,0.14570508 0,0.32421875 0,0.50273329 0.14570523,0.6484375 0.32421875,0.6484375 0.50273314,0.6484375 0.6484375,0.50273314 0.6484375,0.32421875 0.6484375,0.14570523 0.50273329,0 0.32421875,0 Z m 0,0.07226562 c 0.13960314,0 0.25195313,0.11235096 0.25195312,0.25195313 0,0.13960329 -0.11234983,0.25195312 -0.25195312,0.25195312 -0.13960217,0 -0.25195313,-0.11234998 -0.25195313,-0.25195312 0,-0.13960201 0.11235112,-0.25195312 0.25195313,-0.25195313 z m 0,0.03515625 a 0.036,0.036 0 0 0 -0.0371094,0.0371094 0.036,0.036 0 0 0 0.0371094,0.0351563 c 0.0799535,0 0.14453125,0.0645777 0.14453125,0.14453125 a 0.036,0.036 0 0 0 0.0351563,0.0351563 0.036,0.036 0 0 0 0.0351563,-0.0351563 c 0,-0.11886627 -0.0959775,-0.21679687 -0.21484375,-0.21679688 z m 0.17773437,0.39453125 a 0.036,0.036 0 0 0 0,0.0507813 l 0.15625,0.15625 a 0.036,0.036 0 0 0 0.0507813,0 0.036,0.036 0 0 0 0,-0.0507813 l -0.15625,-0.15625 a 0.036,0.036 0 0 0 -0.0507813,0 z"
+     id="path53218" />
+</svg>
diff --git a/assets/img/icons/header/status.svg b/assets/img/icons/header/status.svg
new file mode 100644
index 0000000..8d5e8eb
--- /dev/null
+++ b/assets/img/icons/header/status.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24.001726"
+   height="24.002426"
+   viewBox="0 0 0.72005178 0.72007278"
+   fill="none"
+   version="1.1"
+   id="svg54285"
+   sodipodi:docname="bar-chart-12-svgrepo-com.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs54289" />
+  <sodipodi:namedview
+     id="namedview54287"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="31.819805"
+     inkscape:cx="14.314984"
+     inkscape:cy="17.614816"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg54285" />
+  <path
+     style="color:#000000;fill:#da74e5;stroke-width:0.0359865;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="m 0.52560988,1.3187857e-4 c -0.02016,0 -0.03524,-0.001799999 -0.05426,0.007900001 -0.01354,0.0069 -0.02452,0.01789 -0.03142,0.03142 -0.0097,0.01902 -0.0079,0.03411 -0.0079,0.05426 v 0.05356 c -0.007,-2.58e-4 -0.01356,-0.0032 -0.02158,-0.0032 h -0.10079 c -0.02016,0 -0.03524,-0.0018 -0.05426,0.0079 -0.01354,0.0069 -0.02452,0.01788 -0.03142,0.03142 -0.0097,0.01902 -0.0079,0.03411 -0.0079,0.05426 v 0.08638 h -0.122368 c -0.02015,0 -0.03524,-0.0018 -0.05426,0.0079 -0.01353,0.0069 -0.02452,0.01787 -0.03142,0.03142 -0.0097,0.01902 -0.007900001,0.03411 -0.007900001,0.05426 v 0.208749 c 0,0.02016 -0.001799999,0.03524 0.007900001,0.05426 0.0069,0.01354 0.01789,0.02452 0.03142,0.03142 0.01902,0.0097 0.03411,0.0079 0.05426,0.0079 h 0.158355 0.215919 0.158354 c 0.02016,0 0.03524,0.0018 0.05426,-0.0079 0.01353,-0.0069 0.02452,-0.01788 0.03142,-0.03142 0.0097,-0.01902 0.0079,-0.03411 0.0079,-0.05426 v -0.532627 c 0,-0.02015 0.0018,-0.03524 -0.0079,-0.05426 -0.0069,-0.01353 -0.01787,-0.02452 -0.03142,-0.03142 -0.01902,-0.0097 -0.03411,-0.007900001 -0.05426,-0.007900001 z m -0.02158,0.0719700014 c -0.0036,0.0018 0.0014,0 0.02158,0 h 0.10079 c 0.02016,0 0.0252,0.0018 0.02158,0 -0.0018,-0.0036 0,0.0014 0,0.02158 v 0.532627 c 0,0.02016 -0.0018,0.0252 0,0.02158 0.0036,-0.0018 -0.0014,0 -0.02158,0 h -0.122368 v -0.410259 c 0,-0.0059 -0.0023,-0.01067 -0.0023,-0.01595 a 0.03598646,0.03598646 0 0 0 0.0023,-0.0056 v -0.122368 c 0,-0.02015 0.0018,-0.0252 0,-0.02158 z m -0.215919,0.143946 c -0.0036,0.0018 0.0014,0 0.02158,0 h 0.10079 c 0.02016,0 0.0252,0.0018 0.02158,0 -0.0018,-0.0036 0,0.0014 0,0.02158 v 0.410259 h -0.143946 v -0.287891 -0.122368 c 0,-0.02015 0.0018,-0.0252 0,-0.02158 z m -0.215918,0.179932 c -0.0036,0.0018 0.0014,0 0.02158,0 h 0.122368 v 0.251905 h -0.122368 c -0.02015,0 -0.0252,-0.0018 -0.02158,0 0.0018,0.0036 0,-0.0014 0,-0.02158 v -0.208749 c 0,-0.02016 0.0018,-0.0252 0,-0.02158 z"
+     id="path54283" />
+</svg>
diff --git a/assets/img/icons/header/suite.svg b/assets/img/icons/header/suite.svg
new file mode 100644
index 0000000..37311bd
--- /dev/null
+++ b/assets/img/icons/header/suite.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="22.1"
+   height="22"
+   viewBox="0 0 5.8472917 5.8208332"
+   version="1.1"
+   id="svg10253"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="PogmomSuite.svg"
+   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">
+  <sodipodi:namedview
+     id="namedview10255"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="18.83382"
+     inkscape:cx="2.3096749"
+     inkscape:cy="12.185526"
+     inkscape:window-width="1890"
+     inkscape:window-height="1117"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs10250">
+    <inkscape:path-effect
+       effect="spiro"
+       id="path-effect18317"
+       is_visible="true"
+       lpeversion="1" />
+  </defs>
+  <g
+     inkscape:label="Icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-1.3096874,-1.6312658)">
+    <g
+       id="g18507"
+       inkscape:label="Box"
+       transform="translate(0.26458333)">
+      <g
+         id="g18178"
+         inkscape:label="Left"
+         transform="matrix(-1,0,0,1,7.9375,0)">
+        <path
+           id="rect17442"
+           style="fill:#da74e5;stroke-width:0.278222"
+           d="m 4.2515019,6.2362363 v 2.2753133 l 2.815637,-2.441e-4 V 7.4798439 L 4.4533259,7.463333 Z"
+           transform="matrix(0.93969262,-0.34202014,0,1,0,0)"
+           inkscape:label="Side" />
+        <rect
+           style="fill:#da74e5;fill-opacity:1;stroke-width:0.546682"
+           id="rect18180"
+           width="2.81656"
+           height="1.4428984"
+           x="3.2208698"
+           y="5.5958319"
+           transform="matrix(0.94006316,-0.34100038,0.17287642,0.98494352,0,0)"
+           inkscape:label="Flap" />
+      </g>
+      <g
+         id="g18187"
+         inkscape:label="Right">
+        <path
+           id="path18183"
+           style="fill:#da74e5;stroke-width:0.278222"
+           d="m 4.2515019,6.2362363 v 2.2753133 l 2.815637,-2.441e-4 V 7.4798439 L 4.4533259,7.463333 Z"
+           transform="matrix(0.93969262,-0.34202014,0,1,0,0)"
+           inkscape:label="Side" />
+        <rect
+           style="fill:#da74e5;fill-opacity:1;stroke-width:0.546682"
+           id="rect18185"
+           width="2.81656"
+           height="1.4428984"
+           x="3.2208698"
+           y="5.5958319"
+           transform="matrix(0.94006316,-0.34100038,0.17287642,0.98494352,0,0)"
+           inkscape:label="Flap" />
+      </g>
+    </g>
+    <path
+       id="rect18319"
+       style="fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:0.291041;stroke-opacity:1"
+       d="m 4.1088965,2.0259146 c -0.750297,0 -1.3039446,0.5202226 -1.3040031,1.1618929 1.259e-4,0.03283 -0.00177,0.06564 0.00114,0.09834 H 2.765671 c -0.2385338,0 -0.3961119,0.1451865 -0.4769218,0.3382223 L 4.2305428,4.3411737 6.233728,3.6016324 C 6.2028331,3.1789732 5.9309329,2.7819407 5.3935725,2.7819407 H 5.21224 C 5.0785332,2.2829406 4.7000095,2.0259146 4.1088965,2.0259146 Z"
+       inkscape:label="Cloud" />
+  </g>
+</svg>
diff --git a/assets/img/icons/suite/airsonic.svg b/assets/img/icons/suite/airsonic.svg
new file mode 100644
index 0000000..3d431c5
--- /dev/null
+++ b/assets/img/icons/suite/airsonic.svg
@@ -0,0 +1,177 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="23.999998"
+   height="24"
+   viewBox="0 0 6.3499992 6.3500002"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="airsonic_dark_512x512.svg"
+   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"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#da74e5"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.96875"
+     inkscape:cx="4.7279843"
+     inkscape:cy="13.620352"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:snap-smooth-nodes="false"
+     inkscape:measure-start="0,0"
+     inkscape:measure-end="0,0"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="matrix(0.05333333,0,0,0.05333333,-0.43744447,-9.0525681)"
+     style="fill:#da74e5">
+    <g
+       id="g4559"
+       transform="matrix(1.0343609,0,0,1.0868666,-2.0684717,-19.990901)"
+       style="fill:#da74e5;fill-opacity:1">
+      <rect
+         ry="2.9969668"
+         rx="2.9969668"
+         y="224.54572"
+         x="9.9293737"
+         height="23.365658"
+         width="5.9939337"
+         id="rect4504"
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.04447;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.40015;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4506"
+         width="5.9939337"
+         height="41.98901"
+         x="19.848774"
+         y="215.2009"
+         rx="2.9969668"
+         ry="2.8189876" />
+      <rect
+         ry="2.9969668"
+         rx="2.9969668"
+         y="211.48949"
+         x="29.768173"
+         height="49.213017"
+         width="5.9939337"
+         id="rect4508"
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.51581;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.65535;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4529"
+         width="5.9939337"
+         height="58.69038"
+         x="39.687572"
+         y="202.01213"
+         rx="2.9969668"
+         ry="3.038136" />
+      <rect
+         ry="2.9969668"
+         rx="2.9969668"
+         y="198.30072"
+         x="49.606964"
+         height="62.401794"
+         width="5.9939337"
+         id="rect4531"
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.70688;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.71141;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4533"
+         width="5.9939337"
+         height="62.733173"
+         x="59.526363"
+         y="197.96933"
+         rx="2.9969668"
+         ry="2.9969668" />
+      <rect
+         ry="2.9969668"
+         rx="2.9969668"
+         y="201.81331"
+         x="69.445778"
+         height="58.889206"
+         width="5.9939337"
+         id="rect4535"
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.65815;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.51887;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4537"
+         width="5.9939337"
+         height="49.411842"
+         x="79.365166"
+         y="211.29066"
+         rx="2.9969668"
+         ry="2.9969668" />
+      <rect
+         ry="2.9969668"
+         rx="2.9969668"
+         y="211.75459"
+         x="89.284561"
+         height="48.947914"
+         width="5.9939337"
+         id="rect4539"
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.51172;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.43615;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4541"
+         width="5.9939337"
+         height="44.176094"
+         x="99.203949"
+         y="216.52641"
+         rx="2.9969668"
+         ry="2.9969668" />
+      <rect
+         ry="2.9969668"
+         rx="2.9969668"
+         y="223.55159"
+         x="109.12335"
+         height="36.885811"
+         width="5.9939337"
+         id="rect4543"
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.31231;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#da74e5;fill-opacity:1;stroke:none;stroke-width:1.02201;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4545"
+         width="5.9939337"
+         height="22.371529"
+         x="119.04275"
+         y="230.7756"
+         rx="2.9969668"
+         ry="2.9969668" />
+    </g>
+  </g>
+</svg>
diff --git a/assets/img/icons/suite/calibre.svg b/assets/img/icons/suite/calibre.svg
new file mode 100644
index 0000000..0aad522
--- /dev/null
+++ b/assets/img/icons/suite/calibre.svg
@@ -0,0 +1,695 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg2"
+   width="24.000002"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24.000002 24"
+   sodipodi:docname="calibre.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
+  <sodipodi:namedview
+     id="namedview40289"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="35.15625"
+     inkscape:cx="5.6462222"
+     inkscape:cy="10.965333"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <defs
+     id="defs4">
+    <linearGradient
+       id="endcap-3">
+      <stop
+         id="stop4283"
+         offset="0"
+         style="stop-color:#601a22;stop-opacity:1" />
+      <stop
+         style="stop-color:#45181d;stop-opacity:1"
+         id="stop4299"
+         offset=".867" />
+      <stop
+         id="stop4301"
+         offset="1"
+         style="stop-color:#a13642;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6757">
+      <stop
+         id="stop6759"
+         offset="0"
+         style="stop-color:#fff;stop-opacity:1" />
+      <stop
+         id="stop6761"
+         offset="1"
+         style="stop-color:#fff;stop-opacity:.39215687" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6741">
+      <stop
+         id="stop6743"
+         offset="0"
+         style="stop-color:#fff;stop-opacity:1" />
+      <stop
+         id="stop6745"
+         offset="1"
+         style="stop-color:#5b757b;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5969">
+      <stop
+         id="stop5971"
+         offset="0"
+         style="stop-color:#000001;stop-opacity:0" />
+      <stop
+         style="stop-color:#000;stop-opacity:1"
+         id="stop5977"
+         offset=".5" />
+      <stop
+         id="stop5973"
+         offset="1"
+         style="stop-color:#000;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5935">
+      <stop
+         id="stop5937"
+         offset="0"
+         style="stop-color:#ffa900;stop-opacity:1" />
+      <stop
+         id="stop5939"
+         offset="1"
+         style="stop-color:#ffeda0;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5929"
+       osb:paint="solid">
+      <stop
+         id="stop5931"
+         offset="0"
+         style="stop-color:#ffa900;stop-opacity:1" />
+    </linearGradient>
+    <filter
+       id="filter4262"
+       width="1.4"
+       height="1.5"
+       x="-0.2"
+       y="-0.25"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur4264"
+         result="result14"
+         stdDeviation="1.5" />
+      <feFlood
+         id="feFlood4266"
+         flood-color="#925E1A"
+         result="result12" />
+      <feTurbulence
+         id="feTurbulence4268"
+         baseFrequency=".3"
+         numOctaves="5"
+         result="result5"
+         seed="0"
+         type="turbulence" />
+      <feDisplacementMap
+         id="feDisplacementMap4270"
+         in="result5"
+         in2="result14"
+         result="result8"
+         scale="100"
+         xChannelSelector="R"
+         yChannelSelector="G" />
+      <feComposite
+         id="feComposite4272"
+         in="result8"
+         in2="result5"
+         k1="0.5"
+         k2="0.5"
+         operator="arithmetic"
+         result="result10"
+         k3="0"
+         k4="0" />
+      <feSpecularLighting
+         id="feSpecularLighting4274"
+         result="result2"
+         specularConstant="1"
+         specularExponent="15"
+         surfaceScale="-15">
+        <feDistantLight
+           id="feDistantLight4276"
+           azimuth="225"
+           elevation="90" />
+      </feSpecularLighting>
+      <feGaussianBlur
+         id="feGaussianBlur4278"
+         result="result13"
+         stdDeviation=".4" />
+      <feDiffuseLighting
+         id="feDiffuseLighting4280"
+         diffuseConstant="0.60000002"
+         in="result13"
+         result="result1"
+         surfaceScale="-20">
+        <feDistantLight
+           id="feDistantLight4282"
+           azimuth="225"
+           elevation="10" />
+      </feDiffuseLighting>
+      <feComposite
+         id="feComposite4284"
+         in="SourceGraphic"
+         in2="result1"
+         k2="1"
+         k3="0.6"
+         operator="arithmetic"
+         result="result4"
+         k1="0"
+         k4="0" />
+      <feComposite
+         id="feComposite4286"
+         in2="SourceGraphic"
+         operator="in"
+         result="result11" />
+      <feBlend
+         id="feBlend4288"
+         in="result11"
+         in2="result11"
+         mode="normal"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="feColorMatrix4439"
+         in="fbSourceGraphic"
+         result="fbSourceGraphicAlpha"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" />
+      <feGaussianBlur
+         id="feGaussianBlur4441"
+         in="fbSourceGraphic"
+         result="result6"
+         stdDeviation="5" />
+      <feComposite
+         id="feComposite4443"
+         in="fbSourceGraphic"
+         in2="result6"
+         operator="atop"
+         result="result8" />
+      <feComposite
+         id="feComposite4445"
+         in="result8"
+         in2="fbSourceGraphicAlpha"
+         operator="over"
+         result="result9" />
+      <feColorMatrix
+         id="feColorMatrix4447"
+         result="result10"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
+      <feBlend
+         id="feBlend4449"
+         in="result10"
+         in2="result6"
+         mode="normal"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="feColorMatrix6777"
+         in="fbSourceGraphic"
+         result="fbSourceGraphicAlpha"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" />
+      <feFlood
+         id="feFlood6779"
+         flood-color="#FFF"
+         flood-opacity="1"
+         in="fbSourceGraphic"
+         result="flood" />
+      <feColorMatrix
+         id="feColorMatrix6781"
+         in="fbSourceGraphic"
+         result="colormatrix1"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.2125 -0.7154 -0.0721 1 0" />
+      <feGaussianBlur
+         id="feGaussianBlur6783"
+         in="colormatrix1"
+         result="blur"
+         stdDeviation="1.9 1" />
+      <feColorMatrix
+         id="feColorMatrix6785"
+         in="blur"
+         result="colormatrix2"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 5.1 -2" />
+      <feBlend
+         id="feBlend6787"
+         in="colormatrix2"
+         in2="flood"
+         mode="normal"
+         result="blend" />
+      <feComposite
+         id="feComposite6789"
+         in="blend"
+         in2="blend"
+         k2="1"
+         operator="arithmetic"
+         result="composite1"
+         k1="0"
+         k3="0"
+         k4="0" />
+      <feComposite
+         id="feComposite6791"
+         in2="fbSourceGraphic"
+         operator="in" />
+    </filter>
+    <linearGradient
+       id="linearGradient5941"
+       x1="-788.95203"
+       x2="-147.653"
+       y1="152.392"
+       y2="150.937"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient5935" />
+    <filter
+       id="filter5943"
+       style="color-interpolation-filters:sRGB">
+      <feFlood
+         id="feFlood5945"
+         flood-color="#000"
+         flood-opacity=".498"
+         result="flood" />
+      <feComposite
+         id="feComposite5947"
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1" />
+      <feGaussianBlur
+         id="feGaussianBlur5949"
+         in="composite1"
+         result="blur"
+         stdDeviation="3" />
+      <feOffset
+         id="feOffset5951"
+         dx="6"
+         dy="6"
+         result="offset" />
+      <feComposite
+         id="feComposite5953"
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2" />
+    </filter>
+    <linearGradient
+       id="linearGradient5975"
+       x1="162.85699"
+       x2="162.85699"
+       y1="168.791"
+       y2="134.505"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient5969" />
+    <linearGradient
+       id="linearGradient5981"
+       x1="162.85699"
+       x2="162.85699"
+       y1="168.791"
+       y2="134.505"
+       gradientTransform="translate(-0.71428572,737.85714)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient5969" />
+    <filter
+       id="filter6683"
+       height="1.5"
+       y="-0.25"
+       style="color-interpolation-filters:sRGB">
+      <feTurbulence
+         id="feTurbulence6685"
+         baseFrequency="1"
+         numOctaves="5"
+         result="result0"
+         seed="0"
+         type="fractalNoise" />
+      <feConvolveMatrix
+         id="feConvolveMatrix6687"
+         kernelMatrix="-2 0 0 0 -2 0 -2 0 -2 0 0 0 -10 0 0 0 -2 0 -2 0 -2 0 0 0 -2"
+         order="5 5"
+         result="result5"
+         targetX="2"
+         targetY="2" />
+      <feComposite
+         id="feComposite6689"
+         in="result5"
+         in2="SourceGraphic"
+         k1="1.5"
+         k2="0.5"
+         k3="0.5"
+         operator="arithmetic"
+         result="result2"
+         k4="0" />
+      <feColorMatrix
+         id="feColorMatrix6691"
+         in="result2"
+         result="result2"
+         type="luminanceToAlpha" />
+      <feDiffuseLighting
+         id="feDiffuseLighting6693"
+         diffuseConstant="0.60000002"
+         result="result1"
+         surfaceScale="5">
+        <feDistantLight
+           id="feDistantLight6695"
+           azimuth="225"
+           elevation="35" />
+      </feDiffuseLighting>
+      <feComposite
+         id="feComposite6697"
+         in="result1"
+         in2="SourceGraphic"
+         k1="1.5"
+         k3="0.5"
+         operator="arithmetic"
+         result="result3"
+         k2="0"
+         k4="0" />
+      <feBlend
+         id="feBlend6699"
+         in="result3"
+         in2="result1"
+         mode="normal"
+         result="result6" />
+      <feComposite
+         id="feComposite6701"
+         in2="SourceGraphic"
+         operator="in"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="feColorMatrix6703"
+         in="fbSourceGraphic"
+         result="fbSourceGraphicAlpha"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" />
+      <feGaussianBlur
+         id="feGaussianBlur6705"
+         in="fbSourceGraphic"
+         result="result6"
+         stdDeviation="5" />
+      <feComposite
+         id="feComposite6707"
+         in="fbSourceGraphic"
+         in2="result6"
+         operator="atop"
+         result="result8" />
+      <feComposite
+         id="feComposite6709"
+         in="result8"
+         in2="fbSourceGraphicAlpha"
+         operator="over"
+         result="result9" />
+      <feColorMatrix
+         id="feColorMatrix6711"
+         result="result10"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
+      <feBlend
+         id="feBlend6713"
+         in="result10"
+         in2="result6"
+         mode="normal"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="feColorMatrix6715"
+         in="fbSourceGraphic"
+         result="fbSourceGraphicAlpha"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" />
+      <feFlood
+         id="feFlood6717"
+         flood-color="#FFF"
+         flood-opacity="1"
+         in="fbSourceGraphic"
+         result="flood" />
+      <feColorMatrix
+         id="feColorMatrix6719"
+         in="fbSourceGraphic"
+         result="colormatrix1"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.2125 -0.7154 -0.0721 1 0" />
+      <feGaussianBlur
+         id="feGaussianBlur6721"
+         in="colormatrix1"
+         result="blur"
+         stdDeviation="1.9 1" />
+      <feColorMatrix
+         id="feColorMatrix6723"
+         in="blur"
+         result="colormatrix2"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 5.1 -2" />
+      <feBlend
+         id="feBlend6725"
+         in="colormatrix2"
+         in2="flood"
+         mode="normal"
+         result="blend" />
+      <feComposite
+         id="feComposite6727"
+         in="blend"
+         in2="blend"
+         k2="1"
+         operator="arithmetic"
+         result="composite1"
+         k1="0"
+         k3="0"
+         k4="0" />
+      <feComposite
+         id="feComposite6729"
+         in2="fbSourceGraphic"
+         operator="in"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="feColorMatrix6765"
+         in="fbSourceGraphic"
+         result="fbSourceGraphicAlpha"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" />
+      <feGaussianBlur
+         id="feGaussianBlur6767"
+         in="fbSourceGraphic"
+         result="result6"
+         stdDeviation="5" />
+      <feComposite
+         id="feComposite6769"
+         in="fbSourceGraphic"
+         in2="result6"
+         operator="atop"
+         result="result8" />
+      <feComposite
+         id="feComposite6771"
+         in="result8"
+         in2="fbSourceGraphicAlpha"
+         operator="over"
+         result="result9" />
+      <feColorMatrix
+         id="feColorMatrix6773"
+         result="result10"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
+      <feBlend
+         id="feBlend6775"
+         in="result10"
+         in2="result6"
+         mode="normal" />
+    </filter>
+    <radialGradient
+       id="radialGradient6747"
+       cx="393.92899"
+       cy="257.005"
+       r="111.786"
+       fx="393.92899"
+       fy="257.005"
+       gradientTransform="matrix(1.7457256,-0.00436375,3.8094882e-4,0.0894564,-302.43191,231.09043)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient6741" />
+    <radialGradient
+       id="radialGradient6751"
+       cx="393.92899"
+       cy="257.005"
+       r="111.786"
+       fx="393.92899"
+       fy="257.005"
+       gradientTransform="matrix(1.7332115,-0.00436375,3.78218e-4,0.0894564,-297.50152,863.23329)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient6741" />
+    <radialGradient
+       id="radialGradient6763"
+       cx="-570.48199"
+       cy="382.41299"
+       r="204.886"
+       fx="-570.48199"
+       fy="382.41299"
+       gradientTransform="matrix(1.1942885,0.04114054,-0.02212466,0.64226641,27.905882,157.70157)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient6757" />
+    <filter
+       id="filter6809"
+       height="1.5"
+       y="-0.25"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur6811"
+         result="result6"
+         stdDeviation="5" />
+      <feComposite
+         id="feComposite6813"
+         in="SourceGraphic"
+         in2="result6"
+         operator="atop"
+         result="result8" />
+      <feComposite
+         id="feComposite6815"
+         in="result8"
+         in2="SourceAlpha"
+         operator="over"
+         result="result9" />
+      <feColorMatrix
+         id="feColorMatrix6817"
+         result="result10"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
+      <feBlend
+         id="feBlend6819"
+         in="result10"
+         in2="result6"
+         mode="normal" />
+    </filter>
+    <filter
+       id="filter6821"
+       style="color-interpolation-filters:sRGB">
+      <feFlood
+         id="feFlood6823"
+         flood-color="#000"
+         flood-opacity=".498"
+         result="flood" />
+      <feComposite
+         id="feComposite6825"
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1" />
+      <feGaussianBlur
+         id="feGaussianBlur6827"
+         in="composite1"
+         result="blur"
+         stdDeviation="3" />
+      <feOffset
+         id="feOffset6829"
+         dx="6"
+         dy="6"
+         result="offset" />
+      <feComposite
+         id="feComposite6831"
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2" />
+    </filter>
+    <filter
+       id="filter7470"
+       style="color-interpolation-filters:sRGB"
+       x="-0.011579657"
+       y="-0.067246147"
+       width="1.032809"
+       height="1.1905308">
+      <feFlood
+         id="feFlood7472"
+         flood-color="#000"
+         flood-opacity=".498"
+         result="flood" />
+      <feComposite
+         id="feComposite7474"
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1" />
+      <feGaussianBlur
+         id="feGaussianBlur7476"
+         in="composite1"
+         result="blur"
+         stdDeviation="3" />
+      <feOffset
+         id="feOffset7478"
+         dx="6"
+         dy="6"
+         result="offset" />
+      <feComposite
+         id="feComposite7480"
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2" />
+    </filter>
+    <radialGradient
+       id="radialGradient4287"
+       cx="620.27899"
+       cy="-27.452999"
+       r="41.081001"
+       fx="620.27899"
+       fy="-27.452999"
+       gradientTransform="matrix(10.935912,-1.2967219,0.08820477,0.74387601,-6207.307,928.16347)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#endcap-3" />
+    <radialGradient
+       id="radialGradient4309"
+       cx="620.70502"
+       cy="1109.08"
+       r="41.081001"
+       fx="620.70502"
+       fy="1109.08"
+       gradientTransform="matrix(11.938212,-1.443998,0.08995089,0.74366689,-6850.4532,1021.976)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#endcap-3" />
+    <filter
+       id="filter4345"
+       style="color-interpolation-filters:sRGB"
+       x="-0.079666257"
+       y="-0.026445059"
+       width="1.2223893"
+       height="1.0772779">
+      <feFlood
+         id="feFlood4347"
+         flood-color="#000"
+         flood-opacity=".498"
+         result="flood" />
+      <feComposite
+         id="feComposite4349"
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1" />
+      <feGaussianBlur
+         id="feGaussianBlur4351"
+         in="composite1"
+         result="blur"
+         stdDeviation="3" />
+      <feOffset
+         id="feOffset4353"
+         dx="6"
+         dy="6"
+         result="offset" />
+      <feComposite
+         id="feComposite4355"
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2" />
+    </filter>
+  </defs>
+  <metadata
+     id="metadata7" />
+  <path
+     id="rect6055"
+     style="fill:#da74e5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0521862;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 13.96822,0.14604052 c -0.0218,-0.002 -0.0441,-0.001 -0.0667,0.002 l -2.76836,0.3548 c -0.18052,0.0231 -0.30726,0.18708 -0.28412,0.3676 L 13.75771,23.567471 c 0.0231,0.18052 0.18712,0.30726 0.36764,0.28412 l 2.76837,-0.3548 c 0.18052,-0.0231 0.3072,-0.18703 0.28407,-0.36755 L 14.26907,0.43216052 c -0.0202,-0.15796 -0.14825,-0.27474 -0.30089,-0.28596 z m -13.47999,0.47794 C 0.21775,0.62398052 0,0.84172052 0,1.1122005 V 23.366061 c 0,0.27048 0.21775,0.48823 0.48823,0.48823 h 4.83405 c 0.27048,0 0.48823,-0.21775 0.48823,-0.48823 V 1.1122005 c 0,-0.27047998 -0.21775,-0.48821998 -0.48823,-0.48821998 z M 6.29389,2.8122805 c -0.19802,0 -0.35745,0.15943 -0.35745,0.35746 V 23.496831 c 0,0.19803 0.15943,0.35746 0.35745,0.35746 h 4.44276 c 0.19803,0 0.35746,-0.15943 0.35746,-0.35746 V 3.1697405 c 0,-0.19803 -0.15943,-0.35746 -0.35746,-0.35746 z m 14.4774,4.93399 c -0.0235,-5.2e-4 -0.0473,0.001 -0.0713,0.006 l -4.98225,0.89608 c -0.19169,0.0345 -0.3155,0.21601 -0.2776,0.40705 l 2.87875,14.5110305 c 0.0379,0.19103 0.22275,0.31706 0.41444,0.28259 l 4.98225,-0.89603 c 0.19169,-0.0345 0.3155,-0.21601 0.2776,-0.40705 L 21.11437,8.0349105 c -0.0332,-0.16716 -0.17877,-0.28455 -0.34308,-0.2882 z" />
+</svg>
diff --git a/assets/img/icons/suite/element.svg b/assets/img/icons/suite/element.svg
new file mode 100644
index 0000000..6c0ed3f
--- /dev/null
+++ b/assets/img/icons/suite/element.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   fill="#000000"
+   width="24"
+   height="24"
+   viewBox="0 0 0.72 0.72"
+   role="img"
+   version="1.1"
+   id="svg18181"
+   sodipodi:docname="element.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs18185" />
+  <sodipodi:namedview
+     id="namedview18183"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="22.5"
+     inkscape:cx="17.4"
+     inkscape:cy="17.355556"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg18181" />
+  <path
+     d="M 0.36,0 C 0.16119,0 0,0.16119 0,0.36 0,0.55881 0.16119,0.72 0.36,0.72 0.55881,0.72 0.72,0.55881 0.72,0.36 0.72,0.16119 0.55881,0 0.36,0 Z M 0.32058,0.14145 c 0.09867,0 0.17868,0.0798 0.17868,0.17829 a 0.02637,0.02637 0 0 1 -0.05274,0 0.12582,0.12582 0 0 0 -0.12594,-0.12567 0.02634,0.02634 0 1 1 0,-0.05262 z M 0.16782,0.42657 A 0.02637,0.02637 0 0 1 0.14145,0.40026 0.1785,0.1785 0 0 1 0.32013,0.22191 a 0.02634,0.02634 0 1 1 0,0.05259 0.12585,0.12585 0 0 0 -0.12594,0.12573 0.0264,0.0264 0 0 1 -0.02637,0.02634 z m 0.23205,0.15201 c -0.0987,0 -0.17871,-0.07986 -0.17871,-0.17832 a 0.0264,0.0264 0 0 1 0.05274,0 0.12582,0.12582 0 0 0 0.12597,0.12567 0.02637,0.02637 0 1 1 0,0.05265 z m 0,-0.08049 a 0.0264,0.0264 0 0 1 -0.0264,-0.02628 0.0264,0.0264 0 0 1 0.0264,-0.02634 0.12585,0.12585 0 0 0 0.12597,-0.1257 0.02637,0.02637 0 0 1 0.05274,0 c 0,0.09846 -0.08001,0.17832 -0.17871,0.17832 z"
+     id="path18179"
+     style="fill:#da74e5;fill-opacity:1;stroke-width:0.03" />
+</svg>
diff --git a/assets/img/icons/suite/emulatorjs.svg b/assets/img/icons/suite/emulatorjs.svg
new file mode 100644
index 0000000..e34b4d8
--- /dev/null
+++ b/assets/img/icons/suite/emulatorjs.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   fill="#000000"
+   width="24.000034"
+   height="24"
+   viewBox="0 -6 0.72000103 0.72"
+   preserveAspectRatio="xMinYMin"
+   class="jam jam-gamepad-retro-f"
+   version="1.1"
+   id="svg39805"
+   sodipodi:docname="gamepad-retro-f-svgrepo-com.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs39809" />
+  <sodipodi:namedview
+     id="namedview39807"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="22.5"
+     inkscape:cx="11.355556"
+     inkscape:cy="17.977778"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg39805" />
+  <path
+     d="m 0.21000352,-5.6700017 v -0.03 a 0.03,0.03 0 1 0 -0.06,0 v 0.03 h -0.03 a 0.02999966,0.02999966 0 1 0 0,0.059999 h 0.03 v 0.03 a 0.03,0.03 0 1 0 0.06,0 v -0.03 h 0.03 a 0.02999966,0.02999966 0 1 0 0,-0.059999 z m -0.03,-0.1499983 h 0.359996 a 0.17999796,0.17999796 0 1 1 -0.134159,0.2999966 h -0.09168 A 0.17999796,0.17999796 0 1 1 0.18000352,-5.82 Z m 0.359996,0.1499983 a 0.02999966,0.02999966 0 1 0 0,-0.059999 0.02999966,0.02999966 0 0 0 0,0.059999 z m -0.06,0.059999 a 0.02999966,0.02999966 0 1 0 0,-0.059999 0.02999966,0.02999966 0 0 0 0,0.059999 z m 0.119998,0 a 0.02999966,0.02999966 0 1 0 0,-0.059999 0.02999966,0.02999966 0 0 0 0,0.059999 z m -0.06,0.059999 a 0.02999966,0.02999966 0 1 0 0,-0.059999 0.02999966,0.02999966 0 0 0 0,0.059999 z"
+     id="path39803"
+     style="stroke-width:0.0299997;fill:#da74e5" />
+</svg>
diff --git a/assets/img/icons/suite/jellyfin.svg b/assets/img/icons/suite/jellyfin.svg
new file mode 100644
index 0000000..2c831bc
--- /dev/null
+++ b/assets/img/icons/suite/jellyfin.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   fill="#000000"
+   width="24"
+   height="24"
+   viewBox="0 0 0.72 0.72"
+   role="img"
+   version="1.1"
+   id="svg35611"
+   sodipodi:docname="jellyfin-svgrepo-com.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs35615" />
+  <sodipodi:namedview
+     id="namedview35613"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="15.909903"
+     inkscape:cx="7.1967757"
+     inkscape:cy="18.007653"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg35611" />
+  <path
+     d="m 0.36001843,6e-5 c -0.09522,0 -0.401946,0.556058 -0.355205,0.649929 0.0468,0.09387 0.66421,0.09282 0.71047,0 C 0.76154343,0.557199 0.45532943,0 0.36001843,0 Z m 0.232803,0.568478 c -0.03024,0.06084 -0.434796,0.0615 -0.465427,0 -0.03066,-0.06153 0.170223,-0.425886 0.232714,-0.425886 0.06243,0 0.263104,0.364985 0.232773,0.425886 z m -0.232803,-0.292594 c -0.03162,0 -0.133382,0.184503 -0.117902,0.215673 0.01554,0.0312 0.220443,0.03081 0.235804,0 0.01533,-0.03081 -0.08622,-0.215703 -0.117902,-0.215703 z"
+     id="path35609"
+     style="stroke-width:0.0300004;fill:#da74e5" />
+</svg>
diff --git a/assets/img/icons/suite/mastodon.svg b/assets/img/icons/suite/mastodon.svg
new file mode 100644
index 0000000..8ad8721
--- /dev/null
+++ b/assets/img/icons/suite/mastodon.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg18599"
+   sodipodi:docname="mastodon.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs18603" />
+  <sodipodi:namedview
+     id="namedview18601"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="24.810765"
+     inkscape:cx="6.3883561"
+     inkscape:cy="13.723882"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg18599" />
+  <title
+     id="title18593">Mastodon</title>
+  <path
+     d="m 23.180227,7.8797696 c 0,-5.2063103 -3.408714,-6.7328504 -3.408714,-6.7328504 -3.344497,-1.53725005 -12.2274889,-1.52118005 -15.5398853,0 0,0 -3.40871427,1.5265401 -3.40871427,6.7328504 0,6.1972304 -0.35318215,13.8942104 5.65086437,15.4850204 2.1672418,0.57313 4.0294602,0.69632 5.5277872,0.61062 2.718419,-0.14998 4.243505,-0.96949 4.243505,-0.96949 l -0.091,-1.97647 c 0,0 -1.942486,0.61062 -4.125778,0.54099 C 9.8664104,21.49544 7.5868011,21.33476 7.233619,18.67804 7.20152,18.44237 7.18542,18.19598 7.18542,17.93352 c 4.580628,1.11946 8.487001,0.48742 9.562597,0.35887 3.002024,-0.35887 5.618756,-2.21214 5.950528,-3.90473 0.524419,-2.66743 0.48161,-6.5078904 0.48161,-6.5078904 z M 19.177485,14.59649 H 16.68568 V 8.4835796 c 0,-2.6603501 -3.422223,-2.7620501 -3.422223,0.36934 V 12.19843 H 10.787692 V 8.8529196 c 0,-3.1313901 -3.422224,-3.0296901 -3.422224,-0.36934 V 14.59649 H 4.8683135 c 0,-6.5357804 -0.2780538,-7.9168105 0.9838882,-9.3674206 1.3849292,-1.54696 4.2670853,-1.64867 5.5504163,0.3265201 l 0.620286,1.0438 0.620277,-1.0438 c 1.288681,-1.9858901 4.176176,-1.8627801 5.550416,-0.3265201 1.267293,1.4613201 0.983888,2.8369902 0.983888,9.3674206 z"
+     id="path18595"
+     style="fill:#da74e5;fill-opacity:1;stroke-width:0.0467831" />
+  <metadata
+     id="metadata48828">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>Mastodon</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/assets/img/icons/suite/minecraft.svg b/assets/img/icons/suite/minecraft.svg
new file mode 100644
index 0000000..892e3d0
--- /dev/null
+++ b/assets/img/icons/suite/minecraft.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 0.36 0.36"
+   version="1.1"
+   id="svg39937"
+   sodipodi:docname="emoji-minecraft-simple-464-svgrepo-com.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview39939"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="31.819805"
+     inkscape:cx="16.137748"
+     inkscape:cy="9.4438039"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg39937" />
+  <title
+     id="title39927">emoji_minecraft_simple [#464]</title>
+  <desc
+     id="desc39929">Created with Sketch.</desc>
+  <defs
+     id="defs39931" />
+  <path
+     d="M 0.12,0.18 H 0.06 V 0.36 H 0.12 V 0.3 H 0.24 V 0.36 H 0.3 V 0.18 H 0.24 V 0.12 H 0.12 Z M 0.24,0.12 H 0.36 V 0 H 0.24 Z M 0,0.12 H 0.12 V 0 H 0 Z"
+     id="emoji_minecraft_simple-[#464]"
+     style="stroke-width:0.03;fill:#da74e5" />
+  <metadata
+     id="metadata39942">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>emoji_minecraft_simple [#464]</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/assets/img/icons/suite/nextcloud.svg b/assets/img/icons/suite/nextcloud.svg
new file mode 100644
index 0000000..04aa025
--- /dev/null
+++ b/assets/img/icons/suite/nextcloud.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 30.72 30.72"
+   version="1.1"
+   id="svg39874"
+   sodipodi:docname="nextcloud-svgrepo-com.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs39878" />
+  <sodipodi:namedview
+     id="namedview39876"
+     pagecolor="#da74e5"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="31.819805"
+     inkscape:cx="9.349523"
+     inkscape:cy="13.623591"
+     inkscape:window-width="3390"
+     inkscape:window-height="1341"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg39874" />
+  <path
+     id="circle39870"
+     style="fill:#da74e5;stroke-width:0.03"
+     d="M 15.36,0 A 15.36,15.36 0 0 0 0,15.36 15.36,15.36 0 0 0 15.36,30.72 15.36,15.36 0 0 0 30.72,15.36 15.36,15.36 0 0 0 15.36,0 Z m 0.015,11.127 c 1.926,-0.003 3.546,1.311 4.053,3.081 0.441,-0.936 1.38,-1.602 2.478,-1.602 1.518,0.006 2.748,1.236 2.754,2.754 -0.006,1.518 -1.236,2.748 -2.754,2.754 -1.095,0 -2.037,-0.663 -2.478,-1.602 -0.507,1.77 -2.127,3.081 -4.053,3.081 -1.938,0 -3.564,-1.326 -4.062,-3.111 -0.435,0.954 -1.389,1.632 -2.499,1.632 C 7.296,18.105 6.066,16.878 6.06,15.36 c 0.009,-1.518 1.236,-2.748 2.754,-2.754 1.11,0 2.064,0.678 2.499,1.632 0.498,-1.785 2.124,-3.111 4.062,-3.111 z m 0,1.614 c -1.455,0 -2.619,1.164 -2.616,2.619 v 0.024 c 0.006,1.44 1.176,2.601 2.616,2.595 1.455,0 2.619,-1.164 2.619,-2.619 0,-1.455 -1.164,-2.619 -2.619,-2.619 z m -6.561,1.482 c -0.639,0 -1.137,0.498 -1.137,1.137 v 0.024 c 0.006,0.621 0.516,1.119 1.137,1.113 0.639,0 1.137,-0.498 1.137,-1.137 0,-0.636 -0.501,-1.137 -1.137,-1.137 z m 13.092,0 c -0.636,0 -1.137,0.498 -1.137,1.137 v 0.024 c 0.006,0.621 0.516,1.119 1.137,1.113 0.636,0 1.137,-0.498 1.137,-1.137 0,-0.636 -0.498,-1.137 -1.137,-1.137 z" />
+</svg>
diff --git a/assets/img/icons/suite/peertube.svg b/assets/img/icons/suite/peertube.svg
new file mode 100644
index 0000000..3eb41bb
--- /dev/null
+++ b/assets/img/icons/suite/peertube.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="24"
+   viewBox="2799 -911 24 24.000001"
+   width="24"
+   version="1.1"
+   id="svg160"
+   sodipodi:docname="peertube.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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="defs164" />
+  <sodipodi:namedview
+     id="namedview162"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="38.049995"
+     inkscape:cx="8.1471758"
+     inkscape:cy="13.166887"
+     inkscape:window-width="2756"
+     inkscape:window-height="1357"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg160" />
+  <g
+     stroke-width="32"
+     id="g158"
+     transform="matrix(0.03515515,0,0,0.03515515,2703.601,-878.97366)"
+     style="fill:#da74e5;fill-opacity:1">
+    <path
+       d="m 2799,-911 v 341.344 l 256,-170.656"
+       fill="#211f20"
+       id="path152"
+       style="fill:#da74e5;fill-opacity:1" />
+    <path
+       d="m 2799,-569.656 v 341.344 l 256,-170.656"
+       fill="#737373"
+       id="path154"
+       style="fill:#da74e5;fill-opacity:1" />
+    <path
+       d="M 3055,-740.344 V -399 l 256,-170.656"
+       fill="#f1680d"
+       id="path156"
+       style="fill:#da74e5;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/assets/img/icons/suite/pixelfed.svg b/assets/img/icons/suite/pixelfed.svg
new file mode 100644
index 0000000..282d75c
--- /dev/null
+++ b/assets/img/icons/suite/pixelfed.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg29"
+   sodipodi:docname="pixelfed.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata33">
+    <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>04/full/color/svg/pixelfed-full-color</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2465"
+     inkscape:window-height="1357"
+     id="namedview31"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="30.767768"
+     inkscape:cx="4.1764486"
+     inkscape:cy="10.953021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="photos"
+     inkscape:showpageshadow="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1" />
+  <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">04/full/color/svg/pixelfed-full-color</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="photos"
+     transform="translate(-7.5664061,-7.5689637)"
+     style="fill:none;fill-rule:nonzero;stroke:none;stroke-width:1">
+    <path
+       id="path4664"
+       style="display:inline;fill:#da74e5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.606479"
+       d="m 19.570032,7.5689637 c -1.826292,0 -3.348287,1.349014 -3.630577,3.0988013 0.156692,0.112916 0.307648,0.236342 0.448384,0.377077 l 2.314432,2.314433 c 0.405433,0.405433 0.69225,0.884536 0.867761,1.394703 0.07157,0.207752 0.122393,0.420391 0.155907,0.635713 h 1.229127 c 0.734151,0 1.417704,0.215039 1.988116,0.583745 0.194231,-0.446241 0.309396,-0.933358 0.309396,-1.449089 V 11.25151 c 0,-0.19883 -0.02129,-0.393097 -0.05197,-0.583745 C 22.91832,8.9179777 21.396324,7.5689637 19.570032,7.5689637 Z M 13.72896,10.004254 c -0.956875,-0.011661 -1.916884,0.345729 -2.643166,1.072012 -1.2911691,1.291168 -1.412977,3.32016 -0.375869,4.756974 0.189011,-0.02986 0.380508,-0.04955 0.577702,-0.04955 h 3.272837 c 0.604128,0 1.173743,0.150002 1.67751,0.410918 0.381441,-0.488579 0.981245,-0.804915 1.656965,-0.804915 h 1.733105 c -0.03365,-0.204125 -0.08431,-0.405877 -0.152281,-0.603082 -0.17592,-0.510167 -0.462329,-0.990477 -0.867762,-1.395911 L 16.293569,11.076266 C 16.152833,10.93553 16.001877,10.812104 15.845185,10.699188 15.216579,10.245275 14.473197,10.013324 13.72896,10.004254 Z m 11.688186,0.0085 c -0.744236,0.0091 -1.48641,0.239812 -2.115016,0.693726 0.03068,0.190648 0.05076,0.384914 0.05076,0.583745 v 3.272837 c 0,0.524514 -0.118641,1.019722 -0.319066,1.472051 0.930646,0.642265 1.539732,1.703026 1.539732,2.90422 0,0.154614 -0.01188,0.306237 -0.03142,0.455635 0.437728,-0.178191 0.850085,-0.436752 1.203746,-0.790412 l 2.314433,-2.314432 c 0.140736,-0.140736 0.262953,-0.291692 0.375869,-0.448384 1.037926,-1.436814 0.9153,-3.466605 -0.375869,-4.758183 -0.726283,-0.726283 -1.686291,-1.082464 -2.643167,-1.070803 z m -14.168194,5.872495 c -0.197193,0 -0.388691,0.01928 -0.577702,0.04955 -1.7522347,0.279835 -3.1048439,1.803865 -3.1048439,3.631786 0,1.827364 1.351041,3.353298 3.1024269,3.634203 8.42e-4,-0.0012 0.0016,-0.0025 0.0024,-0.0037 0.112915,-0.156691 0.235134,-0.307649 0.375868,-0.448384 l 2.314433,-2.314433 c 0.405431,-0.40543 0.884538,-0.691842 1.394703,-0.867761 0.340712,-0.117376 0.69511,-0.180772 1.051465,-0.19579 v -1.932521 c 0,-0.429046 0.135135,-0.827564 0.364991,-1.156611 -0.497135,-0.252129 -1.057552,-0.396415 -1.650921,-0.396415 z m 17.218653,0.05197 c -0.112917,0.156692 -0.235134,0.307649 -0.375869,0.448383 l -2.314432,2.314433 c -0.366395,0.366394 -0.795412,0.631468 -1.250882,0.809749 -0.213558,1.296197 -1.141973,2.357534 -2.376069,2.780944 0.257132,0.232955 0.545167,0.432485 0.860509,0.586162 0.485212,0.236469 1.02779,0.372243 1.60137,0.372243 h 3.272837 c 0.198829,0 0.391887,-0.02007 0.582536,-0.05076 1.749786,-0.282288 3.098801,-1.804284 3.098801,-3.630576 0,-1.826292 -1.349015,-3.348696 -3.098801,-3.630578 z M 15.80772,19.466232 c -0.345181,0.01754 -0.688354,0.08073 -1.018834,0.194581 -0.510167,0.17592 -0.990478,0.462329 -1.395911,0.867762 l -2.314433,2.314432 c -0.140736,0.140736 -0.262953,0.291692 -0.375868,0.448384 -1.0375176,1.436813 -0.9153006,3.468222 0.375868,4.759391 1.291169,1.291169 3.321369,1.413386 4.758183,0.375869 -0.03068,-0.190649 -0.05076,-0.384914 -0.05076,-0.583745 v -3.272837 c 0,-0.122968 0.0095,-0.244012 0.02176,-0.363783 z m 6.232651,2.860711 c -0.342293,0.105368 -0.707582,0.16195 -1.085305,0.16195 H 19.52048 c -0.110022,0.618686 -0.06375,1.259786 0.142612,1.858797 0.175921,0.510167 0.462328,0.990478 0.867762,1.395911 l 2.314432,2.314433 c 0.140736,0.140735 0.292901,0.262953 0.449592,0.375869 1.436815,1.037516 3.467015,0.9153 4.758184,-0.375869 1.291169,-1.291169 1.413794,-3.321369 0.375868,-4.758183 -0.190648,0.03069 -0.383706,0.05076 -0.582536,0.05076 h -3.274046 c -0.57358,0 -1.114948,-0.136983 -1.600161,-0.373452 -0.344505,-0.16789 -0.657631,-0.388855 -0.931816,-0.650217 z m -3.205156,0.16195 -2.947729,2.841374 v 2.552523 c 0,0.198829 0.02007,0.391887 0.05076,0.582536 0.282289,1.749787 1.804284,3.098801 3.630576,3.098801 1.826294,0 3.348287,-1.349014 3.630578,-3.098801 C 23.042707,28.352 22.891751,28.229784 22.751017,28.089457 L 20.436584,25.775025 C 20.03115,25.369591 19.744333,24.88928 19.568822,24.379113 19.35896,23.769937 19.314904,23.117285 19.432253,22.488893 Z" />
+  </g>
+</svg>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2cf10aa
--- /dev/null
+++ b/index.html
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="UTF-8">
+<title>pogmom</title>
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="stylesheet" href="style/css/style.css">
+<body>
+  <div class="title">
+    <img alt="account icon" src="assets/img/icons/header/suite.svg">
+    <h1>Pogmom Suite</h1>
+    <h2>An Archival & Networking Project</h2>
+  </div>
+  <div class="flexrow header">
+    <div class="wrapgroup">
+      <a href="https://accounts.pogmom.me" class="flexitem">
+        <img alt="account icon" src="assets/img/icons/header/accounts.svg">
+        <p>account</p>
+      </a>
+      <a href="https://cloud.pogmom.me/apps/forms/s/wsEkks78nqJEZCkEYpGoMNr5" class="flexitem">
+        <img src="assets/img/icons/header/register.svg">
+        <p>register</p>
+      </a>
+      <a href="https://requests.pogmom.me/" class="flexitem">
+        <img src="assets/img/icons/header/request.svg">
+        <p>request</p>
+      </a>
+    </div>
+    <div class="wrapgroup">
+      <a href="https://cloud.pogmom.me/apps/forms/opLoZ6FTaMJ8xxaR" class="flexitem">
+        <img src="assets/img/icons/header/feedback.svg">
+        <p>feedback</p>
+      </a>
+      <a href="https://liberapay.com/pogmommy/donate" class="flexitem">
+        <img src="assets/img/icons/header/donate.svg">
+        <p>donate</p>
+      </a>
+      <a href="https://pogmom.me/status.html" class="flexitem">
+        <img src="assets/img/icons/header/status.svg">
+        <p>status</p>
+      </a>
+    </div>
+  </div>
+  <hr>
+  <h2>Social</h2>
+  <div class="flexrow">
+    <div class="wrapgroup">
+      <a href="https://cloud.pogmom.me" class="flexitem">
+        <img src="assets/img/icons/suite/nextcloud.svg">
+        <p>Nextcloud</p>
+        <a></a>
+      </a>  
+      <a href="https://masto.pogmom.me" class="flexitem">
+        <img src="assets/img/icons/suite/mastodon.svg">
+        <p>Mastodon</p>
+      </a>
+    </div>
+    <div class="wrapgroup">
+      <a href="https://pixel.pogmom.me" class="flexitem">
+        <img src="assets/img/icons/suite/pixelfed.svg">
+        <p>Pixelfed</p>
+      </a>
+      <a href="https://peertube.pogmom.me" class="flexitem">
+        <img src="assets/img/icons/suite/peertube.svg">
+        <p>Peertube</p>
+      </a>
+      <a href="https://chat.pogmom.me" class="flexitem">
+        <img src="assets/img/icons/suite/element.svg">
+        <p>Element</p>
+      </a>
+    </div>
+  </div>
+  <h2>Multimedia</h2>
+  <div class="flexrow">
+    <div class="wrapgroup">
+      <a href="https://listen.pogmom.me" class="flexitem">
+        <img src="assets/img/icons/suite/calibre.svg">
+        <p>Calibre</p>
+      </a>
+      <a href="https://listen.pogmom.me" class="flexitem">
+        <img src="assets/img/icons/suite/jellyfin.svg">
+        <p>Jellyfin</p>
+      </a>
+      <a href="https://listen.pogmom.me" class="flexitem">
+        <img src="assets/img/icons/suite/airsonic.svg">
+        <p>Airsonic</p>
+      </a>  
+    </div>
+  </div>
+  <h2>Games</h2>
+  <div class="flexrow">
+    <div class="wrapgroup">
+      <a href="https://mc.pogmom.me" class="flexitem">
+        <img src="assets/img/icons/suite/emulatorjs.svg">
+        <p>EmulatorJS</p>
+      </a>
+      <a href="https://mc.pogmom.me" class="flexitem">
+        <img src="assets/img/icons/suite/minecraft.svg">
+        <p>Minecraft</p>
+      </a>
+    </div>
+  </div>
+  <hr>
+  <div class="flexrow header">
+    <div class="wrapgroup">
+      <a href="https://accounts.pogmom.me" class="flexitem">
+        <img alt="account icon" src="assets/img/icons/header/accounts.svg">
+      </a>
+      <a href="https://cloud.pogmom.me/apps/forms/s/wsEkks78nqJEZCkEYpGoMNr5" class="flexitem">
+        <img src="assets/img/icons/header/register.svg">
+      </a>
+      <a href="https://requests.pogmom.me/" class="flexitem">
+        <img src="assets/img/icons/header/request.svg">
+      </a>
+    </div>
+    <div class="wrapgroup">
+      <a href="https://cloud.pogmom.me/apps/forms/opLoZ6FTaMJ8xxaR" class="flexitem">
+        <img src="assets/img/icons/header/feedback.svg">
+      </a>
+      <a href="https://liberapay.com/pogmommy/donate" class="flexitem">
+        <img src="assets/img/icons/header/donate.svg">
+      </a>
+      <a href="https://pogmom.me/status.html" class="flexitem">
+        <img src="assets/img/icons/header/status.svg">
+      </a>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/style/css/style.css b/style/css/style.css
new file mode 100644
index 0000000..6194a43
--- /dev/null
+++ b/style/css/style.css
@@ -0,0 +1,88 @@
+body {
+  background-color: #000000;
+  margin-left: 7vw;
+  margin-right: 7vw;
+}
+h1,h2,p{
+  color: #da74e5;
+  font-family: 'Overpass', sans-serif;
+  font-weight: 50;
+  text-align: center;
+}
+h1 {
+  display: inline-block;
+  font-size: 3em;
+}
+hr {
+  color: #da74e5;
+}
+.title {
+  text-align: center;
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+}
+.title > img {
+  height: 24pt;
+}
+.flexrow,.wrapgroup{
+  display:flex;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+.wrapgroup {
+  flex-wrap: nowrap;
+  flex: 0 1 0px;
+}
+.header > .wrapgroup > .flexitem > img {
+  width: auto;
+}
+.header > .wrapgroup > .flexitem > p {
+  font-size: 10pt;
+}
+.header > .wrapgroup > .flexitem {
+  min-width: 60px;
+  max-width: 100px;
+}
+.flexitem {
+  min-width: 100px;
+  max-width: 200px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  border-style: solid;
+  border-color: #da74e5;
+  border-width: 3px;
+  border-radius: 10px;
+  padding: 2vh 1vw;
+  margin: 2vh 1vw;
+  text-decoration: none;
+  transition: 0.5s;
+}
+.flexitem:hover {
+  box-shadow: 0px 0px 30px #da75e5dd;
+  transition: 0.25s;
+}
+.flexitem > p {
+  margin-bottom: 0px;
+/*  font-size: 10pt;*/
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Overpass';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/style/fonts/overpass/latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Overpass';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/style/fonts/overpass/latin.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/style/fonts/overpass/cyrillic-ext.woff2 b/style/fonts/overpass/cyrillic-ext.woff2
new file mode 100644
index 0000000..75c9963
Binary files /dev/null and b/style/fonts/overpass/cyrillic-ext.woff2 differ
diff --git a/style/fonts/overpass/cyrillic.woff2 b/style/fonts/overpass/cyrillic.woff2
new file mode 100644
index 0000000..289032d
Binary files /dev/null and b/style/fonts/overpass/cyrillic.woff2 differ
diff --git a/style/fonts/overpass/latin-ext.woff2 b/style/fonts/overpass/latin-ext.woff2
new file mode 100644
index 0000000..488196c
Binary files /dev/null and b/style/fonts/overpass/latin-ext.woff2 differ
diff --git a/style/fonts/overpass/latin.woff2 b/style/fonts/overpass/latin.woff2
new file mode 100644
index 0000000..afd295f
Binary files /dev/null and b/style/fonts/overpass/latin.woff2 differ
diff --git a/style/fonts/overpass/vietnamese.woff2 b/style/fonts/overpass/vietnamese.woff2
new file mode 100644
index 0000000..21791de
Binary files /dev/null and b/style/fonts/overpass/vietnamese.woff2 differ