fixup! fixup! Scroll wallets QR

static/style/main.scss

@@ -177,6 +177,28 @@ footer {
   border-radius: .2em;
 }
 
+
+::-webkit-scrollbar {
+  width: .5rem;
+
+  &-button {
+    display: none;
+  }
+
+  &-track {
+    background-color: $base;
+  }
+
+  &-thumb {
+    background-color: $overlay0;
+    border-radius: .25rem;
+
+    &:hover {
+      background-color: $overlay1;
+    }
+  }
+}
+
 @font-face {
   font-family: Monocraft;
   src: url("/static/font/Monocraft.ttc");

templates/host.html

@@ -13,9 +13,9 @@
     <ul>
       <li>CPU: Ryzen i9@3.4GHz (4 cores)</li>
       <li>RAM: 8 GiB</li>
-      <li>SSD: 150 GiB</li>
+      <li>SSD: 150 GB</li>
       <li>ETH: 500Mb/s</li>
-      <li>Loc: Portugal</li>
+      <li>Loc: Deutchland, Frankfurt am Mein</li>
     </ul>
   </div>
 {% endblock %}

templates/personal/risdeveau/index.html

@@ -17,12 +17,15 @@
       margin-block-end: 0;
     }
 
-    {% if g.is_mobile %}
+    .qr img {
-      .qr img { width: 100%; }
+      width: 100%;
+    }
+
     .blocks.qr {
       flex-wrap: nowrap;
       overflow-x: auto;
       width: calc(100vw - 1rem);
+      max-width: 45rem;
       scroll-behavior: smooth;
       scroll-snap-type: x mandatory;
     }
@@ -32,11 +35,8 @@
     .block.qr {
       flex: 0 0 calc(100vw - 2rem);
       scroll-snap-align: start;
-        max-width: 16rem;
+      max-width: 13.666rem;
     }
-    {% else %}
-      .qr img { width: 13.66rem;  /* (x + 1) * 3 + 1 = 45 */ }
-    {% endif %}
 
     .qr p {
       text-align: center;
@@ -80,6 +80,10 @@
         <img class="icon" src="/static/icon/service/sharkey.webp" />
         Fediverse
       </a>
+      <a class="block" href="https://discord.com/users/459823895256498186">
+        <img class="icon" src="https://cdn.prod.website-files.com/6257adef93867e50d84d30e2/66e3d80db9971f10a9757c99_Symbol.svg" />
+        Discord
+      </a>
       <a class="block" href="mailto:risdeveau@codrs.ru">
         <img class="icon" src="" />
         Mail