diff --git a/css/stylesheet.css b/css/stylesheet.css
index 96e3501..d0fe946 100644
--- a/css/stylesheet.css
+++ b/css/stylesheet.css
@@ -11,9 +11,15 @@ html {
 }
 
 body {
-  background: url(/img/background.svg);
+  background: 
+    linear-gradient(
+      to right,
+      rgba(140, 140, 140, 0.5),
+      rgba(130, 130, 130, 0.5)
+    ),
+    url(/img/background.svg);
   background-repeat: repeat;
-  /*height: 100vh;*/
+  /* height: 100vh; */
   /*
   background: linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgb(2, 115, 127)
   */
@@ -49,6 +55,7 @@ div:has(#bar) {
 }
 
 #logo {
+  content: url(/img/logo-wordmark-horizontal.svg);
   height: 3em;
 }
 
@@ -58,8 +65,21 @@ div:has(#bar) {
 
 input,
 input[type="submit" i],
-input:not([type="email" i], [type="number" i], [type="password" i], [type="search" i], [type="tel" i], [type="text" i], [type="url" i]),
-input:not([type="file" i], [type="image" i], [type="checkbox" i], [type="radio" i]) {
+input:not(
+  [type="email" i],
+  [type="number" i],
+  [type="password" i],
+  [type="search" i],
+  [type="tel" i],
+  [type="text" i],
+  [type="url" i]
+),
+input:not(
+  [type="file" i],
+  [type="image" i],
+  [type="checkbox" i],
+  [type="radio" i]
+) {
   all: unset;
 }
 
@@ -142,6 +162,7 @@ label,
 }
 
 #logo-bottom {
+  content: url(/img/logo-wordmark-vertical.svg);
   margin: auto;
   margin-top: 4em;
   /* padding-bottom: 2.5em; */
@@ -160,9 +181,19 @@ h1 {
 }
 */
 
+#graphics {
+  background: #f2f2f2;
+  border: 1px solid #c0c0c0;
+  border-radius: 50px;
+  margin: auto;
+  max-width: 80%;
+  padding: 15px;
+  width: 40em;
+}
+
 #photo,
 #qrcode {
-  border: 1px solid #c0c0c0;
+  /* border: 1px solid #c0c0c0; */
   /* width: 40%; */
   /* margin-bottom: 2.5em; */
   /* NOTE Reason for dimensions 276x276: To be in accord with generated QR Code. */
@@ -178,32 +209,7 @@ h1 {
 }
 
 #photo {
-  background: #fff;
-  border-right: none;
-  /* border-radius: 100px; 500px */
-  border-bottom-left-radius: 50px;
-  border-top-left-radius: 50px;
-  margin-right: -3px;
-  object-fit: scale-down;
-}
-
-/*
-
-NOTE
-Use border to equalize element #phoro with #qrcode.
-Perhaps also contain it within a span, in order to fill the background.
-
-  border: 1em solid #fff;
-  height: 240px;
-  width: 240px;
-
-*/
-
-#qrcode {
-  border-left: none;
-  border-bottom-right-radius: 50px;
-  border-top-right-radius: 50px;
-  margin-left: -3px;
+  /* object-fit: scale-down; */
 }
 
 h3, h4, h5 {
@@ -267,7 +273,7 @@ h3, h4, h5 {
 }
 
 #note {
-  color: #fff;
+  display: none;
   font-weight: bold;
   padding-bottom: 1em;
   text-align: center;
@@ -276,7 +282,6 @@ h3, h4, h5 {
 
 #message {
   background: #000;
-  color: white;
   font-weight: bold;
   opacity: 10%;
   padding: 1em;
@@ -287,10 +292,86 @@ h3, h4, h5 {
   right: 0;
 }
 
+#message {
+  color: #fff;
+}
+
 #message:hover {
   opacity: unset;
 }
 
+@media (prefers-color-scheme: dark) {
+
+  h1, h2 ,h3, h4, h5,
+  label[for="jid"],
+  #count > a,
+  #jid,
+  #xmpp-uri {
+    color: #fbfbfe;
+  }
+
+  #count > a {
+    color: #a7a7a7; /* a7a7bb */
+  }
+
+  body {
+    background: 
+      linear-gradient(
+        to right,
+        rgba(0, 0, 0, 0.5),
+        rgba(0, 0, 0, 0.5)
+      ),
+      url(/img/background.svg);
+  }
+
+  #bar {
+    background: #2b2a33;
+  }
+
+  #logo {
+    content: url(/img/logo-wordmark-horizontal-dark.svg);
+  }
+
+  #graphics {
+    background: #232323;
+    border: 1px solid #434a53; /* #6f7b8c */
+  }
+
+  #qrcode {
+    filter: invert(0.9);
+  }
+
+  #profile {
+    background: #2b2a33;
+    filter: drop-shadow(2px 4px 6px grey); /* TODO Reverse color */
+  }
+
+  #message {
+    background: #fbfbfe;
+  }
+
+  #message,
+  #note {
+    color: #2b2a33;
+  }
+
+  #count > a:hover,
+  #preview:hover {
+    color: #fbfbfe;
+  }
+
+  #note {
+    background: #2b2a33;
+    color: #f5f5f5;
+    text-shadow: 1px 1px #fbfbfe;
+  }
+
+  #logo-bottom {
+    content: url(/img/logo-wordmark-vertical-dark.svg);
+  }
+
+}
+
 /* NOTE This rule useful, for larger images (800x800), to switch from
         background-size: 100vw;
 */
@@ -305,6 +386,32 @@ h3, h4, h5 {
 }
 */
 
+@media (max-width: 870px) {
+
+  h1 {
+    margin-bottom: 1em;
+  }
+
+  #graphics {
+    background: unset;
+    border: unset;
+    border-radius: unset;
+    margin: unset;
+    max-width: unset;
+    padding: unset;
+    width: unset;
+  }
+
+  #photo,
+  #qrcode {
+    display: block;
+    border-radius: 50px;
+    margin: auto;
+    margin-bottom: 2.5em;
+  }
+
+}
+
 @media (max-width: 725px) {
 
   body {
@@ -342,9 +449,7 @@ h3, h4, h5 {
   }
 
   #note {
-    background: #f5f5f5;
-    color: #000;
-    /* display: none; */
+    display: block;
     font-weight: unset;
     padding-bottom: 1em;
     text-shadow: unset;
@@ -352,11 +457,8 @@ h3, h4, h5 {
 
   #photo,
   #qrcode {
-    border: unset;
-    border-radius: 50px;
     /* height: unset; */
     height: 360px;
-    margin-bottom: 2.5em;
     max-width: 70%;
     min-width: 360px;
     /* width: 360px; */
@@ -364,21 +466,14 @@ h3, h4, h5 {
 
   #photo {
     background: unset;
-    /*
-    border-bottom-left-radius: unset;
-    border-top-left-radius: unset;
-    */
-    margin-right: unset;
-    /* object-fit: unset; */
   }
 
-  #qrcode {
-    /*
-    border-bottom-right-radius: unset;
-    border-top-right-radius: unset;
-    */
-    margin-left: unset;
-  }
-
-
+}
+
+@media (max-width: 725px) and (prefers-color-scheme: dark) {
+
+  body {
+    background: #2b2a33;
+  }
+
 }
diff --git a/fasi.py b/fasi.py
index 7310e9b..8151b58 100644
--- a/fasi.py
+++ b/fasi.py
@@ -669,7 +669,10 @@ class Graphics:
         return selection
 
     def generate_qr_code_graphics_from_string(text, jid_bare):
-        qrcode_graphics = qrcode.make(text)
+        #qrcode_graphics = qrcode.make(text)
+        qr = qrcode.QRCode(border=2, box_size=10)
+        qr.add_data(text)
+        qrcode_graphics = qr.make_image(fill_color='#000', back_color='#f2f2f2')
         qrcode_graphics.save('qr/{}.png'.format(jid_bare))
 
 class Syndication:
diff --git a/img/background.svg b/img/background.svg
index ae7c0f9..443673a 100644
--- a/img/background.svg
+++ b/img/background.svg
@@ -1,45 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg1"
-   width="80"
-   height="92"
-   viewBox="0 0 80 92"
-   sodipodi:docname="background_0004.svg"
-   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
-   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="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:zoom="5.9"
-     inkscape:cx="39.830508"
-     inkscape:cy="47.033898"
-     inkscape:window-width="1916"
-     inkscape:window-height="1032"
-     inkscape:window-x="0"
-     inkscape:window-y="22"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g1" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g1">
-    <path
-       style="fill:none;stroke:#dadada"
-       d="M 7.9933697,3.8536538e-4 C 8.0070897,20.71715 22.520416,14.85765 32.522174,28.28434 c 3.71128,4.98214 2.20517,13.84718 2.13272,19.71605 C 34.426664,66.48723 19.361635,62.39385 10.131229,73.8543 6.4409207,78.43618 7.9933697,86.63903 7.9933697,92.0004 M 71.993374,3.8536538e-4 C 71.978074,19.85167 56.686694,14.9665 47.464564,28.1403 c -4.0466,5.78057 -2.40551,17.09222 -2.11214,23.86009 0.62031,14.31026 16.82256,13.46918 24.50308,22.18312 3.72915,4.23091 2.13787,12.56287 2.13787,17.81689"
-       id="path1" />
-  </g>
-</svg>
+<svg width="80" height="92" xmlns="http://www.w3.org/2000/svg"><path style="fill:none;stroke:#dadada" d="M8 0c0 20.72 14.52 14.86 24.52 28.28 3.71 4.99 2.2 13.85 2.13 19.72-.22 18.49-15.29 14.4-24.52 25.85C6.44 78.44 8 86.64 8 92M72 0c-.01 19.85-15.3 14.97-24.53 28.14-4.04 5.78-2.4 17.1-2.1 23.86.61 14.31 16.81 13.47 24.5 22.18C73.59 78.41 72 86.75 72 92"/></svg>
\ No newline at end of file
diff --git a/img/favicon.svg b/img/favicon.svg
index 22860dc..b8c9200 100644
--- a/img/favicon.svg
+++ b/img/favicon.svg
@@ -1,109 +1 @@
-<?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
-   version="1.1"
-   xml:space="preserve"
-   viewBox="0 0 180 180"
-   width="18"
-   height="18"
-   x="0px"
-   y="0px"
-   enable-background="new 0 0 200 200"
-   id="svg11"
-   sodipodi:docname="favicon.svg"
-   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
-   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="defs11" /><sodipodi:namedview
-   id="namedview11"
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1.0"
-   inkscape:showpageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="0"
-   inkscape:deskcolor="#d1d1d1"
-   inkscape:zoom="32"
-   inkscape:cx="8.8125"
-   inkscape:cy="9.765625"
-   inkscape:window-width="1916"
-   inkscape:window-height="1032"
-   inkscape:window-x="0"
-   inkscape:window-y="22"
-   inkscape:window-maximized="1"
-   inkscape:current-layer="svg11" />
-
-<linearGradient
-   id="SVGID_right_"
-   y2="1.279e-13"
-   gradientUnits="userSpaceOnUse"
-   x2="-1073.2"
-   gradientTransform="translate(1185.688,26.573995)"
-   y1="126.85"
-   x1="-1073.2">
-	<stop
-   stop-color="#1b3967"
-   offset=".011"
-   id="stop1" />
-	<stop
-   stop-color="#13b5ea"
-   offset=".467"
-   id="stop2" />
-	<stop
-   stop-color="#002b5c"
-   offset=".9945"
-   id="stop3" />
-</linearGradient>
-
-<linearGradient
-   id="SVGID_left_"
-   y2="1.279e-13"
-   gradientUnits="userSpaceOnUse"
-   x2="-1073.2"
-   gradientTransform="matrix(-1,0,0,1,-1005.704,26.573995)"
-   y1="126.85"
-   x1="-1073.2">
-	<stop
-   stop-color="#1b3967"
-   offset=".011"
-   id="stop4" />
-	<stop
-   stop-color="#13b5ea"
-   offset=".467"
-   id="stop5" />
-	<stop
-   stop-color="#002b5c"
-   offset=".9945"
-   id="stop6" />
-</linearGradient>
-
-<path
-   d="m 140.88912,40.762996 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551002 -46.558,97.366014 -91.687985,108.730004 v 1.639 C 107.36713,147.90501 175.97412,85.624998 177.48412,26.574995 l -36.599,14.189001 z"
-   style="fill:url(#SVGID_right_)"
-   id="path6" />
-<path
-   d="m 122.75712,40.671995 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551002 -30.69898,90.497005 -75.826985,101.860005 v 1.639 C 106.09414,145.338 152.86013,85.103997 152.86013,38.927995 c 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z"
-   style="fill:#e96d1f"
-   id="path7" />
-<path
-   d="m 152.77512,31.183995 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219002 -37.271,98.204005 -87.271995,107.120005 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 112.27413,143.26 158.12013,76.953997 152.78012,31.179995 Z"
-   style="fill:#d9541e"
-   id="path8" />
-
-<path
-   d="m 39.095,40.762996 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551002 46.558007,97.366014 91.68799,108.730004 v 1.639 C 72.617,147.90501 4.01,85.624998 2.5,26.574995 l 36.599,14.189001 z"
-   style="fill:url(#SVGID_left_)"
-   id="path9" />
-<path
-   d="m 57.227,40.671995 c -0.076,1.313 -0.12,2.63 -0.12,3.957001 0,38.551001 30.698995,90.497004 75.82699,101.860004 v 1.639 C 73.89,145.338 27.124,85.103997 27.124,38.927995 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z"
-   style="fill:#a0ce67"
-   id="path10" />
-<path
-   d="m 27.209,31.183996 7.617,2.722 c -0.041,0.962 -0.066,2.253999 -0.066,3.225 0,41.219001 37.271,98.204004 87.27199,107.120004 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 67.71,143.26 21.864,76.953998 27.204,31.179996 Z"
-   style="fill:#439639"
-   id="path11" />
-
-</svg>
+<svg xml:space="preserve" viewBox="0 0 180 180" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1185.69 26.57)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -1005.7 26.57)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M140.89 40.76c.08 1.32-1.79.97-1.79 2.3 0 38.55-46.56 97.36-91.69 108.73v1.64c59.96-5.52 128.56-67.8 130.07-126.86l-36.6 14.2z" style="fill:url(#a)"/><path d="M122.76 40.67c.07 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.83 101.86v1.64c59.04-2.8 105.81-63.03 105.81-109.2 0-2.38-.13-4.73-.37-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m152.78 31.18-7.62 2.73c.04.96.06 2.25.06 3.22 0 41.22-37.27 98.2-87.27 107.12-3.24 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M39.1 40.76c-.08 1.32 1.78.97 1.78 2.3 0 38.55 46.56 97.36 91.69 108.73v1.64C72.62 147.9 4.01 85.63 2.5 26.57l36.6 14.2z" style="fill:url(#b)"/><path d="M57.23 40.67a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.82 101.86v1.64c-59.04-2.8-105.8-63.03-105.8-109.2 0-2.38.12-4.73.36-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m27.2 31.18 7.63 2.73a86 86 0 0 0-.07 3.22c0 41.22 37.27 98.2 87.27 107.12 3.25 1.09 7.54 2.08 10.93 2.93v1.64C67.71 143.26 21.86 76.95 27.2 31.18Z" style="fill:#439639"/></svg>
\ No newline at end of file
diff --git a/img/logo-wordmark-horizontal-dark.svg b/img/logo-wordmark-horizontal-dark.svg
new file mode 100644
index 0000000..58297b5
--- /dev/null
+++ b/img/logo-wordmark-horizontal-dark.svg
@@ -0,0 +1 @@
+<svg xml:space="preserve" viewBox="0 0 760 160" width="152" height="32" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.6 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -994.79 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M151.8 29.56c.08 1.31-1.78.97-1.78 2.3 0 38.54-46.56 97.36-91.69 108.72v1.64c59.95-5.52 128.56-67.8 130.07-126.85l-36.6 14.19z" style="fill:url(#a)"/><path d="M133.67 34.3c.08 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.82 101.86v1.64c59.04-2.8 105.8-63.03 105.8-109.2 0-2.38-.12-4.73-.36-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m163.7 24.95-7.63 2.72c.05.97.07 2.26.07 3.23 0 41.22-37.27 98.2-87.27 107.12-3.25 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M50.01 29.56c-.08 1.31 1.79.96 1.79 2.29 0 38.55 46.56 97.37 91.69 108.73v1.64C83.53 136.7 14.93 74.42 13.42 15.37l36.6 14.19z" style="fill:url(#b)"/><path d="M68.14 34.3a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.83 101.86v1.64c-59.04-2.8-105.81-63.03-105.81-109.2 0-2.38.13-4.73.37-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m38.13 24.95 7.61 2.72a86.6 86.6 0 0 0-.06 3.23c0 41.22 37.27 98.2 87.27 107.12 3.24 1.09 7.54 2.07 10.93 2.93v1.64C78.63 137.03 32.78 70.72 38.12 24.95Z" style="fill:#439639"/><path d="M251.13 79.89 210.11 35h35.68l27.96 31.46L301.72 35h35.68l-41.02 44.87L340.5 125h-37.04l-29.71-32.7-29.7 32.7H207l44.13-45.13z" class="letter" style="stroke-width:3.0645"/><path d="M352.8 35h42.4l31.2 57.92L457.6 35h42.38v90h-26.85V60.36h-.24L436.7 125h-20.63L379.9 60.36h-.26V125H352.8V35.01Z" class="letter" style="stroke-width:3.06394"/><path d="M515.5 35.02h75.19c26.21 0 32.55 13.18 32.55 30.82v7.71c0 13.42-5.84 28.83-25.35 28.83h-54.81V125h-27.59V35Zm27.56 45h42.88c6.46 0 8.96-4.22 8.96-9.57v-3.48c0-6.1-3-9.57-11.32-9.57h-40.52V80z" class="letter" style="stroke-width:3.06331"/><path d="M638.18 35.02h75.19c26.22 0 32.56 13.18 32.56 30.82v7.71c0 13.42-5.84 28.83-25.35 28.83h-54.8V125h-27.6V35Zm27.6 45h42.87c6.47 0 8.95-4.22 8.95-9.57v-3.48c0-6.1-2.98-9.57-11.31-9.57h-40.51V80z" class="letter" style="opacity:1;stroke-width:3.06331"/><path style="fill:#fff;fill-rule:evenodd;stroke:#000;stroke-width:.00367473;stroke-miterlimit:7.9;paint-order:markers stroke fill" d="M70.58 16V7.07h8.44l3.05 5.67 3.14 5.8c.07.1.8-1.19 3.21-5.67l3.12-5.8h8.38v17.86h-5.21v-6.46c0-4.6-.03-6.45-.1-6.43-.05.02-1.71 2.92-3.69 6.46l-3.6 6.42h-4.08l-3.61-6.45a240.12 240.12 0 0 0-3.68-6.45c-.04 0-.07 2.9-.07 6.45v6.46h-5.3z" transform="scale(5)"/><path style="fill:#fff;fill-rule:evenodd;stroke:#000;stroke-width:.00734946;stroke-miterlimit:7.9;paint-order:markers stroke fill" d="M45.44 21c2.14-2.17 4.12-4.2 4.4-4.5l.5-.57-3.52-3.83a323.2 323.2 0 0 1-4-4.43l-.5-.6 3.4.01 3.42.02 2.82 3.19c2.68 3.04 2.83 3.17 3.1 2.85.15-.19 1.42-1.63 2.82-3.2l2.54-2.87h6.87L64.6 10c-1.48 1.6-3.31 3.62-4.08 4.46L59.13 16l2.26 2.3 4.37 4.47 2.12 2.17h-7.12l-2.96-3.27a62.84 62.84 0 0 0-3.07-3.27c-.06 0-1.42 1.47-3.02 3.26l-2.92 3.26h-3.62l-3.62.02zm57.71-5.01V7.05l8.53.06c9.9.07 9.8.06 11.34 1.61a5.44 5.44 0 0 1 1.15 1.62c.12.39.27 1.73.32 2.98.14 3.56-.5 5.33-2.37 6.42l-.85.5-6.4.05-6.42.06v4.58h-5.3zm15.41-.4c.33-.32.42-.63.47-1.68.06-1.16.02-1.35-.36-1.79-.6-.69-1.37-.79-6.1-.8h-4.12v4.79l4.86-.06c4.77-.05 4.86-.06 5.25-.45zm9.16.4V7.05l8.53.06c9.53.07 9.63.08 11.1 1.33 1.38 1.19 1.86 2.9 1.72 6.15-.08 1.82-.15 2.15-.64 3.16a4.33 4.33 0 0 1-2.48 2.34c-.47.16-2.25.23-6.78.23h-6.15v4.6h-5.3zm15.02-.17c.65-.33.96-1.24.85-2.5-.1-1.17-.49-1.63-1.58-1.84-.42-.08-2.61-.15-4.88-.16h-4.1v4.77h4.6c3.72 0 4.7-.05 5.11-.27z" transform="scale(5)"/></svg>
\ No newline at end of file
diff --git a/img/logo-wordmark-horizontal.svg b/img/logo-wordmark-horizontal.svg
new file mode 100644
index 0000000..4492705
--- /dev/null
+++ b/img/logo-wordmark-horizontal.svg
@@ -0,0 +1 @@
+<svg xml:space="preserve" viewBox="0 0 760 160" width="152" height="32" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.604 15.368977)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".011"/><stop stop-color="#13b5ea" offset=".467"/><stop stop-color="#002b5c" offset=".9945"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -994.78801 15.367977)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".011"/><stop stop-color="#13b5ea" offset=".467"/><stop stop-color="#002b5c" offset=".9945"/></linearGradient><path d="M151.80512 29.557978c.077 1.313-1.787.968-1.787 2.293 0 38.551-46.558 97.366012-91.687985 108.730012v1.639c59.952995-5.52 128.559985-67.800012 130.069985-126.850013l-36.599 14.189001z" style="fill:url(#a)"/><path d="M133.67312 34.300978c.076 1.313.12 2.63.12 3.957 0 38.551-30.69898 90.497012-75.826985 101.860012v1.639c59.044005-2.79 105.809995-63.024012 105.809995-109.200012 0-2.375-.128-4.729-.371-7.056l-29.73 8.798z" style="fill:#e96d1f"/><path d="m163.69112 24.951978-7.61699 2.722c.041.962.066 2.254.066 3.225 0 41.219-37.271 98.204012-87.271995 107.120012-3.24501 1.088-7.53801 2.077-10.932 2.931v1.638c65.253995-5.56 111.099995-71.866012 105.759985-117.640012Z" style="fill:#d9541e"/><path d="M50.011 29.556978c-.077 1.313 1.787.968 1.787 2.293 0 38.551 46.558007 97.366012 91.68799 108.730012v1.639C83.533 136.69899 14.926 74.418978 13.416 15.368977l36.599 14.189001z" style="fill:url(#b)"/><path d="M68.143 34.299978c-.076 1.313-.12 2.63-.12 3.957 0 38.551 30.698995 90.497012 75.82699 101.860012v1.639C84.806 138.96599 38.04 78.731978 38.04 32.555978c0-2.375.128-4.729.371-7.056l29.73 8.798z" style="fill:#a0ce67"/><path d="m38.125 24.950978 7.617 2.722c-.041.962-.066 2.254-.066 3.225 0 41.219 37.271 98.204012 87.27199 107.120012 3.245 1.088 7.538 2.077 10.932 2.931v1.638C78.626 137.02699 32.78 70.720978 38.12 24.946978Z" style="fill:#439639"/><path d="M251.13317 79.886831 210.11296 35h35.67356l27.96454 31.4606L301.7216 35h35.67378l-41.01675 44.874529L340.5022 125h-37.04305l-29.71094-32.691963L244.04926 125H207l44.13317-45.131605z" class="letter" style="stroke-width:3.0645"/><path d="M352.80507 35h42.39259l31.20004 57.923669L457.59774 35h42.38031v90h-26.84613V60.363248h-.24512L436.7109 125h-20.62946l-36.17588-64.636752h-.25124V125H352.802V35.012256Z" class="letter" style="stroke-width:3.06394"/><path d="M515.494 35.01838h75.19197c26.21886 0 32.55685 13.178353 32.55685 30.826074v7.707284c0 13.420355-5.8448 28.825732-25.34888 28.825732h-54.81485V125H515.494V35Zm27.56978 45.000003h42.87713c6.46055 0 8.95714-4.218176 8.95714-9.566713v-3.476855c0-6.095984-2.98979-9.578966-11.31586-9.578966h-40.51838v22.607217z" class="letter" style="stroke-width:3.06331"/><path d="M638.17769 35.01838h75.19199c26.22499 0 32.56298 13.178357 32.56298 30.826083v7.707286c0 13.42036-5.84173 28.825711-25.34888 28.825711h-54.8118V125h-27.59429V35Zm27.60042 45.000019h42.87408c6.46358 0 8.95099-4.21818 8.95099-9.56672v-3.476855c0-6.095986-2.98367-9.578969-11.31281-9.578969h-40.51226v22.607224z" class="letter" style="opacity:1;stroke-width:3.06331"/></svg>
\ No newline at end of file
diff --git a/img/logo-wordmark-vertical-dark.svg b/img/logo-wordmark-vertical-dark.svg
new file mode 100644
index 0000000..6d86564
--- /dev/null
+++ b/img/logo-wordmark-vertical-dark.svg
@@ -0,0 +1 @@
+<svg xml:space="preserve" width="200" height="200" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.6 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -994.79 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M151.8 29.56c.08 1.31-1.78.97-1.78 2.3 0 38.54-46.56 97.36-91.69 108.72v1.64c59.95-5.52 128.56-67.8 130.07-126.85l-36.6 14.19z" style="fill:url(#a)"/><path d="M133.67 34.3c.08 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.82 101.86v1.64c59.04-2.8 105.8-63.03 105.8-109.2 0-2.38-.12-4.73-.36-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m163.7 24.95-7.63 2.72c.05.97.07 2.26.07 3.23 0 41.22-37.27 98.2-87.27 107.12-3.25 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M50.01 29.56c-.08 1.31 1.79.96 1.79 2.29 0 38.55 46.56 97.37 91.69 108.73v1.64C83.53 136.7 14.93 74.42 13.42 15.37l36.6 14.19z" style="fill:url(#b)"/><path d="M68.14 34.3a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.83 101.86v1.64c-59.04-2.8-105.81-63.03-105.81-109.2 0-2.38.13-4.73.37-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m38.13 24.95 7.61 2.72a86.6 86.6 0 0 0-.06 3.23c0 41.22 37.27 98.2 87.27 107.12 3.24 1.09 7.54 2.07 10.93 2.93v1.64C78.63 137.03 32.78 70.72 38.12 24.95Z" style="fill:#439639"/><path d="M25.99 172.08 12.6 157.43h11.64l9.13 10.27 9.13-10.27h11.64l-13.38 14.64 14.4 14.73h-12.1l-9.7-10.67-9.68 10.67h-12.1l14.4-14.73zm32.51-14.65h13.84l10.19 18.9 10.18-18.9h13.83v29.37h-8.76v-21.1h-.08l-11.8 21.1h-6.74l-11.8-21.1h-.09v21.1h-8.76v-29.37zm54.16 0h24.55c8.56 0 10.63 4.3 10.63 10.06v2.52c0 4.38-1.91 9.4-8.28 9.4h-17.9v7.4h-9v-29.39zm9 14.69h14c2.1 0 2.92-1.38 2.92-3.13v-1.13c0-1.99-.97-3.13-3.7-3.13h-13.22v7.38zm31.06-14.69h24.55c8.56 0 10.63 4.3 10.63 10.06v2.52c0 4.38-1.9 9.4-8.28 9.4h-17.89v7.4h-9v-29.39zm9.01 14.69h14c2.1 0 2.92-1.38 2.92-3.13v-1.13c0-1.99-.97-3.13-3.7-3.13h-13.22v7.38z"/><path style="fill:#fff;fill-rule:evenodd;stroke:#000;stroke-width:.00457872;stroke-miterlimit:7.9;paint-order:markers stroke fill" d="M13.44 185c1.97-2 11.39-11.64 12.14-12.44l.49-.5-6.48-7.1-6.64-7.28c-.14-.18.17-.2 5.57-.19h5.7l4.52 5.11c2.49 2.81 4.57 5.11 4.63 5.11.06 0 2.14-2.3 4.63-5.1l4.51-5.11h5.7c4.21 0 5.7.02 5.64.11-.05.07-3.03 3.35-6.63 7.29l-6.54 7.16.59.62c1.07 1.1 10.33 10.6 12.08 12.37l1.71 1.73H43.15l-4.84-5.33a166.66 166.66 0 0 0-4.94-5.33c-.06 0-2.28 2.4-4.94 5.33l-4.83 5.33H11.68z"/><path style="fill:#fff;fill-rule:evenodd;stroke:#000;stroke-width:.00647529;stroke-miterlimit:7.9;paint-order:markers stroke fill" d="M152.87 172.1v-14.64h12.54c7.92 0 13.1.07 14.05.17 4.41.5 6.9 2.37 7.93 6 .38 1.36.49 7.47.15 9.1-.5 2.42-2.04 4.69-3.82 5.66-1.6.87-1.73.88-12.35.88h-9.78v7.47h-8.72zm23.54 0c.97-.18 1.49-.52 1.92-1.26.27-.45.32-.8.32-2.4 0-1.67-.04-1.92-.36-2.44a2.8 2.8 0 0 0-1.1-.93c-.72-.36-.74-.36-8.16-.4l-7.44-.06v7.65h6.99c4.04 0 7.34-.07 7.82-.16zm-63.72 0v-14.64h12.65c7.23 0 13.22.07 13.98.16 4.6.53 7.01 2.4 8.06 6.23.22.84.27 1.66.27 4.75 0 3.48-.02 3.82-.36 4.9-.93 3-2.71 4.84-5.36 5.55-.66.17-2.73.22-10.6.22h-9.77v7.47h-8.86zm24.53-.24c.93-.5 1.34-1.34 1.44-3 .1-1.72-.13-2.57-.87-3.31-.89-.88-1.3-.92-9.23-.92h-7v7.65l7.52-.05c7.26-.05 7.53-.06 8.14-.37z"/><path style="fill:#fff;fill-rule:evenodd;stroke:#000;stroke-width:.0129506;stroke-miterlimit:7.9;paint-order:markers stroke fill" d="M58.72 172.1v-14.48h13.55l4.98 9.34c2.74 5.13 5.13 9.29 5.3 9.24.17-.05 2.55-4.25 5.3-9.34l4.98-9.24h13.55v28.97h-8.41v-10.65c0-6.58-.11-10.54-.3-10.36-.15.16-2.87 4.92-6.04 10.57l-5.75 10.28h-6.7l-5.8-10.33a429.87 429.87 0 0 0-6.02-10.56c-.13-.13-.23 4.55-.23 10.4v10.65h-8.41z"/></svg>
\ No newline at end of file
diff --git a/img/logo-wordmark-vertical.svg b/img/logo-wordmark-vertical.svg
new file mode 100644
index 0000000..1724182
--- /dev/null
+++ b/img/logo-wordmark-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="200" height="200"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.6 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -994.79 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M151.8 29.56c.08 1.31-1.78.97-1.78 2.3 0 38.54-46.56 97.36-91.69 108.72v1.64c59.95-5.52 128.56-67.8 130.07-126.85l-36.6 14.19z" style="fill:url(#a)"/><path d="M133.67 34.3c.08 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.82 101.86v1.64c59.04-2.8 105.8-63.03 105.8-109.2 0-2.38-.12-4.73-.36-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m163.7 24.95-7.63 2.72c.05.97.07 2.26.07 3.23 0 41.22-37.27 98.2-87.27 107.12-3.25 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M50.01 29.56c-.08 1.31 1.79.96 1.79 2.29 0 38.55 46.56 97.37 91.69 108.73v1.64C83.53 136.7 14.93 74.42 13.42 15.37l36.6 14.19z" style="fill:url(#b)"/><path d="M68.14 34.3a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.83 101.86v1.64c-59.04-2.8-105.81-63.03-105.81-109.2 0-2.38.13-4.73.37-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m38.13 24.95 7.61 2.72a86.6 86.6 0 0 0-.06 3.23c0 41.22 37.27 98.2 87.27 107.12 3.24 1.09 7.54 2.07 10.93 2.93v1.64C78.63 137.03 32.78 70.72 38.12 24.95Z" style="fill:#439639"/><path d="M25.99 172.08 12.6 157.43h11.64l9.13 10.27 9.13-10.27h11.64l-13.38 14.64 14.4 14.73h-12.1l-9.7-10.67-9.68 10.67h-12.1l14.4-14.73zm32.51-14.65h13.84l10.19 18.9 10.18-18.9h13.83v29.37h-8.76v-21.1h-.08l-11.8 21.1h-6.74l-11.8-21.1h-.09v21.1h-8.76v-29.37zm54.16 0h24.55c8.56 0 10.63 4.3 10.63 10.06v2.52c0 4.38-1.91 9.4-8.28 9.4h-17.9v7.4h-9v-29.39zm9 14.69h14c2.1 0 2.92-1.38 2.92-3.13v-1.13c0-1.99-.97-3.13-3.7-3.13h-13.22v7.38zm31.06-14.69h24.55c8.56 0 10.63 4.3 10.63 10.06v2.52c0 4.38-1.9 9.4-8.28 9.4h-17.89v7.4h-9v-29.39zm9.01 14.69h14c2.1 0 2.92-1.38 2.92-3.13v-1.13c0-1.99-.97-3.13-3.7-3.13h-13.22v7.38z"/></svg>
\ No newline at end of file
diff --git a/img/logo.svg b/img/logo.svg
new file mode 100644
index 0000000..0e9c0f4
--- /dev/null
+++ b/img/logo.svg
@@ -0,0 +1 @@
+<svg xml:space="preserve" viewBox="13 35 175.63 131.72" width="160" height="120" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.6 37.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -994.79 37.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M151.8 51.56c.08 1.31-1.78.97-1.78 2.3 0 38.54-46.56 97.36-91.69 108.72v1.64c59.95-5.52 128.56-67.8 130.07-126.85l-36.6 14.19z" style="fill:url(#a)"/><path d="M133.67 56.3c.08 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.82 101.86v1.64c59.04-2.8 105.8-63.03 105.8-109.2 0-2.38-.12-4.73-.36-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m163.7 46.95-7.63 2.72c.05.97.07 2.26.07 3.23 0 41.22-37.27 98.2-87.27 107.12-3.25 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M50.01 51.56c-.08 1.31 1.79.96 1.79 2.29 0 38.55 46.56 97.37 91.69 108.73v1.64C83.53 158.7 14.93 96.42 13.42 37.37l36.6 14.19z" style="fill:url(#b)"/><path d="M68.14 56.3a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.83 101.86v1.64c-59.04-2.8-105.81-63.03-105.81-109.2 0-2.38.13-4.73.37-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m38.13 46.95 7.61 2.72a86.6 86.6 0 0 0-.06 3.23c0 41.22 37.27 98.2 87.27 107.12 3.24 1.09 7.54 2.07 10.93 2.93v1.64C78.63 159.03 32.78 92.72 38.12 46.95Z" style="fill:#439639"/></svg>
\ No newline at end of file
diff --git a/img/xmpp-logo-wordmark-horizontal.svg b/img/xmpp-logo-wordmark-horizontal.svg
deleted file mode 100644
index 02f6723..0000000
--- a/img/xmpp-logo-wordmark-horizontal.svg
+++ /dev/null
@@ -1,123 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   version="1.1"
-   xml:space="preserve"
-   viewBox="0 0 760 160"
-   width="152"
-   height="32"
-   x="0px"
-   y="0px"
-   enable-background="new 0 0 200 200"
-   id="svg15"
-   sodipodi:docname="XMPP.logo.horizontal.svg"
-   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
-   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="defs15" /><sodipodi:namedview
-   id="namedview15"
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1.0"
-   inkscape:showpageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="0"
-   inkscape:deskcolor="#d1d1d1"
-   inkscape:zoom="2"
-   inkscape:cx="256.5"
-   inkscape:cy="-15.75"
-   inkscape:window-width="1916"
-   inkscape:window-height="1032"
-   inkscape:window-x="0"
-   inkscape:window-y="22"
-   inkscape:window-maximized="1"
-   inkscape:current-layer="svg15" />
-
-<linearGradient
-   id="SVGID_right_"
-   y2="1.279e-13"
-   gradientUnits="userSpaceOnUse"
-   x2="-1073.2"
-   gradientTransform="translate(1196.604,15.368977)"
-   y1="126.85"
-   x1="-1073.2">
-	<stop
-   stop-color="#1b3967"
-   offset=".011"
-   id="stop1" />
-	<stop
-   stop-color="#13b5ea"
-   offset=".467"
-   id="stop2" />
-	<stop
-   stop-color="#002b5c"
-   offset=".9945"
-   id="stop3" />
-</linearGradient>
-
-<linearGradient
-   id="SVGID_left_"
-   y2="1.279e-13"
-   gradientUnits="userSpaceOnUse"
-   x2="-1073.2"
-   gradientTransform="matrix(-1,0,0,1,-994.78801,15.367977)"
-   y1="126.85"
-   x1="-1073.2">
-	<stop
-   stop-color="#1b3967"
-   offset=".011"
-   id="stop4" />
-	<stop
-   stop-color="#13b5ea"
-   offset=".467"
-   id="stop5" />
-	<stop
-   stop-color="#002b5c"
-   offset=".9945"
-   id="stop6" />
-</linearGradient>
-
-<path
-   d="m 151.80512,29.557978 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551 -46.558,97.366012 -91.687985,108.730012 v 1.639 C 118.28313,136.69999 186.89012,74.419978 188.40012,15.369977 l -36.599,14.189001 z"
-   style="fill:url(#SVGID_right_)"
-   id="path6" />
-<path
-   d="m 133.67312,34.300978 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551 -30.69898,90.497012 -75.826985,101.860012 v 1.639 c 59.044005,-2.79 105.809995,-63.024012 105.809995,-109.200012 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z"
-   style="fill:#e96d1f"
-   id="path7" />
-<path
-   d="m 163.69112,24.951978 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219 -37.271,98.204012 -87.271995,107.120012 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 123.19013,137.02799 169.03613,70.721978 163.69612,24.947978 Z"
-   style="fill:#d9541e"
-   id="path8" />
-
-<path
-   d="m 50.011,29.556978 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551 46.558007,97.366012 91.68799,108.730012 v 1.639 C 83.533,136.69899 14.926,74.418978 13.416,15.368977 l 36.599,14.189001 z"
-   style="fill:url(#SVGID_left_)"
-   id="path9" />
-<path
-   d="m 68.143,34.299978 c -0.076,1.313 -0.12,2.63 -0.12,3.957 0,38.551 30.698995,90.497012 75.82699,101.860012 v 1.639 C 84.806,138.96599 38.04,78.731978 38.04,32.555978 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z"
-   style="fill:#a0ce67"
-   id="path10" />
-<path
-   d="m 38.125,24.950978 7.617,2.722 c -0.041,0.962 -0.066,2.254 -0.066,3.225 0,41.219 37.271,98.204012 87.27199,107.120012 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 78.626,137.02699 32.78,70.720978 38.12,24.946978 Z"
-   style="fill:#439639"
-   id="path11" />
-
-<path
-   d="M 251.13317,79.886831 210.11296,35 h 35.67356 L 273.75106,66.4606 301.7216,35 h 35.67378 L 296.37863,79.874529 340.5022,125 H 303.45915 L 273.74821,92.308037 244.04926,125 H 207 l 44.13317,-45.131605 z"
-   id="path12"
-   style="stroke-width:3.0645" />
-<path
-   d="m 352.80507,35 h 42.39259 L 426.3977,92.923669 457.59774,35 h 42.38031 v 90 H 473.13192 V 60.363248 H 472.8868 L 436.7109,125 H 416.08144 L 379.90556,60.363248 h -0.25124 V 125 H 352.802 V 35.012256 Z"
-   id="path13"
-   style="stroke-width:3.06394" />
-<path
-   d="m 515.494,35.01838 h 75.19197 c 26.21886,0 32.55685,13.178353 32.55685,30.826074 v 7.707284 c 0,13.420355 -5.8448,28.825732 -25.34888,28.825732 H 543.07909 V 125 H 515.494 V 35 Z m 27.56978,45.000003 h 42.87713 c 6.46055,0 8.95714,-4.218176 8.95714,-9.566713 v -3.476855 c 0,-6.095984 -2.98979,-9.578966 -11.31586,-9.578966 h -40.51838 v 22.607217 z"
-   id="path14"
-   style="stroke-width:3.06331" />
-<path
-   d="m 638.17769,35.01838 h 75.19199 c 26.22499,0 32.56298,13.178357 32.56298,30.826083 v 7.707286 c 0,13.42036 -5.84173,28.825711 -25.34888,28.825711 h -54.8118 V 125 H 638.17769 V 35 Z m 27.60042,45.000019 h 42.87408 c 6.46358,0 8.95099,-4.21818 8.95099,-9.56672 v -3.476855 c 0,-6.095986 -2.98367,-9.578969 -11.31281,-9.578969 h -40.51226 v 22.607224 z"
-   id="path15"
-   style="opacity:1;stroke-width:3.06331" />
-</svg>
diff --git a/img/xmpp-logo-wordmark-vertical.svg b/img/xmpp-logo-wordmark-vertical.svg
deleted file mode 100644
index 0c904a7..0000000
--- a/img/xmpp-logo-wordmark-vertical.svg
+++ /dev/null
@@ -1,30 +0,0 @@
-<?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)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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">
-
-<linearGradient id="SVGID_right_" y2="1.279e-13" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.604,15.368977)" y1="126.85" x1="-1073.2">
-	<stop stop-color="#1b3967" offset=".011"/>
-	<stop stop-color="#13b5ea" offset=".467"/>
-	<stop stop-color="#002b5c" offset=".9945"/>
-</linearGradient>
-
-<linearGradient id="SVGID_left_" y2="1.279e-13" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1,0,0,1,-994.78801,15.367977)" y1="126.85" x1="-1073.2">
-	<stop stop-color="#1b3967" offset=".011"/>
-	<stop stop-color="#13b5ea" offset=".467"/>
-	<stop stop-color="#002b5c" offset=".9945"/>
-</linearGradient>
-
-<path d="m 151.80512,29.557978 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551 -46.558,97.366012 -91.687985,108.730012 v 1.639 C 118.28313,136.69999 186.89012,74.419978 188.40012,15.369977 l -36.599,14.189001 z" style="fill:url(#SVGID_right_)"/>
-<path d="m 133.67312,34.300978 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551 -30.69898,90.497012 -75.826985,101.860012 v 1.639 c 59.044005,-2.79 105.809995,-63.024012 105.809995,-109.200012 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z" style="fill:#e96d1f"/>
-<path d="m 163.69112,24.951978 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219 -37.271,98.204012 -87.271995,107.120012 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 123.19013,137.02799 169.03613,70.721978 163.69612,24.947978 Z" style="fill:#d9541e"/>
-
-<path d="m 50.011,29.556978 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551 46.558007,97.366012 91.68799,108.730012 v 1.639 C 83.533,136.69899 14.926,74.418978 13.416,15.368977 l 36.599,14.189001 z" style="fill:url(#SVGID_left_)"/>
-<path d="m 68.143,34.299978 c -0.076,1.313 -0.12,2.63 -0.12,3.957 0,38.551 30.698995,90.497012 75.82699,101.860012 v 1.639 C 84.806,138.96599 38.04,78.731978 38.04,32.555978 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z" style="fill:#a0ce67"/>
-<path d="m 38.125,24.950978 7.617,2.722 c -0.041,0.962 -0.066,2.254 -0.066,3.225 0,41.219 37.271,98.204012 87.27199,107.120012 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 78.626,137.02699 32.78,70.720978 38.12,24.946978 Z" style="fill:#439639"/>
-
-<path d="m 25.988,172.07799 -13.388,-14.65 h 11.643 l 9.127,10.268 9.129,-10.268 h 11.643 l -13.387,14.646 14.401,14.728 h -12.09 l -9.697,-10.67 -9.693,10.67 H 11.584 l 14.404,-14.73 z"/>
-<path d="m 58.508,157.42799 h 13.836 l 10.183,18.905 10.183,-18.905 h 13.83199 v 29.374 h -8.761983 v -21.096 h -0.08 L 85.893,186.80199 H 79.16 l -11.807,-21.096 h -0.082 v 21.096 h -8.764 v -29.37 z"/>
-<path d="m 112.66199,157.42799 h 24.546 c 8.559,0 10.628,4.302 10.628,10.063 v 2.516 c 0,4.381 -1.908,9.41 -8.275,9.41 h -17.894 v 7.385 h -9.005 v -29.38 z m 9,14.69 h 13.997 c 2.10901,0 2.92401,-1.377 2.92401,-3.123 v -1.135 c 0,-1.99 -0.976,-3.127 -3.694,-3.127 h -13.227 v 7.38 z"/>
-<path d="m 152.72199,157.42799 h 24.546 c 8.561,0 10.63,4.302 10.63,10.063 v 2.516 c 0,4.381 -1.907,9.41 -8.275,9.41 h -17.893 v 7.385 h -9.008 v -29.38 z m 9.01,14.69 h 13.996 c 2.11,0 2.922,-1.377 2.922,-3.123 v -1.135 c 0,-1.99 -0.974,-3.127 -3.693,-3.127 h -13.225 v 7.38 z"/>
-</svg>
\ No newline at end of file
diff --git a/img/xmpp-logo.svg b/img/xmpp-logo.svg
deleted file mode 100644
index a6895bd..0000000
--- a/img/xmpp-logo.svg
+++ /dev/null
@@ -1,108 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-
-<svg
-   version="1.1"
-   xml:space="preserve"
-   viewBox="13 35 175.6322 131.72422"
-   width="160"
-   height="120"
-   x="0px"
-   y="0px"
-   enable-background="new 0 0 200 200"
-   id="svg11"
-   sodipodi:docname="xmpp-logo.svg"
-   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
-   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="defs11" /><sodipodi:namedview
-   id="namedview11"
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1.0"
-   inkscape:showpageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="0"
-   inkscape:deskcolor="#d1d1d1"
-   inkscape:zoom="50.232866"
-   inkscape:cx="41.158313"
-   inkscape:cy="119.45367"
-   inkscape:window-width="1916"
-   inkscape:window-height="1032"
-   inkscape:window-x="0"
-   inkscape:window-y="22"
-   inkscape:window-maximized="1"
-   inkscape:current-layer="svg11" />
-
-<linearGradient
-   id="SVGID_right_"
-   y2="1.279e-13"
-   gradientUnits="userSpaceOnUse"
-   x2="-1073.2"
-   gradientTransform="translate(1196.604,37.368977)"
-   y1="126.85"
-   x1="-1073.2">
-	<stop
-   stop-color="#1b3967"
-   offset=".011"
-   id="stop1" />
-	<stop
-   stop-color="#13b5ea"
-   offset=".467"
-   id="stop2" />
-	<stop
-   stop-color="#002b5c"
-   offset=".9945"
-   id="stop3" />
-</linearGradient>
-
-<linearGradient
-   id="SVGID_left_"
-   y2="1.279e-13"
-   gradientUnits="userSpaceOnUse"
-   x2="-1073.2"
-   gradientTransform="matrix(-1,0,0,1,-994.78801,37.367977)"
-   y1="126.85"
-   x1="-1073.2">
-	<stop
-   stop-color="#1b3967"
-   offset=".011"
-   id="stop4" />
-	<stop
-   stop-color="#13b5ea"
-   offset=".467"
-   id="stop5" />
-	<stop
-   stop-color="#002b5c"
-   offset=".9945"
-   id="stop6" />
-</linearGradient>
-
-<path
-   d="m 151.80512,51.557978 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551002 -46.558,97.366012 -91.687985,108.730012 v 1.639 C 118.28313,158.69999 186.89012,96.41998 188.40012,37.369977 l -36.599,14.189001 z"
-   style="fill:url(#SVGID_right_)"
-   id="path6" />
-<path
-   d="m 133.67312,56.300978 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551002 -30.69898,90.497012 -75.826985,101.860012 v 1.639 c 59.044005,-2.79 105.809995,-63.02401 105.809995,-109.200012 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z"
-   style="fill:#e96d1f"
-   id="path7" />
-<path
-   d="m 163.69112,46.951978 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219002 -37.271,98.204012 -87.271995,107.120012 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 123.19013,159.02799 169.03613,92.72198 163.69612,46.947978 Z"
-   style="fill:#d9541e"
-   id="path8" />
-
-<path
-   d="m 50.011,51.556978 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551002 46.558007,97.366012 91.68799,108.730012 v 1.639 C 83.533,158.69899 14.926,96.41898 13.416,37.368977 l 36.599,14.189001 z"
-   style="fill:url(#SVGID_left_)"
-   id="path9" />
-<path
-   d="m 68.143,56.299978 c -0.076,1.313 -0.12,2.63 -0.12,3.957 0,38.551002 30.698995,90.497012 75.82699,101.860012 v 1.639 C 84.806,160.96599 38.04,100.73198 38.04,54.555978 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z"
-   style="fill:#a0ce67"
-   id="path10" />
-<path
-   d="m 38.125,46.950978 7.617,2.722 c -0.041,0.962 -0.066,2.254 -0.066,3.225 0,41.219002 37.271,98.204012 87.27199,107.120012 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 78.626,159.02699 32.78,92.72098 38.12,46.946978 Z"
-   style="fill:#439639"
-   id="path11" />
-
-</svg>
diff --git a/xhtml/disco.xhtml b/xhtml/disco.xhtml
index fd729dd..7a1127c 100644
--- a/xhtml/disco.xhtml
+++ b/xhtml/disco.xhtml
@@ -25,7 +25,7 @@
     <div id="overlay">
       <div id="bar">
         <a href="https://xmpp.org">
-          <img id="logo" src="/img/xmpp-logo-wordmark-horizontal.svg" />
+          <img id="logo" src="/img/logo-wordmark-horizontal.svg" />
         </a>
         <a id="download" href="https://xmpp.org/software/">
           Download
@@ -38,7 +38,7 @@
         <div id="profile">
           <div>
             <a id="download-narrow" href="https://xmpp.org/software/">
-              <img id="logo-narrow" src="/img/xmpp-logo.svg" />
+              <img id="logo-narrow" src="/img/logo.svg" />
               Download
             </a>
           </div>
@@ -124,14 +124,14 @@
           </div -->
           <!-- div>
             <a href="https://xmpp.org">
-              <img id="logo-bottom" src="/img/xmpp-logo-wordmark-vertical.svg" />
+              <img id="logo-bottom" src="/img/logo-wordmark-vertical.svg" />
             </a>
           </div -->
+          <!-- div id="note">
+            The Universal Messaging Standard
+          </div -->
         </div>
       </div>
-      <!-- div id="note">
-        The Universal Messaging Standard
-      </div -->
       {% if message %}
         <div id="message">{{message}}</div>
       {% endif %}
diff --git a/xhtml/jid.xhtml b/xhtml/jid.xhtml
index dc5feee..8a73b23 100644
--- a/xhtml/jid.xhtml
+++ b/xhtml/jid.xhtml
@@ -22,13 +22,26 @@
     <link rel="stylesheet" href="/css/stylesheet.css" media="screen" type="text/css" />
     {% if selection %}
       <style>
-        html {
-          background-repeat: no-repeat;
-          background: linear-gradient(
-            to right,
-            RGB({{selection[0][2]}}, {{selection[0][1]}}, {{selection[0][0]}}),
-            RGB({{selection[1][2]}}, {{selection[1][1]}}, {{selection[1][0]}})
-          );
+        body {
+          /* background-repeat: no-repeat; */
+          background:
+            url(/img/background.svg),
+            linear-gradient(
+              to right,
+              rgba({{selection[0][2]}}, {{selection[0][1]}}, {{selection[0][0]}}, 0.7),
+              rgba({{selection[1][2]}}, {{selection[1][1]}}, {{selection[1][0]}}, 0.7)
+            );
+        }
+        @media (prefers-color-scheme: dark) {
+          body {
+            background:
+              url(/img/background.svg),
+              linear-gradient(
+                to right,
+                rgba({{selection[0][2]-50}}, {{selection[0][1]-50}}, {{selection[0][0]-50}}, 0.7),
+                rgba({{selection[1][2]-50}}, {{selection[1][1]-50}}, {{selection[1][0]-50}}, 0.7)
+              );
+          }
         }
       </style>
     {% endif %}
@@ -37,7 +50,7 @@
     <div id="overlay">
       <div id="bar">
         <a href="https://xmpp.org">
-          <img id="logo" src="/img/xmpp-logo-wordmark-horizontal.svg" />
+          <img id="logo" src="/img/logo-wordmark-horizontal.svg" />
         </a>
         <a id="download" href="https://xmpp.org/software/">
           Download
@@ -47,7 +60,7 @@
         <div id="profile">
           <div>
             <a id="download-narrow" href="https://xmpp.org/software/">
-              <img id="logo-narrow" src="/img/xmpp-logo.svg" />
+              <img id="logo-narrow" src="/img/logo.svg" />
               Download
             </a>
           </div>
@@ -93,14 +106,14 @@
           {% endif %}
           <!-- div>
             <a href="https://xmpp.org">
-              <img id="logo-bottom" src="/img/xmpp-logo-wordmark-vertical.svg" />
+              <img id="logo-bottom" src="/img/logo-wordmark-vertical.svg" />
             </a>
           </div -->
+          <!-- div id="note">
+            The Universal Messaging Standard
+          </div -->
         </div>
       </div>
-      <!-- div id="note">
-        The Universal Messaging Standard
-      </div -->
       {% if message %}
         <div id="message">{{message}}</div>
       {% endif %}
diff --git a/xhtml/main.xhtml b/xhtml/main.xhtml
index 934ecbd..a806851 100644
--- a/xhtml/main.xhtml
+++ b/xhtml/main.xhtml
@@ -12,7 +12,7 @@
     <meta name="uri" content="{{xmpp_uri}}" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta property="og:description" content="FASI : Welcome" />
-    <meta property="og:image" content="/img/xmpp-logo-wordmark-vertical.svg" />
+    <meta property="og:image" content="/img/logo-wordmark-vertical.svg" />
     <meta property="og:site_name" content="XMPP" />
     <meta property="og:title" content="FASI : Welcome" />
     <meta property="og:type" content="website" />
@@ -25,7 +25,7 @@
     <div id="overlay">
       <div id="bar">
         <a href="https://xmpp.org">
-          <img id="logo" src="/img/xmpp-logo-wordmark-horizontal.svg" />
+          <img id="logo" src="/img/logo-wordmark-horizontal.svg" />
         </a>
         <a id="download" href="https://xmpp.org/software/">
           Download
@@ -35,7 +35,7 @@
         <div id="profile">
           <div>
             <a id="download-narrow" href="https://xmpp.org/software/">
-              <img id="logo-narrow" src="/img/xmpp-logo.svg" />
+              <img id="logo-narrow" src="/img/logo.svg" />
               Download
             </a>
           </div>
@@ -56,14 +56,14 @@
           </div>
           <div>
             <a href="https://xmpp.org">
-              <img id="logo-bottom" src="/img/xmpp-logo-wordmark-vertical.svg" />
+              <img id="logo-bottom" src="/img/logo-wordmark-vertical.svg" />
             </a>
           </div>
+          <div id="note">
+            The Universal Messaging Standard
+          </div>
         </div>
       </div>
-      <div id="note">
-        The Universal Messaging Standard
-      </div>
     </div>
   </body>
 </html>
diff --git a/xhtml/node.xhtml b/xhtml/node.xhtml
index d5659b2..b20a404 100644
--- a/xhtml/node.xhtml
+++ b/xhtml/node.xhtml
@@ -25,7 +25,7 @@
     <div id="overlay">
       <div id="bar">
         <a href="https://xmpp.org">
-          <img id="logo" src="/img/xmpp-logo-wordmark-horizontal.svg" />
+          <img id="logo" src="/img/logo-wordmark-horizontal.svg" />
         </a>
         <a id="download" href="https://xmpp.org/software/">
           Download
@@ -38,7 +38,7 @@
         <div id="profile">
           <div>
             <a id="download-narrow" href="https://xmpp.org/software/">
-              <img id="logo-narrow" src="/img/xmpp-logo.svg" />
+              <img id="logo-narrow" src="/img/logo.svg" />
               Download
             </a>
           </div>
@@ -93,14 +93,14 @@
           </div -->
           <!-- div>
             <a href="https://xmpp.org">
-              <img id="logo-bottom" src="/img/xmpp-logo-wordmark-vertical.svg" />
+              <img id="logo-bottom" src="/img/logo-wordmark-vertical.svg" />
             </a>
           </div -->
+          <!-- div id="note">
+            The Universal Messaging Standard
+          </div -->
         </div>
       </div>
-      <!-- div id="note">
-        The Universal Messaging Standard
-      </div -->
       {% if message %}
         <div id="message">{{message}}</div>
       {% endif %}