Scroll wallets QR

fixup! Add badgets
Add badgets
2025-10-03 00:43:52 +03:00 · 2025-09-28 02:42:00 +03:00 · 2025-09-27 23:00:46 +03:00 · 2025-09-27 21:02:26 +03:00 · 2025-09-27 20:39:42 +03:00 · 2025-09-27 20:37:57 +03:00
8 changed files with 124 additions and 15 deletions
@@ -1,5 +1,6 @@
 from os import system as console
 from configparser import ConfigParser
+from flask_mobility import Mobility
 from flask import (
    Flask,
    g,
@@ -29,6 +30,7 @@ def get_locale():
    return request.accept_languages.best_match(('en', 'ru', 'de', 'fr', 'ja'), 'en')

 app = Flask(__name__)
+Mobility(app)


@app.before_request
@@ -1,2 +1,3 @@
 Flask==3.1.1
+flask_mobility
 gunicorn
@@ -67,6 +67,7 @@ a {
    transition: none !important;
    display: inline-block;
    transform: scale(.98) !important;
+    background-color: $mantle !important;
  }

  &.block {
@@ -74,6 +75,7 @@ a {

    &:hover {
      transform: scale(1.02) translateY(-.25rem);
+      background-color: $surface1;
    }
  }
 }
@@ -99,7 +101,7 @@ footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
-  background-color: $crust;
+  background-color: $mantle;
  margin-top: 2rem;
  padding: 1rem;
  column-gap: 4ch;
@@ -137,6 +139,8 @@ footer {
  }
  &.green {
    background-color: color.mix($surface0, $green, 60%);
+    &:hover { background-color: color.mix($surface1, $green, 60%); }
+    &:active { background-color: color.mix($mantle, $green, 60%) !important; }
  }

  & .header {
@@ -150,6 +154,23 @@ footer {
  }
 }

+.blocks {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: .5rem;
+  gap: .5rem;
+
+  & + &,
+  & + .block,
+  .block + & {
+    margin-top: .5rem;
+  }
+
+  .block {
+    margin-top: 0;
+  }
+}
+
 .icon {
  width: 1.5em;
  vertical-align: middle;
@@ -3,7 +3,7 @@
 {% block title %}{{ _('about host') }}{% endblock %}

 {% block content %}
-  <a href="https://play2go.cloud/" target="_blank" class="block">
+  <a href="https://play2go.cloud/?ref_id=4baFoOIp5QE" target="_blank" class="block">
    <strong>{{ _("host:hoster") }}</strong>: play2go
    <p>{{ _('host:hoster_descr') }}</p>
  </a>
@@ -5,30 +5,115 @@

  <link rel="stylesheet" href="/static/style/main.css">
  <link rel="icon" type="image/webp" href="/static/icon/us/risdeveau.webp" />
-  <script src="/static/script/copy-mono.js"> </script>
  <script
    src="https://track.codrs.ru/api/script.js"
    data-site-id="1"
    defer
  ></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <style>
+    h3 {
+      margin-block-end: 0;
+    }
+
+    {% if g.is_mobile %}
+      .qr img { width: 100%; }
+      .blocks.qr {
+        flex-wrap: nowrap;
+        overflow-x: auto;
+        width: calc(100vw - 1rem);
+        scroll-behavior: smooth;
+        scroll-snap-type: x mandatory;
+      }
+
+      .blocks.qr::-webkit-scrollbar { display: none; }
+
+      .block.qr {
+        flex: 0 0 calc(100vw - 2rem);
+        scroll-snap-align: start;
+        max-width: 16rem;
+      }
+    {% else %}
+      .qr img { width: 13.66rem;  /* (x + 1) * 3 + 1 = 45 */ }
+    {% endif %}
+
+    .qr p {
+      text-align: center;
+    }
+
+    .badges .block {
+      flex: 1;
+      text-wrap-mode: nowrap;
+    }
+
+    .badges .block:hover {
+      flex: 1.5;
+      transform: none;
+    }
+  </style>
 </head>
 <body>
  <main>
-    <div class="block">
-      <h3>Development</h3>
-
-      <p><a href="//g.codrs.ru/Sweetbread">Gitea</a></p>
-      <p><a href="https://github.com/VerySweetBread">GitHub</a></p>
+    <h3>Development</h3>
+    <div class="blocks badges">
+      <a class="block" href="//g.codrs.ru/Sweetbread">
+        <img class="icon" src="/static/icon/service/gitea.webp" />
+        Gitea
+      </a>
+      <a class="block" href="https://github.com/VerySweetBread">
+        <img class="icon" src="https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png" />
+        GitHub
+      </a>
+      <a class="block" href="https://git.kolibrios.org/Sweetbread">
+        <img class="icon" src="https://git.kolibrios.org/assets/img/logo.svg" />
+        KolibriOS Git
+      </a>
    </div>

-    <div class="block">
-      <h3>Contacts</h3>
-      
-      <p><a href="//b.codrs.ru/risdeveau">Fediverse</a></p>
-      <p><a href="https://gamebanana.com/members/3899828">GameBanana</a></p>
-      <p><a href="https://steamcommunity.com/id/risdeveau">Steam</a></p>
-      <p><a href="mailto:risdeveau@codrs.ru">Mail</a></p>
+    <h3>Contacts</h3>
+    <div class="blocks badges">
+      <a class="block" href="https://matrix.to/#/@risdeveau:codrs.ru">
+        Matrix
+      </a>
+      <a class="block" href="//b.codrs.ru/@risdeveau">
+        <img class="icon" src="/static/icon/service/sharkey.webp" />
+        Fediverse
+      </a>
+      <a class="block" href="mailto:risdeveau@codrs.ru">
+        <img class="icon" src="" />
+        Mail
+      </a>
+    </div>
+
+    <h3>Game accounts</h3>
+    <div class="blocks badges">
+      <a class="block" href="https://steamcommunity.com/id/risdeveau">
+        <img class="icon" src="https://store.steampowered.com/favicon.ico" />
+        Steam
+      </a>
+      <a class="block" href="https://gamebanana.com/members/3899828">
+        <img class="icon" src="https://images.gamebanana.com/static/img/favicon/favicon.ico" />
+        GameBanana
+      </a>
+    </div>
+
+    <h3>Wallets</h3>
+    <div class="blocks qr">
+      <div class="block qr">
+        <p>POL, BNB</p>
+        <img src="/static/img/risdeveau/wallets/evm.webp">
+      </div>
+
+      <div class="block qr">
+        <p>TON</p>
+        <img src="/static/img/risdeveau/wallets/ton.webp">
+      </div>
+
+      <div class="block qr">
+        <p>XMR</p>
+        <img src="/static/img/risdeveau/wallets/xmr.webp">
+      </div>
    </div>
  </main>
 </body>
Author	SHA1	Message	Date
Sweetbread	b1735ea6ac	Scroll wallets QR	2025-10-03 00:43:52 +03:00
Sweetbread	8d83658a25	fixup! Add badgets	2025-09-28 02:42:00 +03:00
Sweetbread	184bc16a30	Add badgets	2025-09-27 23:00:46 +03:00
Sweetbread	f38a8badcf	Make footer lighter	2025-09-27 21:02:26 +03:00
Sweetbread	58e2e347bc	Add more depth to .block	2025-09-27 20:39:42 +03:00
Sweetbread	0b2498dc7f	Add ref link	2025-09-27 20:37:57 +03:00
Sweetbread	2d342e8c66	Add wallets	2025-09-27 09:01:29 +03:00