From 56ad654a025d0c7edec60cdaa5bbcbb448c2c4ef Mon Sep 17 00:00:00 2001
From: cel <107010984+orchidsage@users.noreply.github.com>
Date: Wed, 17 Aug 2022 17:35:45 +0100
Subject: [PATCH] Add Fediverse, Matrix and XMPP social links (#2044)

---
 models/socialHandle.go                       |  12 ++
 webroot/img/platformlogos/fediverse.svg      | 162 +++++++++++++++++++
 webroot/img/platformlogos/matrix.svg         |  14 ++
 webroot/img/platformlogos/xmpp.svg           | 120 ++++++++++++++
 webroot/js/components/platform-logos-list.js |   2 +-
 5 files changed, 309 insertions(+), 1 deletion(-)
 create mode 100644 webroot/img/platformlogos/fediverse.svg
 create mode 100644 webroot/img/platformlogos/matrix.svg
 create mode 100644 webroot/img/platformlogos/xmpp.svg

diff --git a/models/socialHandle.go b/models/socialHandle.go
index 0f024d8e9..9c0aefd6a 100644
--- a/models/socialHandle.go
+++ b/models/socialHandle.go
@@ -20,6 +20,18 @@ func GetSocialHandle(platform string) *SocialHandle {
 // GetAllSocialHandles will return a list of all the social platforms we support.
 func GetAllSocialHandles() map[string]SocialHandle {
 	socialHandlePlatforms := map[string]SocialHandle{
+		"fediverse": {
+			Platform: "Fediverse",
+			Icon:     "/img/platformlogos/fediverse.svg",
+		},
+		"matrix": {
+			Platform: "Matrix",
+			Icon:     "/img/platformlogos/matrix.svg",
+		},
+		"xmpp": {
+			Platform: "XMPP",
+			Icon:     "/img/platformlogos/xmpp.svg",
+		},
 		"bandcamp": {
 			Platform: "Bandcamp",
 			Icon:     "/img/platformlogos/bandcamp.svg",
diff --git a/webroot/img/platformlogos/fediverse.svg b/webroot/img/platformlogos/fediverse.svg
new file mode 100644
index 000000000..1af05f6d6
--- /dev/null
+++ b/webroot/img/platformlogos/fediverse.svg
@@ -0,0 +1,162 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="196.52mm"
+   height="196.52mm"
+   viewBox="0 0 196.52 196.52"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   sodipodi:docname="fediverse.svg"
+   inkscape:export-filename="/home/nestor/Pictures/Fediversal/Logo_penta_connectat-imbrincat_retallats-color-512x.png"
+   inkscape:export-xdpi="66.175453"
+   inkscape:export-ydpi="66.175453"
+   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="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.71293238"
+     inkscape:cx="49.093015"
+     inkscape:cy="446.04511"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer3"
+     showgrid="false"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="true"
+     inkscape:snap-global="false"
+     inkscape:window-width="3834"
+     inkscape:window-height="1568"
+     inkscape:window-x="0"
+     inkscape:window-y="26"
+     inkscape:window-maximized="1"
+     fit-margin-top="5"
+     fit-margin-left="5"
+     fit-margin-right="5"
+     fit-margin-bottom="5"
+     inkscape:showpageshadow="0"
+     inkscape:pagecheckerboard="1"
+     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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Linies"
+     style="display:inline"
+     transform="translate(6.6789703,-32.495842)">
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#a730b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.4769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 30.433048,105.79682 a 20.675157,20.675157 0 0 1 -8.842632,8.8016 l 48.544801,48.73413 11.703623,-5.93124 z m 64.032011,64.27936 -11.703623,5.93123 24.597704,24.69384 a 20.675158,20.675158 0 0 1 8.8444,-8.80277 z"
+       id="path9722"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#5496be;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.4769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 150.63096,125.07992 -27.48274,13.92806 2.02632,12.9615 31.09575,-15.75978 a 20.675158,20.675158 0 0 1 -5.63933,-11.12978 z m -43.43711,22.01339 -64.98098,32.93215 a 20.675157,20.675157 0 0 1 5.640504,11.13096 l 61.366786,-31.10103 z"
+       id="path9729"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ce3d1a;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.4769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="M 86.296497,65.972733 54.94108,127.18595 64.198706,136.47934 97.397557,71.668922 A 20.675157,20.675157 0 0 1 86.296497,65.972733 Z M 46.785998,143.10691 30.903725,174.1124 a 20.675158,20.675158 0 0 1 11.099891,5.6956 L 56.04304,152.39971 Z"
+       id="path9713"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#d0188f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.4769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 21.320788,114.7344 a 20.675157,20.675157 0 0 1 -10.328521,2.15938 20.675157,20.675157 0 0 1 -1.9958343,-0.20867 l 9.2740393,59.31996 a 20.675158,20.675158 0 0 1 10.328518,-2.15937 20.675158,20.675158 0 0 1 1.994664,0.20867 z"
+       id="path1015"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#5b36e9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.4769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 47.902612,191.45008 a 20.675157,20.675157 0 0 1 0.216288,4.16459 20.675157,20.675157 0 0 1 -2.181058,8.15683 l 59.309998,9.51729 a 20.675158,20.675158 0 0 1 -0.21687,-4.16516 20.675158,20.675158 0 0 1 2.18163,-8.15626 z"
+       id="path1674"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#30b873;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.4769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 156.47896,136.42659 -27.37547,53.44382 a 20.675157,20.675157 0 0 1 11.10223,5.69678 l 27.37489,-53.44325 a 20.675158,20.675158 0 0 1 -11.10165,-5.69735 z"
+       id="path1676"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ebe305;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.4769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 119.14248,60.83866 a 20.675157,20.675157 0 0 1 -8.84438,8.802775 l 42.39493,42.558465 a 20.675158,20.675158 0 0 1 8.8438,-8.80277 z"
+       id="path1678"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#f47601;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.4769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="M 80.447909,54.626661 26.855786,81.785842 a 20.675158,20.675158 0 0 1 5.639919,11.129782 L 86.08724,65.755272 A 20.675157,20.675157 0 0 1 80.447909,54.626661 Z"
+       id="path1680"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#57c115;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.4769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 110.20021,69.69067 a 20.675157,20.675157 0 0 1 -10.498502,2.245535 20.675157,20.675157 0 0 1 -1.809441,-0.189912 l 4.747213,30.398237 12.9533,2.07848 z m -4.80173,50.12623 11.22415,71.87057 a 20.675158,20.675158 0 0 1 10.17788,-2.08376 20.675158,20.675158 0 0 1 2.16289,0.23739 l -10.61104,-67.9463 z"
+       id="path9758"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#dbb210;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.4769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 32.533803,93.143636 a 20.675157,20.675157 0 0 1 0.227426,4.23023 20.675157,20.675157 0 0 1 -2.148818,8.097644 l 30.421682,4.88613 5.979296,-11.676661 z m 52.13965,8.373124 -5.979885,11.67783 71.879942,11.5442 a 20.675158,20.675158 0 0 1 -0.20867,-4.11711 20.675158,20.675158 0 0 1 2.20568,-8.20021 z"
+       id="path9760"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Nodes"
+     style="display:inline;opacity:1"
+     transform="translate(6.6789703,-32.495842)">
+    <circle
+       style="fill:#ffca00;fill-opacity:0.995968;stroke:none;stroke-width:0.300108;stroke-opacity:0.960784"
+       id="path817"
+       cx="103.46658"
+       cy="45.731655"
+       transform="rotate(3.1178174)"
+       r="18.795599" />
+    <circle
+       id="path819"
+       style="fill:#64ff00;fill-opacity:0.995968;stroke:none;stroke-width:0.300108;stroke-opacity:0.960784"
+       cx="177.37808"
+       cy="112.26514"
+       transform="rotate(3.1178174)"
+       r="18.795599" />
+    <circle
+       id="path823"
+       style="fill:#00a3ff;fill-opacity:0.995968;stroke:none;stroke-width:0.300108;stroke-opacity:0.960784"
+       cx="136.92497"
+       cy="203.10144"
+       transform="rotate(3.1178174)"
+       r="18.795599" />
+    <circle
+       style="fill:#9500ff;fill-opacity:0.995968;stroke:none;stroke-width:0.300108;stroke-opacity:0.960784"
+       id="path825"
+       cx="38.012062"
+       cy="192.70789"
+       transform="rotate(3.1178174)"
+       r="18.795599" />
+    <circle
+       id="path827"
+       style="fill:#ff0000;fill-opacity:0.995968;stroke:none;stroke-width:0.300108;stroke-opacity:0.960784"
+       cx="17.333637"
+       cy="95.447998"
+       transform="rotate(3.1178174)"
+       r="18.795599" />
+  </g>
+</svg>
diff --git a/webroot/img/platformlogos/matrix.svg b/webroot/img/platformlogos/matrix.svg
new file mode 100644
index 000000000..784896156
--- /dev/null
+++ b/webroot/img/platformlogos/matrix.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 520 520" style="enable-background:new 0 0 520 520;" xml:space="preserve">
+<path d="M13.7,11.9v496.2h35.7V520H0V0h49.4v11.9H13.7z"/>
+<path d="M166.3,169.2v25.1h0.7c6.7-9.6,14.8-17,24.2-22.2c9.4-5.3,20.3-7.9,32.5-7.9c11.7,0,22.4,2.3,32.1,6.8
+	c9.7,4.5,17,12.6,22.1,24c5.5-8.1,13-15.3,22.4-21.5c9.4-6.2,20.6-9.3,33.5-9.3c9.8,0,18.9,1.2,27.3,3.6c8.4,2.4,15.5,6.2,21.5,11.5
+	c6,5.3,10.6,12.1,14,20.6c3.3,8.5,5,18.7,5,30.7v124.1h-50.9V249.6c0-6.2-0.2-12.1-0.7-17.6c-0.5-5.5-1.8-10.3-3.9-14.3
+	c-2.2-4.1-5.3-7.3-9.5-9.7c-4.2-2.4-9.9-3.6-17-3.6c-7.2,0-13,1.4-17.4,4.1c-4.4,2.8-7.9,6.3-10.4,10.8c-2.5,4.4-4.2,9.4-5,15.1
+	c-0.8,5.6-1.3,11.3-1.3,17v103.3h-50.9v-104c0-5.5-0.1-10.9-0.4-16.3c-0.2-5.4-1.3-10.3-3.1-14.9c-1.8-4.5-4.8-8.2-9-10.9
+	c-4.2-2.7-10.3-4.1-18.5-4.1c-2.4,0-5.6,0.5-9.5,1.6c-3.9,1.1-7.8,3.1-11.5,6.1c-3.7,3-6.9,7.3-9.5,12.9c-2.6,5.6-3.9,13-3.9,22.1
+	v107.6h-50.9V169.2H166.3z"/>
+<path d="M506.3,508.1V11.9h-35.7V0H520v520h-49.4v-11.9H506.3z"/>
+</svg>
diff --git a/webroot/img/platformlogos/xmpp.svg b/webroot/img/platformlogos/xmpp.svg
new file mode 100644
index 000000000..849a52f77
--- /dev/null
+++ b/webroot/img/platformlogos/xmpp.svg
@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
+
+<svg:svg
+   version="1.1"
+   xml:space="preserve"
+   viewBox="0 0 200 200"
+   width="200px"
+   height="200px"
+   x="0px"
+   y="0px"
+   enable-background="new 0 0 200 200"
+   class="TridactylThemeDark"
+   id="svg36"
+   sodipodi:docname="xmpp.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:xhtml="http://www.w3.org/1999/xhtml"><svg:defs
+   id="defs40" /><sodipodi:namedview
+   id="namedview38"
+   pagecolor="#505050"
+   bordercolor="#ffffff"
+   borderopacity="1"
+   inkscape:showpageshadow="0"
+   inkscape:pageopacity="0"
+   inkscape:pagecheckerboard="1"
+   inkscape:deskcolor="#505050"
+   showgrid="false"
+   inkscape:zoom="3.337544"
+   inkscape:cx="134.53006"
+   inkscape:cy="118.05088"
+   inkscape:window-width="3834"
+   inkscape:window-height="1568"
+   inkscape:window-x="0"
+   inkscape:window-y="26"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="svg36" />
+
+<svg:linearGradient
+   id="SVGID_right_"
+   y2="1.279e-13"
+   gradientUnits="userSpaceOnUse"
+   x2="-1073.2"
+   gradientTransform="matrix(1.1429608,0,0,1.1429608,1352.3375,27.297)"
+   y1="126.85"
+   x1="-1073.2">
+	<svg:stop
+   stop-color="#1b3967"
+   offset=".011"
+   id="stop2" />
+	<svg:stop
+   stop-color="#13b5ea"
+   offset=".467"
+   id="stop4" />
+	<svg:stop
+   stop-color="#002b5c"
+   offset=".9945"
+   id="stop6" />
+</svg:linearGradient>
+
+<svg:linearGradient
+   id="SVGID_left_"
+   y2="1.279e-13"
+   gradientUnits="userSpaceOnUse"
+   x2="-1073.2"
+   gradientTransform="matrix(-1.1429608,0,0,1.1429608,-1152.3376,27.295856)"
+   y1="126.85"
+   x1="-1073.2">
+	<svg:stop
+   stop-color="#1b3967"
+   offset=".011"
+   id="stop9" />
+	<svg:stop
+   stop-color="#13b5ea"
+   offset=".467"
+   id="stop11" />
+	<svg:stop
+   stop-color="#002b5c"
+   offset=".9945"
+   id="stop13" />
+</svg:linearGradient>
+
+<svg:path
+   d="m 158.17335,43.514472 c 0.088,1.500707 -2.04247,1.106386 -2.04247,2.620809 0,44.062284 -53.21398,111.285539 -104.795782,124.274139 v 1.87332 C 119.85902,165.9736 198.27413,94.789982 200,27.298143 l -41.83123,16.217472 z"
+   style="fill:url(#SVGID_right_);stroke-width:1.14296"
+   id="path16" />
+<svg:path
+   d="m 137.44918,48.935535 c 0.0868,1.500708 0.13715,3.005988 0.13715,4.522696 0,44.062284 -35.08773,103.434549 -86.667269,116.421999 v 1.87332 C 118.40404,168.56469 171.85574,99.719572 171.85574,46.942212 c 0,-2.714532 -0.1463,-5.405062 -0.42403,-8.064732 l -33.98023,10.05577 z"
+   style="fill:#e96d1f;stroke-width:1.14296"
+   id="path18" />
+<svg:path
+   d="m 171.75858,38.249995 -8.70592,3.111139 c 0.0469,1.099528 0.0755,2.576234 0.0755,3.686048 0,47.111704 -42.59929,112.243348 -99.748468,122.433978 -3.708919,1.24354 -8.61565,2.37393 -12.494848,3.35002 v 1.87217 C 125.46753,166.34848 177.86772,90.563313 171.7643,38.245422 Z"
+   style="fill:#d9541e;stroke-width:1.14296"
+   id="path20" />
+
+<svg:path
+   d="m 41.826653,43.513329 c -0.088,1.500708 2.042471,1.106387 2.042471,2.620809 0,44.062284 53.21398,111.285542 104.795786,124.274152 v 1.87331 C 80.140986,165.97245 1.7258709,94.78884 0,27.297 l 41.831225,16.217472 z"
+   style="fill:url(#SVGID_left_);stroke-width:1.14296"
+   id="path22" />
+<svg:path
+   d="m 62.550819,48.934392 c -0.08687,1.500708 -0.137155,3.005988 -0.137155,4.522697 0,44.062284 35.087749,103.434541 86.667286,116.422011 v 1.87331 C 81.595976,168.56354 28.144269,99.718429 28.144269,46.941069 c 0,-2.714533 0.146298,-5.405062 0.424038,-8.064732 l 33.980226,10.05577 z"
+   style="fill:#a0ce67;stroke-width:1.14296"
+   id="path24" />
+<svg:path
+   d="m 28.241419,38.248851 8.705933,3.111139 c -0.04686,1.099529 -0.07543,2.576234 -0.07543,3.68605 0,47.111704 42.599295,112.24334 99.748468,122.43398 3.7089,1.24353 8.61563,2.37393 12.49485,3.35002 v 1.87216 C 74.532478,166.34735 22.132294,90.56217 28.235705,38.24428 Z"
+   style="fill:#439639;stroke-width:1.14296"
+   id="path26" />
+
+
+
+
+
+<script /><xhtml:iframe
+   class="cleanslate hidden"
+   src="xmpp_files/commandline.html"
+   id="cmdline_iframe"
+   loading="lazy"
+   style="height: 0px !important;" /></svg:svg>
diff --git a/webroot/js/components/platform-logos-list.js b/webroot/js/components/platform-logos-list.js
index d5c051e56..63c431195 100644
--- a/webroot/js/components/platform-logos-list.js
+++ b/webroot/js/components/platform-logos-list.js
@@ -33,7 +33,7 @@ function SocialIcon(props) {
   return html`
     <a class=${itemClass} target="_blank" rel="me" href=${url}>
       <span
-        class="platform-icon rounded-lg bg-no-repeat"
+        class="platform-icon bg-no-repeat"
         style=${style}
         title="Find me on ${name}"
       ></span>