diff --git a/assets/img/icons/header/info.svg b/assets/img/icons/header/about.svg
similarity index 100%
rename from assets/img/icons/header/info.svg
rename to assets/img/icons/header/about.svg
diff --git a/assets/img/icons/header/download-black.svg b/assets/img/icons/header/download-black.svg
deleted file mode 100644
index 17f1bcd..0000000
--- a/assets/img/icons/header/download-black.svg
+++ /dev/null
@@ -1,43 +0,0 @@
-<?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="svg53761"
-   sodipodi:docname="download-black.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="#000000"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="true"
-     inkscape:deskcolor="#d1d1d1"
-     showgrid="false"
-     inkscape:zoom="31.819805"
-     inkscape:cx="12.85363"
-     inkscape:cy="13.010765"
-     inkscape:window-width="3410"
-     inkscape:window-height="1357"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg53761" />
-  <path
-     style="color:#000000;fill:#000000;stroke-width:0.0719988;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
-     d="m 0.35997231,0 c -0.039757,4.7409529e-6 -0.0719854,0.0322332 -0.0719902,0.0719902 V 0.47417117 L 0.12289872,0.30908779 c -0.02811638,-0.0281124 -0.07369804,-0.0281124 -0.10181442,0 -0.0281124,0.0281164 -0.0281124,0.073698 0,0.10181442 l 0.2879948,0.2879948 c 0.0134999,0.0135079 0.0318111,0.021098 0.0509072,0.021103 0.0190967,-4.94e-6 0.0374081,-0.007595 0.0509072,-0.021103 l 0.2879948,-0.2879948 c 0.0281124,-0.0281164 0.0281124,-0.073698 0,-0.10181442 -0.0281164,-0.0281124 -0.073698,-0.0281124 -0.10181442,0 L 0.43199051,0.47417117 V 0.0719902 C 0.43198577,0.0322254 0.39974511,-6.3990471e-6 0.35998031,0 Z"
-     id="path53759"
-     sodipodi:nodetypes="scccccccccccccss" />
-</svg>
diff --git a/assets/img/icons/header/info-black.svg b/assets/img/icons/header/info-black.svg
deleted file mode 100644
index 2886522..0000000
--- a/assets/img/icons/header/info-black.svg
+++ /dev/null
@@ -1,43 +0,0 @@
-<?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-black.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="#000000"
-     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="13.042192"
-     inkscape:cy="13.859293"
-     inkscape:window-width="3410"
-     inkscape:window-height="1357"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg53698" />
-  <path
-     style="color:#000000;fill:#000000;stroke-width:0.0720018;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
-     d="M 0.35982946,1.8379106e-8 C 0.32007077,4.7592483e-6 0.28784106,0.03223453 0.28783626,0.07199322 c 4.74e-6,0.03975869 0.0322343,0.0719884 0.0719932,0.0719932 h 7.0612e-4 c 0.0397589,-4.74e-6 0.0719884,-0.0322343 0.0719932,-0.0719932 C 0.43252404,0.03223453 0.40029447,4.8192593e-6 0.36053558,1.8379106e-8 Z m 0,0.288006801620894 c -0.0397587,4.74e-6 -0.0719884,0.0322343 -0.0719932,0.0719932 v 0.2880068 c 4.74e-6,0.0397587 0.0322343,0.0719884 0.0719932,0.0719932 0.0397667,6.3e-6 0.0720084,-0.0322265 0.0720132,-0.0719932 v -0.2880068 c -4.74e-6,-0.0397665 -0.0322467,-0.0719994 -0.0720132,-0.0719932 z"
-     id="path53696"
-     sodipodi:nodetypes="scsscssccccccc" />
-</svg>
diff --git a/assets/img/icons/ui/info.svg b/assets/img/icons/ui/info.svg
new file mode 100644
index 0000000..fd62e87
--- /dev/null
+++ b/assets/img/icons/ui/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/ui/paid.svg b/assets/img/icons/ui/paid.svg
new file mode 100644
index 0000000..a10724d
--- /dev/null
+++ b/assets/img/icons/ui/paid.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="paid.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="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="45"
+     inkscape:cx="10.488889"
+     inkscape:cy="13.066667"
+     inkscape:window-width="3410"
+     inkscape:window-height="1357"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg54183" />
+  <path
+     style="color:#000000;fill:#ff0000;stroke-width:0.03272;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;fill-opacity:1"
+     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/ui/warning.svg b/assets/img/icons/ui/warning.svg
new file mode 100644
index 0000000..0fbd380
--- /dev/null
+++ b/assets/img/icons/ui/warning.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="23.999998"
+   height="24"
+   viewBox="0 0 0.71999994 0.72"
+   fill="none"
+   version="1.1"
+   id="svg186"
+   sodipodi:docname="warning-1-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="defs190" />
+  <sodipodi:namedview
+     id="namedview188"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="33.72"
+     inkscape:cx="11.491696"
+     inkscape:cy="13.196916"
+     inkscape:window-width="1557"
+     inkscape:window-height="1357"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg186" />
+  <g
+     id="g299"
+     transform="matrix(0.03690166,0,0,0.03690166,-0.08282019,-0.09231044)">
+    <circle
+       cx="12"
+       cy="17"
+       r="1"
+       fill="#000000"
+       id="circle180"
+       style="fill:#ff0000;fill-opacity:1" />
+    <path
+       d="m 12,10 v 4"
+       stroke="#000000"
+       stroke-width="2"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path182"
+       style="stroke:#ff0000;stroke-opacity:1" />
+    <path
+       d="M 3.44722,18.1056 10.2111,4.57771 c 0.7371,-1.4741 2.8407,-1.47409 3.5778,0 L 20.5528,18.1056 C 21.2177,19.4354 20.2507,21 18.7639,21 H 5.23607 C 3.7493,21 2.78231,19.4354 3.44722,18.1056 Z"
+       stroke="#000000"
+       stroke-width="2"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path184"
+       style="stroke:#ff0000;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/assets/views/header.html b/assets/views/header.html
index 7717866..66a3a3a 100644
--- a/assets/views/header.html
+++ b/assets/views/header.html
@@ -28,7 +28,7 @@
     <div class="wrapgroup">
       <div class="flexobject button pinkborder">
         <a href="/about.html">
-          <img src="/assets/img/icons/header/info.svg">
+          <img src="/assets/img/icons/header/about.svg">
           <p>about</p>
         </a>
       </div>
diff --git a/clients.html b/clients.html
index 670a688..f7a32f2 100644
--- a/clients.html
+++ b/clients.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <title>Pogmom Suite | About</title>
+  <title>Pogmom Suite | Clients</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <link rel="stylesheet" href="/style/css/style.css">
 </head>
@@ -17,27 +17,30 @@
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Desktop</h2>
         <div class="groupcontent">
-          <h2>Nextcloud Client</h2>
           <div class="flexrow">
+            <h2>Nextcloud Desktop Client</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
           </div>
-          <p>Visit the Nextcloud website to download the desktop client for your system.</p>
+          <p>Cross-platform Nextcloud client for synchronizing files</p>
           <a class="button pinkborder" href="https://nextcloud.com/install/#desktop-files">
-            <p>Visit Now</p>
+            <p>Download</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/nextcloud/desktop">
+            <p>View Source</p>
           </a>
         </div>
       </div>
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Mobile</h2>
         <div class="groupcontent">
-          <h2>Nextcloud App</h2>
           <div class="flexrow">
+            <h2>Nextcloud Files</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
-          <p>Official Nextcloud client for mobile devices</p>
+          <p>Official Nextcloud client for synchronizing files on mobile devices</p>
           <a class="button pinkborder" href="https://f-droid.org/packages/com.nextcloud.client/">
             <p>F-Droid</p>
           </a>
@@ -45,7 +48,13 @@
             <p>Google Play Store</p>
           </a>
           <a class="button pinkborder" href="https://itunes.apple.com/us/app/nextcloud/id1125420102">
-            <p>App Store</p>
+            <p>Apple App Store</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/nextcloud/android">
+            <p>View Source (Android)</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/nextcloud/ios">
+            <p>View Source (iOS)</p>
           </a>
         </div>
       </div>
@@ -58,8 +67,8 @@
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Desktop</h2>
         <div class="groupcontent">
-          <h2>Mastodon</h2>
           <div class="flexrow">
+            <h2>Mastodon</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/web.svg">
           </div>
           <p>It is recommended to use Mastodon through your browser on Desktop platforms</p>
@@ -71,8 +80,8 @@
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Mobile</h2>
         <div class="groupcontent">
-          <h2>Mastodon App</h2>
           <div class="flexrow">
+            <h2>Mastodon App</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
@@ -84,7 +93,7 @@
             <p>Google Play Store</p>
           </a>
           <a class="button pinkborder" href="https://apps.apple.com/us/app/mastodon-for-iphone/id1571998974">
-            <p>App Store</p>
+            <p>Apple App Store</p>
           </a>
           <a class="button pinkborder" href="https://github.com/mastodon/mastodon-android">
             <p>View Source (Android)</p>
@@ -92,8 +101,8 @@
           <a class="button pinkborder" href="https://github.com/mastodon/mastodon-ios">
             <p>View Source (iOS)</p>
           </a>
-          <h2>Fedilab</h2>
           <div class="flexrow">
+            <h2>Fedilab</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
           </div>
           <p>A multifunctional Android client to access the distributed Fediverse</p>
@@ -106,13 +115,13 @@
           <a class="button pinkborder" href="https://github.com/caraesten/Fedilab">
             <p>View Source</p>
           </a>
-          <h2>Ice Cubes</h2>
           <div class="flexrow">
+            <h2>Ice Cubes</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
           <p>Native iOS client for Mastodon built in SwiftUI</p>
           <a class="button pinkborder" href="https://apps.apple.com/us/app/ice-cubes-for-mastodon/id6444915884">
-            <p>App Store</p>
+            <p>Apple App Store</p>
           </a>
           <a class="button pinkborder" href="https://github.com/Dimillian/IceCubesApp">
             <p>View Source</p>
@@ -140,8 +149,8 @@
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Mobile</h2>
         <div class="groupcontent">
-          <h2>Pixelfed App</h2>
           <div class="flexrow">
+            <h2>Pixelfed App</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
@@ -153,13 +162,13 @@
             <p>Google Play Store</p>
           </a>
           <a class="button pinkborder" href="https://apps.apple.com/us/app/pixelfed/id1632519816">
-            <p>App Store</p>
+            <p>Apple App Store</p>
           </a>
           <a class="button pinkborder" href="https://github.com/pixelfed/pixelfed-rn">
             <p>View Source</p>
           </a>
-          <h2>Fedilab</h2>
           <div class="flexrow">
+            <h2>Fedilab</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
           </div>
           <p>A multifunctional Android client to access the distributed Fediverse</p>
@@ -172,8 +181,8 @@
           <a class="button pinkborder" href="https://github.com/caraesten/Fedilab">
             <p>View Source</p>
           </a>
-          <h2>Pixelix</h2>
           <div class="flexrow">
+            <h2>Pixelix</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
           </div>
           <p>User-friendly android client for Pixelfed</p>
@@ -196,8 +205,8 @@
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Desktop</h2>
         <div class="groupcontent">
-          <h2>Peertube</h2>
           <div class="flexrow">
+            <h2>Peertube</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/web.svg">
           </div>
           <p>It is recommended to use Peertube through your browser on Desktop platforms</p>
@@ -209,8 +218,8 @@
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Mobile</h2>
         <div class="groupcontent">
-          <h2>Peertube App</h2>
           <div class="flexrow">
+            <h2>Peertube App</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
@@ -222,13 +231,13 @@
             <p>Google Play Store</p>
           </a>
           <a class="button pinkborder" href="https://apps.apple.com/gb/app/peertube/id6737834858">
-            <p>App Store</p>
+            <p>Apple App Store</p>
           </a>
           <a class="button pinkborder" href="https://framagit.org/framasoft/peertube/mobile-application">
             <p>View Source</p>
           </a>
-          <h2>Fedilab</h2>
           <div class="flexrow">
+            <h2>Fedilab</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
           </div>
           <p>A multifunctional Android client to access the distributed Fediverse</p>
@@ -251,19 +260,86 @@
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Desktop</h2>
         <div class="groupcontent">
-          <h2>Element</h2>
           <div class="flexrow">
+            <h2>Element</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/web.svg">
           </div>
-          <p>It is recommended to use Element through your browser on Desktop platforms</p>
-          <a class="button pinkborder" href="https://chat.pogmom.me/">
-            <p>Visit Now</p>
+          <p>Official Element Matrix client</p>
+          <a class="button pinkborder" href="https://matrix.org/ecosystem/clients/element/">
+            <p>Download</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/element-hq">
+            <p>View Source</p>
+          </a>
+          <div class="flexrow">
+            <h2>FluffyChat</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/web.svg">
+          </div>
+          <p>Matrix client built with flutter</p>
+          <a class="button pinkborder" href="https://matrix.org/ecosystem/clients/fluffychat/">
+            <p>Download</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/krille-chan/fluffychat">
+            <p>View Source</p>
+          </a>
+          <div class="flexrow">
+            <h2>Cinny</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
+          </div>
+          <p>Matrix client focusing primarily on simple, elegant and secure interface</p>
+          <a class="button pinkborder" href="https://matrix.org/ecosystem/clients/cinny/">
+            <p>Download</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/cinnyapp/cinny">
+            <p>View Source</p>
           </a>
         </div>
       </div>
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Mobile</h2>
         <div class="groupcontent">
+          <div class="flexrow">
+            <h2>Element</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
+          </div>
+          <p>Official Element Matrix client</p>
+          <a class="button pinkborder" href="https://f-droid.org/packages/im.vector.app">
+            <p>F-Droid</p>
+          </a>
+          <a class="button pinkborder" href="https://play.google.com/store/apps/details?id=im.vector.app">
+            <p>Google Play Store</p>
+          </a>
+          <a class="button pinkborder" href="https://apps.apple.com/app/vector/id1083446067">
+            <p>Apple App Store</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/element-hq">
+            <p>View Source</p>
+          </a>
+          <div class="flexrow">
+            <h2>FluffyChat</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
+          </div>
+          <p>Matrix client built with flutter</p>
+          <a class="button pinkborder" href="https://f-droid.org/packages/chat.fluffy.fluffychat">
+            <p>F-Droid</p>
+          </a>
+          <a class="button pinkborder" href="https://play.google.com/store/apps/details?id=chat.fluffy.fluffychat">
+            <p>Google Play Store</p>
+          </a>
+          <a class="button pinkborder" href="https://apps.apple.com/app/fluffychat/id1551469600">
+            <p>Apple App Store</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/krille-chan/fluffychat">
+            <p>View Source</p>
+          </a>
         </div>
       </div>
     </div>
@@ -274,13 +350,39 @@
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Desktop</h2>
         <div class="groupcontent">
+          <div class="flexrow">
+            <h2>Jellyfin Media Player</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
+          </div>
+          <p>Official Jellyfin desktop client</p>
+          <a class="button pinkborder" href="https://github.com/jellyfin/jellyfin-media-player/releases">
+            <p>Download</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/jellyfin/jellyfin-media-player">
+            <p>View Source</p>
+          </a>
+          <div class="flexrow">
+            <h2>Fladder</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
+          </div>
+          <p>Jellyfin client built with flutter</p>
+          <a class="button pinkborder" href="https://github.com/DonutWare/Fladder/releases/latest">
+            <p>Download</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/DonutWare/Fladder">
+            <p>View Source</p>
+          </a>
         </div>
       </div>
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Mobile</h2>
         <div class="groupcontent">
-          <h2>Jellyfin Mobile</h2>
           <div class="flexrow">
+            <h2>Jellyfin Mobile</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
@@ -300,8 +402,20 @@
           <a class="button pinkborder" href="https://github.com/jellyfin/jellyfin-expo">
             <p>View Source (iOS)</p>
           </a>
-          <h2>Findroid</h2>
           <div class="flexrow">
+            <h2>Fladder</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
+          </div>
+          <p>Jellyfin client built with flutter</p>
+          <a class="button pinkborder" href="https://github.com/DonutWare/Fladder/releases/latest">
+            <p>Download</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/DonutWare/Fladder">
+            <p>View Source</p>
+          </a>
+          <div class="flexrow">
+            <h2>Findroid</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
           </div>
           <a class="button pinkborder" href="https://f-droid.org/packages/dev.jdtech.jellyfin">
@@ -313,23 +427,18 @@
           <a class="button pinkborder" href="https://github.com/jarnedemeulemeester/findroid">
             <p>View Source</p>
           </a>
-          <h2>Swiftfin</h2>
           <div class="flexrow">
+            <h2>Swiftfin</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
           <a class="button pinkborder" href="https://apps.apple.com/us/app/swiftfin/id1604098728">
-            <p>App Store</p>
+            <p>Apple App Store</p>
           </a>
           <a class="button pinkborder" href="https://github.com/jellyfin/Swiftfin">
             <p>View Source</p>
           </a>
         </div>
       </div>
-      <div class="clientgroup pinkborder">
-        <h2 class="groupheader">Other</h2>
-        <div class="groupcontent">
-        </div>
-      </div>
     </div>
   </div>
   <div id="airsonic">
@@ -338,8 +447,8 @@
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Desktop</h2>
         <div class="groupcontent">
-          <h2>Feishin</h2>
           <div class="flexrow">
+            <h2>Feishin</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
@@ -351,13 +460,37 @@
           <a class="button pinkborder" href="https://github.com/jeffvli/feishin">
             <p>View Source</p>
           </a>
+          <div class="flexrow">
+            <h2>Supersonic</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
+          </div>
+          <p>Cross-platform client for subsonic-compatible media servers</p>
+          <a class="button pinkborder" href="https://github.com/dweymouth/supersonic#installation">
+            <p>Download</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/dweymouth/supersonic">
+            <p>View Source</p>
+          </a>
+          <div class="flexrow">
+            <h2>Submariner</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
+          </div>
+          <p>Native MacOS client for subsonic-compatible media servers</p>
+          <a class="button pinkborder" href="https://submarinerapp.com/">
+            <p>Download</p>
+          </a>
+          <a class="button pinkborder" href="https://github.com/SubmarinerApp/Submariner">
+            <p>View Source</p>
+          </a>
         </div>
       </div>
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Mobile</h2>
         <div class="groupcontent">
-          <h2>Ultrasonic</h2>
           <div class="flexrow">
+            <h2>Ultrasonic</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
           </div>
           <p>Android client for subsonic media servers</p>
@@ -370,93 +503,152 @@
           <a class="button pinkborder" href="https://gitlab.com/ultrasonic/ultrasonic">
             <p>View Source</p>
           </a>
-          <h2 style="background-color:red;">Symfonium</h2>
           <div class="flexrow">
+            <h2>Symfonium</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
+          <div class="flexrow">
+            <div class="flexrow warning">
+              <img src="/assets/img/icons/ui/warning.svg">
+              <p>Proprietary</p>
+            </div>
+            <div class="flexrow warning">
+              <img src="/assets/img/icons/ui/paid.svg">
+              <p>Paid</p>
+            </div>
+          </div>
           <p>Feature-rich client for subsonic media servers</p>
           <a class="button pinkborder" href="https://play.google.com/store/apps/details?id=app.symfonik.music.player">
             <p>Google Play Store</p>
           </a>
-          <h2 style="background-color:red;">SubStreamer</h2>
           <div class="flexrow">
+            <h2>SubStreamer</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
+          <div class="flexrow">
+            <div class="flexrow warning">
+              <img src="/assets/img/icons/ui/warning.svg">
+              <p>Proprietary</p>
+            </div>
+          </div>
           <p>Mobile client for subsonic media servers</p>
           <a class="button pinkborder" href="https://play.google.com/store/apps/details?id=com.ghenry22.substream2">
             <p>Google Play Store</p>
           </a>
           <a class="button pinkborder" href="https://apps.apple.com/us/app/substreamer/id1012991665">
-            <p>App Store</p>
+            <p>Apple App Store</p>
           </a>
-          <h2 style="background-color:red;">play:Sub</h2>
           <div class="flexrow">
+            <h2>play:Sub</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
+          <div class="flexrow">
+            <div class="flexrow warning">
+              <img class="platformicon" src="/assets/img/icons/ui/warning.svg">
+              <p>Proprietary</p>
+            </div>
+            <div class="flexrow warning">
+              <img class="platformicon" src="/assets/img/icons/ui/paid.svg">
+              <p>Paid</p>
+            </div>
+          </div>
           <p>Feature-rich iOS client for subsonic media servers</p>
           <a class="button pinkborder" href="https://apps.apple.com/us/app/play-sub-music-streamer/id955329386">
-            <p>App Store</p>
+            <p>Apple App Store</p>
           </a>
         </div>
       </div>
     </div>
   </div>
-  <div id="calibre">
-    <h2>Calibre</h2>
-    <div class="flexrow">
-      <div class="clientgroup pinkborder">
-        <h2 class="groupheader">Desktop</h2>
-        <div class="groupcontent">
-          <h2>Calibre-Web</h2>
-          <div class="flexrow">
-            <img class="platformicon" src="/assets/img/icons/platforms/web.svg">
-          </div>
-          <p>It is recommended to use Calibre through your browser on Desktop platforms</p>
-          <a class="button pinkborder" href="https://books.pogmom.me/">
-            <p>Visit Now</p>
-          </a>
-        </div>
-      </div>
-      <div class="clientgroup pinkborder">
-        <h2 class="groupheader">Mobile</h2>
-        <div class="groupcontent">
-        </div>
-      </div>
-    </div>
-  </div>
   <div id="minecraft">
     <h2>Minecraft</h2>
     <div class="flexrow">
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Desktop</h2>
         <div class="groupcontent">
-          <h2>Prism Launcher</h2>
           <div class="flexrow">
+            <h2>Prism Launcher</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
+          <div class="flexrow">
+            <div class="flexrow warning">
+              <img class="platformicon" src="/assets/img/icons/ui/paid.svg">
+              <p>Paid</p>
+            </div>
+          </div>
           <p>A fully-featured Minecraft Java Edition Launcher</p>
           <a class="button pinkborder" href="https://prismlauncher.org/">
             <p>Download</p>
           </a>
-          <h2>Java Edition</h2>
           <div class="flexrow">
+            <h2>Java Edition</h2>
             <img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
             <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
           </div>
+          <div class="flexrow">
+            <div class="flexrow warning">
+              <img class="platformicon" src="/assets/img/icons/ui/warning.svg">
+              <p>Proprietary</p>
+            </div>
+            <div class="flexrow warning">
+              <img class="platformicon" src="/assets/img/icons/ui/paid.svg">
+              <p>Paid</p>
+            </div>
+          </div>
           <p>The official Minecraft Java Edition Launcher</p>
           <a class="button pinkborder" href="https://minecraft.net/en-us/download/">
             <p>Download</p>
           </a>
+          <div class="flexrow">
+            <h2>Bedrock Edition</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
+          </div>
+          <div class="flexrow">
+            <div class="flexrow warning">
+              <img class="platformicon" src="/assets/img/icons/ui/warning.svg">
+              <p>Proprietary</p>
+            </div>
+            <div class="flexrow warning">
+              <img class="platformicon" src="/assets/img/icons/ui/paid.svg">
+              <p>Paid</p>
+            </div>
+          </div>
+          <p>The official Minecraft Bedrock Edition</p>
+          <a class="button pinkborder" href="https://www.xbox.com/en-us/games/store/minecraft-for-windows/9nblggh2jhxj">
+            <p>Download</p>
+          </a>
         </div>
       </div>
       <div class="clientgroup pinkborder">
         <h2 class="groupheader">Mobile</h2>
         <div class="groupcontent">
+          <div class="flexrow">
+            <h2>Bedrock Edition</h2>
+            <img class="platformicon" src="/assets/img/icons/platforms/android.svg">
+            <img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
+          </div>
+          <div class="flexrow">
+            <div class="flexrow warning">
+              <img class="platformicon" src="/assets/img/icons/ui/warning.svg">
+              <p>Proprietary</p>
+            </div>
+            <div class="flexrow warning">
+              <img class="platformicon" src="/assets/img/icons/ui/paid.svg">
+              <p>Paid</p>
+            </div>
+          </div>
+          <p>The official Minecraft Bedrock Edition</p>
+          <a class="button pinkborder" href="https://play.google.com/store/apps/details?id=com.mojang.minecraftpe">
+            <p>Google Play Store</p>
+          </a>
+          <a class="button pinkborder" href="https://apps.apple.com/us/app/minecraft-play-with-friends/id479516143">
+            <p>Apple App Store</p>
+          </a>
         </div>
       </div>
     </div>
diff --git a/index.html b/index.html
index d5dc46c..be4899d 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
         </a>
         <div class="buttondetails">
           <a href="/info.html#nextcloud">
-            <img src="/assets/img/icons/header/info.svg">
+            <img src="/assets/img/icons/ui/info.svg">
           </a>
           <a href="/clients.html#nextcloud">
             <img src="/assets/img/icons/header/download.svg">
@@ -35,7 +35,7 @@
         </a>
         <div class="buttondetails">
           <a href="/info.html#mastodon">
-            <img src="/assets/img/icons/header/info.svg">
+            <img src="/assets/img/icons/ui/info.svg">
           </a>
           <a href="/clients.html#mastodon">
             <img src="/assets/img/icons/header/download.svg">
@@ -51,7 +51,7 @@
         </a>
         <div class="buttondetails">
           <a href="/info.html#pixelfed">
-            <img src="/assets/img/icons/header/info.svg">
+            <img src="/assets/img/icons/ui/info.svg">
           </a>
           <a href="/clients.html#pixelfed">
             <img src="/assets/img/icons/header/download.svg">
@@ -65,7 +65,7 @@
         </a>
         <div class="buttondetails">
           <a href="/info.html#peertube">
-            <img src="/assets/img/icons/header/info.svg">
+            <img src="/assets/img/icons/ui/info.svg">
           </a>
           <a href="/clients.html#peertube">
             <img src="/assets/img/icons/header/download.svg">
@@ -79,7 +79,7 @@
         </a>
         <div class="buttondetails">
           <a href="/info.html#element">
-            <img src="/assets/img/icons/header/info.svg">
+            <img src="/assets/img/icons/ui/info.svg">
           </a>
           <a href="/clients.html#element">
             <img src="/assets/img/icons/header/download.svg">
@@ -98,7 +98,7 @@
         </a>
         <div class="buttondetails">
           <a href="/info.html#jellyfin">
-            <img src="/assets/img/icons/header/info.svg">
+            <img src="/assets/img/icons/ui/info.svg">
           </a>
           <a href="/clients.html#jellyfin">
             <img src="/assets/img/icons/header/download.svg">
@@ -112,7 +112,7 @@
         </a>
         <div class="buttondetails">
           <a href="/info.html#airsonic">
-            <img src="/assets/img/icons/header/info.svg">
+            <img src="/assets/img/icons/ui/info.svg">
           </a>
           <a href="/clients.html#airsonic">
             <img src="/assets/img/icons/header/download.svg">
@@ -126,10 +126,7 @@
         </a>
         <div class="buttondetails">
           <a href="/info.html#calibre">
-            <img src="/assets/img/icons/header/info.svg">
-          </a>
-          <a href="/clients.html#calibre">
-            <img src="/assets/img/icons/header/download.svg">
+            <img src="/assets/img/icons/ui/info.svg">
           </a>
         </div>
       </div>
@@ -145,7 +142,7 @@
         </a>
         <div class="buttondetails">
           <a href="/info.html#emulatorjs">
-            <img src="/assets/img/icons/header/info.svg">
+            <img src="/assets/img/icons/ui/info.svg">
           </a>
         </div>
       </div>
@@ -156,7 +153,7 @@
         </a>
         <div class="buttondetails">
           <a href="/info.html#minecraft">
-            <img src="/assets/img/icons/header/info.svg">
+            <img src="/assets/img/icons/ui/info.svg">
           </a>
           <a href="/clients.html#minecraft">
             <img src="/assets/img/icons/header/download.svg">
diff --git a/info.html b/info.html
index 015fcfd..550a512 100644
--- a/info.html
+++ b/info.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <title>Pogmom Suite | About</title>
+  <title>Pogmom Suite | Information</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <link rel="stylesheet" href="/style/css/style.css">
 </head>
@@ -11,56 +11,123 @@
   <div>An Archival & Decentralization Project</div>
   <div id="header"></div>
   <hr>
-  <div class="textsection pinkborder" id="nextcloud">
-    <h2>Nextcloud</h2>
-    <p>NextCloud is a productivity and cloud storage platform.<br>
-    <a href="https://nextcloud.com/">Learn more &gt;</a></p>
-  </h2>
+  <div id="nextcloud">
+    <div class="textsection pinkborder">
+      <h2 class="groupheader">Nextcloud</h2>
+      <div class="groupcontent">
+        <p>NextCloud is a productivity and cloud storage platform</p>
+        <p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://cloud.pogmom.me</span></p>
+        <a class="button pinkborder" href="https://nextcloud.com/">
+          <p>Learn more</p>
+        </a>
+      </div>
+    </div>
   </div>
-  <div class="textsection pinkborder" id="mastodon">
-    <h2>Mastodon</h2>
-    <p>Mastodon is a federated microblogging social media platform powered by ActivityPub.<br>
-    <a href="https://joinmastodon.org/">Learn more &gt;</a></p>
+  <div id="mastodon">
+    <div class="textsection pinkborder">
+      <h2 class="groupheader">Mastodon</h2>
+      <div class="groupcontent">
+        <p>Mastodon is a federated microblogging social media platform powered by ActivityPub</p>
+        <p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://masto.pogmom.me</span></p>
+        <a class="button pinkborder" href="https://joinmastodon.org/">
+          <p>Learn more</p>
+        </a>
+      </div>
+    </div>
   </div>
-  <div class="textsection pinkborder" id="pixel">
-    <h2>Pixelfed</h2>
-    <p>Pixelfed is a federated image sharing social media platform powered by ActivityPub.<br>
-    <a href="https://pixelfed.org/">Learn more &gt;</a></p>
+  <div id="pixelfed">
+    <div class="textsection pinkborder">
+      <h2 class="groupheader">Pixelfed</h2>
+      <div class="groupcontent">
+        <p>Pixelfed is a federated image sharing social media platform powered by ActivityPub</p>
+        <p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://pixel.pogmom.me</span></p>
+        <a class="button pinkborder" href="https://pixelfed.org/">
+          <p>Learn more</p>
+        </a>
+      </div>
+    </div>
   </div>
-  <div class="textsection pinkborder" id="peertube">
-    <h2>Peertube</h2>
-    <p>Peertube is a federated video platform powered by ActivityPub.<br>
-    <a href="https://joinpeertube.org/">Learn more &gt;</a></p>
+  <div id="peertube">
+    <div class="textsection pinkborder">
+      <h2 class="groupheader">Peertube</h2>
+      <div class="groupcontent">
+        <p>Peertube is a federated video platform powered by ActivityPub</p>
+        <p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://peertube.pogmom.me</span></p>
+        <a class="button pinkborder" href="https://joinpeertube.org/">
+          <p>Learn more</p>
+        </a>
+      </div>
+    </div>
   </div>
-  <div class="textsection pinkborder" id="element">
-    <h2>Element</h2>
-    <p>Element is a frontend for Matrix, a federated real-time communication platform.<br>
-    <a href="https://element.io/">Learn more &gt;</a></p>
+  <div id="element">
+    <div class="textsection pinkborder">
+      <h2 class="groupheader">Element</h2>
+      <div class="groupcontent">
+        <p>Element is a frontend for Matrix, a federated real-time communication platform</p>
+        <p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://chat.pogmom.me</span></p>
+        <a class="button pinkborder" href="https://element.io/">
+          <p>Learn more</p>
+        </a>
+      </div>
+    </div>
   </div>
-  <div class="textsection pinkborder" id="jellyfin">
-    <h2>Jellyfin</h2>
-    <p>Jellyfin is a Movie, Television, and Music streaming service.<br>
-    <a href="https://jellyfin.org/">Learn more &gt;</a></p>
+  <div id="jellyfin">
+    <div class="textsection pinkborder">
+      <h2 class="groupheader">Jellyfin</h2>
+      <div class="groupcontent">
+        <p>Jellyfin is a Movie, Television, and Music streaming service.</p>
+        <p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://watch.pogmom.me</span></p>
+        <a class="button pinkborder" href="https://jellyfin.org/">
+          <p>Learn more</p>
+        </a>
+      </div>
+    </div>
   </div>
-  <div class="textsection pinkborder" id="airsonic">
-    <h2>Airsonic</h2>
-    <p>Airsonic is fully-featured music server powered by the Subsonic API.<br>
-    <a href="https://github.com/airsonic-advanced/airsonic-advanced">Learn more &gt;</a></p>
+  <div id="airsonic">
+    <div class="textsection pinkborder">
+      <h2 class="groupheader">Airsonic</h2>
+      <div class="groupcontent">
+        <p>Airsonic is fully-featured music server powered by the Subsonic API</p>
+        <p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://listen.pogmom.me</span></p>
+        <a class="button pinkborder" href="https://github.com/airsonic-advanced/airsonic-advanced">
+          <p>Learn more</p>
+        </a>
+      </div>
+    </div>
   </div>
-  <div class="textsection pinkborder" id="calibre">
-    <h2>Calibre</h2>
-    <p>Calibre-Web is an online reader for Text Books, Novels, Comic Books, and Manga.<br>
-    <a href="https://github.com/janeczku/calibre-web">Learn more &gt;</a></p>
+  <div id="calibre">
+    <div class="textsection pinkborder">
+      <h2 class="groupheader">Calibre</h2>
+      <div class="groupcontent">
+        <p>Calibre-Web is an online reader for Text Books, Novels, Comic Books, and Manga</p>
+        <a class="button pinkborder" href="https://github.com/janeczku/calibre-web">
+          <p>Learn more</p>
+        </a>
+      </div>
+    </div>
   </div>
-  <div class="textsection pinkborder" id="emulatorjs">
-    <h2>EmulatorJS</h2>
-    <p>EmulatorJS is a retro game catalog playable in your browser.<br>
-    <a href="https://emulatorjs.org/">Learn more &gt;</a></p>
+  <div id="emulatorjs">
+    <div class="textsection pinkborder">
+      <h2 class="groupheader">EmulatorJS</h2>
+      <div class="groupcontent">
+        <p>EmulatorJS is a retro game catalog playable in your browser</p>
+        <a class="button pinkborder" href="https://emulatorjs.org/">
+          <p>Learn more</p>
+        </a>
+      </div>
+    </div>
   </div>
-  <div class="textsection pinkborder" id="minecraft">
-    <h2>Minecraft</h2>
-    <p>A survival Minecraft server compatible with both the Java and Bedrock editions of Minecraft.<br>
-    <a href="https://minecraft.net">Learn more &gt;</a></p>
+  <div id="minecraft">
+    <div class="textsection pinkborder">
+      <h2 class="groupheader">Minecraft</h2>
+      <div class="groupcontent">
+        <p>A survival Minecraft server compatible with both the Java and Bedrock editions of Minecraft</p>
+        <p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">mc.pogmom.me</span></p>
+        <a class="button pinkborder" href="https://minecraft.net/">
+          <p>Learn more</p>
+        </a>
+      </div>
+    </div>
   </div>
   <hr>
   <div id="footer"></div>
diff --git a/style/css/style.css b/style/css/style.css
index 0eb853b..27deda3 100644
--- a/style/css/style.css
+++ b/style/css/style.css
@@ -28,7 +28,7 @@ h1 {
   transition: 0.25s;
 }
 .flexrow {
-  margin: 2vmax 0;
+  margin: 1vh 0;
 }
 .flexrow,.wrapgroup{
   display:flex;
@@ -70,6 +70,26 @@ h1 {
   border-width: 3px;
   border-radius: 8px;
 }
+.warning {
+  padding: 0.5vh 1vh;
+  width: fit-content;
+  margin: 0 1vmin;
+  border-style: solid;
+  border-color: #f00;
+  border-width: 3px;
+  border-radius: 8px;
+  > p {
+    color: red;
+    margin: auto 0;
+  }
+  > h2 {
+    margin: auto 0;
+  }
+  > img {
+    margin: auto 1vh auto 0px;
+    height: 1em;
+  }
+}
 .flexobject {
   > a {
     min-width: 75px;
@@ -99,7 +119,10 @@ h1 {
   }
 }
 .platformicon{
-  margin: 0 1vw
+  margin: 0px 0px 7px 0.75vmin;
+}
+h2:has(+ .platformicon) {
+  margin: auto 0;
 }
 .icon-inline {
   width: 1.5em;
@@ -108,23 +131,38 @@ h1 {
   margin: auto 1vw;
 }
 .textsection {
-  padding: 0 2vw 2vh;
-  margin: 2vh 10vw;
+  margin: 2vh auto;
+  max-width: 600px;
+  > .groupcontent {
+    margin-top: 3vh;
+  }
 }
-.clientgroup{
+.clientgroup {
   flex: 1 1 0px;
   flex-wrap: wrap;
   min-width: 40vh;
   margin: 2vh 2vw;
+  height: fit-content;
+}
+.clientgroup,.textsection{
   > .groupheader {
     background-color: #da74e5;
     color: #000;
     margin-top: 0;
   }
   > .groupcontent {
-    padding: 0 2vw 2vh;     
+    padding: 0 2vw 2vh;
+    > .flexrow:has(h2) {
+      margin-top: 3vh;
+    }
   }
 }
+.termtext {
+  font-family:monospace;
+  background-color: #da75e5ff;
+  padding: 0px 3px;
+  color: #000;
+}
 :target {
 /*  box-shadow: 0px 0px 30px #da75e5dd;*/
   background-color: #da75e522;