Add Steam info

- Add more depth to .block
- Make footer lighter
- Stylize scrollbar

.gitea/workflows/docker-build.yml

@@ -14,7 +14,7 @@ jobs:
     - name: Login to Docker Registry
       uses: docker/login-action@v2
       with:
-        registry: g.codrs.ru
+        registry: g.lair.moe
         username: ${{    vars.DOCKER_USERNAME }}
         password: ${{ secrets.DOCKER_PASSWORD }}
 
@@ -26,8 +26,6 @@ jobs:
       with:
         context: .
         push: ${{ github.event_name == 'push' }}
-        tags: |
-          g.codrs.ru/${{ vars.DOCKER_USERNAME }}/codrs.ru:latest
-          g.codrs.ru/${{ vars.DOCKER_USERNAME }}/codrs.ru:${{ github.sha }}
+        tags: g.lair.moe/${{ vars.DOCKER_USERNAME }}/lair.moe:latest
         cache-from: type=gha
         cache-to: type=gha,mode=max

.gitignore

@@ -5,5 +5,5 @@ __pycache__/
 *$py.class
 .python-version
 
-static/style/*.css
-static/style/*.css.map
+*.css
+*.css.map

Dockerfile

@@ -2,8 +2,8 @@ FROM node:18-alpine as sass
 
 RUN NODE_OPTIONS=--dns-result-order=ipv4first npm install -g sass
 WORKDIR /build
-COPY ./static/style ./style
-RUN sass ./style:./style \
+COPY ./blueprints ./blueprints
+RUN sass ./blueprints:./blueprints \
     --no-source-map \
     --style=compressed
 
@@ -13,7 +13,7 @@ FROM python:3.11-slim
 WORKDIR /app
 
 COPY . .
-COPY --from=sass /build/style/ ./static/style/
+COPY --from=sass /build/blueprints/ ./blueprints/
 
 RUN pip install --no-cache-dir -r requirements.txt
 

app.py

@@ -1,78 +1,27 @@
-from os import system as console
-from configparser import ConfigParser
-from flask import (
-    Flask,
-    g,
-    request,
-    render_template,
-)
+from modules import locale
+
+from blueprints.root import bp as root_bp
+from blueprints.risdeveau import bp as rdv_bp
+
+import blueprints.root.modules.style
+import blueprints.risdeveau.modules.style
+
+from flask import Flask
 
 
-translations_cache = {}
+app = Flask(__name__, static_folder=None, subdomain_matching=True)
 
-def load_translations(lang):
-    if lang not in translations_cache:
-        translations_cache[lang] = {}
+app.before_request(locale.before_request)
+app.context_processor(locale.inject_translations)
 
-        try:
-            config = ConfigParser()
-            config.read(f'locale/{lang}.ini')
-            for section in config.sections():
-                translations_cache[lang][section] = dict(config.items(section))
-        except:
-            pass
-
-    return translations_cache[lang]
-
-
-def get_locale():
-    return request.accept_languages.best_match(('en', 'ru', 'de', 'fr', 'ja'), 'en')
-
-app = Flask(__name__)
-
-
-@app.before_request
-def before_request():
-    g.locale = get_locale()
-    g.translations = load_translations(g.locale)
-
-
-@app.context_processor
-def inject_translations():
-    def translate(text, **kwargs):
-        if ":" in text:
-            section, key = text.split(":", 1)
-        else:
-            section, key = "common", text
-
-        template = g.translations \
-            .get(section, {}) \
-            .get(key, f"${section}: {key}$")
-
-        try:
-            return template.format(**kwargs)
-        except:
-            return template
-
-    return {'_': translate}
+app.register_blueprint(root_bp)
+app.register_blueprint(rdv_bp)
 
 
 if app.debug:
-    console("sass static/style/main.scss static/style/main.css")
-    console("sass static/style/risdeveau.scss static/style/risdeveau.css")
+    blueprints.root.modules.style.compile_styles()
+    blueprints.risdeveau.modules.style.compile_styles()
 
-@app.route("/")
-def index():
-    return render_template('index.html')
-
-@app.route("/host")
-def host():
-    return render_template('host.html')
-
-@app.route("/us")
-def us():
-    return render_template('us.html')
-
-@app.route("/risdeveau")
-def risdeveau():
-    return render_template('personal/risdeveau.html')
+    app.config['SERVER_NAME'] = "localhost:5000"
+else:
+    app.config['SERVER_NAME'] = "lair.moe"

blueprints/risdeveau/__init__.py

@@ -0,0 +1,74 @@
+import os
+from pathlib import Path
+from htmlmin import minify
+from datetime import datetime, timedelta
+from musicbrainzngs import get_image_front
+from flask import (
+    Blueprint,
+    render_template,
+    send_file,
+    send_from_directory,
+    make_response,
+    abort,
+)
+
+from .modules.api.lb import listens, listening
+from .modules.api.steam import recent, owned
+
+def tmsmp(min: int) -> str:
+    if min < 60:
+        return f"{min} m"
+    elif min < 60*24:
+        return f"{min/60:.1f} h"
+    else:
+        return f"{min/60/24:.1f} d"
+
+def rtmsmp(unix: int) -> str:
+    return datetime \
+        .utcfromtimestamp(unix) \
+        .strftime('%Y-%m-%d %H:%M:%S')
+
+bp = Blueprint(
+    "risdeveau",
+    __name__,
+    subdomain="risdeveau",
+    template_folder="..",
+    static_folder=None
+)
+
+def render_tmpl(filename: str, **kwargs) -> str:
+    template_path = os.path.join("risdeveau/templates", filename)
+    return minify(
+        render_template(template_path, **kwargs),
+        remove_empty_space=True
+    )
+
+@bp.route("/static/<path:filename>")
+def static(filename: str):
+    static_folders = ("static", "../root/static")
+    for dir in static_folders:
+        if os.path.exists(path := os.path.join("blueprints/risdeveau", dir, filename)):
+            return send_file(path)
+    return abort(404)
+
+@bp.route("/asset/mb/<mbid>")
+def mb_cover(mbid):
+    r = make_response(get_image_front(mbid, "250"))
+    r.headers['Cache-Control'] = 'public, max-age=86400'
+    r.headers['Expires'] = (datetime.now() + timedelta(days=1)) \
+        .strftime('%a, %d %b %Y %H:%M:%S GMT')
+    return r
+
+@bp.route("/")
+def index():
+    print(recent)
+
+    return render_tmpl(
+        'index.html',
+        lb=listens,
+        lb_now=listening,
+        recent=recent.get('data', {}),
+        owned=owned.get('data', {}),
+        tmsmp=tmsmp,
+        rtmsmp=rtmsmp
+    )

blueprints/risdeveau/modules/api/lb.py

@@ -0,0 +1,89 @@
+from flask import Flask, jsonify
+from apscheduler.schedulers.background import BackgroundScheduler
+from apscheduler.triggers.interval import IntervalTrigger
+import requests
+from datetime import datetime
+import atexit
+import re
+from urllib.parse import urlparse, parse_qs
+
+listens = {}
+listening = {}
+
+def yt_cover(youtube_url):
+    parsed_url = urlparse(youtube_url)
+
+    if parsed_url.netloc in ("youtube.com", "music.youtube.com"):
+        query_params = parse_qs(parsed_url.query)
+        video_id = query_params.get('v', [None])[0]
+
+    elif parsed_url.netloc == 'youtu.be':
+        video_id = parsed_url.path[1:]
+
+    if not video_id:
+        return
+
+    return f"http://img.youtube.com/vi/{video_id}/sddefault.jpg"
+
+def parse_listens(data: dict) -> dict:
+    new_data = {
+        "count": data["count"],
+        "listens": []
+    }
+
+    for track in data["listens"]:
+        track = track["track_metadata"]
+
+        new_track = {
+            "artist_name": track["artist_name"],
+            "track_name": track["track_name"]
+        }
+
+        if mb := track.get("mbid_mapping"):
+            new_track["id"] = mb.get("caa_release_mbid", mb["release_mbid"])
+            new_track["artist_name"] = mb["artists"][0]["artist_credit_name"]
+            new_track["track_name"] = mb["recording_name"]
+        elif info := track.get("additional_info"):
+            if info \
+                .get("music_service_name", "") \
+                .lower() in ("youtube", "youtube music"):
+                    if cover := yt_cover(track["additional_info"]["origin_url"]):
+                        new_track["cover_url"] = cover
+
+        if "cover_url" not in new_track.keys() and "id" in new_track.keys():
+            new_track["cover_url"] = "/asset/mb/" + new_track["id"]
+
+        new_data["listens"].append(new_track)
+
+    return new_data
+
+def api_request(url: str, cache):
+    try:
+        response = requests.get(url, timeout=10)
+        if response.status_code == 200:
+            cache.update({
+                'data': parse_listens(response.json().get("payload")),
+                'last_updated': datetime.now().isoformat(),
+                'status': 'success'
+            })
+        else:
+            cache['status'] = f'error: {response.status_code}'
+    except Exception as e:
+        cache['status'] = f'error: {str(e)}'
+
+scheduler = BackgroundScheduler()
+scheduler.add_job(
+    func=lambda: api_request("https://api.listenbrainz.org/1/user/risdeveau/listens?count=5", listens),
+    trigger=IntervalTrigger(minutes=1),
+    id='risdeveau.listenbrainz.listens',
+    replace_existing=True
+)
+scheduler.add_job(
+    func=lambda: api_request("https://api.listenbrainz.org/1/user/risdeveau/playing-now", listening),
+    trigger=IntervalTrigger(seconds=15),
+    id='risdeveau.listenbrainz.playing-now',
+    replace_existing=True
+)
+scheduler.start()
+
+atexit.register(lambda: scheduler.shutdown())

blueprints/risdeveau/modules/api/steam.py

@@ -0,0 +1,65 @@
+from os import environ
+from flask import Flask, jsonify
+from apscheduler.schedulers.background import BackgroundScheduler
+from apscheduler.triggers.interval import IntervalTrigger
+import requests
+from datetime import datetime
+import atexit
+import re
+from urllib.parse import urlparse, parse_qs
+
+TOKEN = environ.get("STEAM_TOKEN")
+MY_ID = 76561198826355942
+
+recent = {}
+owned = {}
+
+def get_cover_url(appid: int) -> str:
+    return f"https://shared.fastly.steamstatic.com/store_item_assets//steam/apps/{appid}/header.jpg"
+
+def inject_cover_url(json: dict) -> dict:
+    if 'games' in json.keys():
+        for i, g in enumerate(json['games']):
+            json['games'][i]['img_icon_url'] = get_cover_url(g['appid'])
+    return json
+
+def steam_request(interface: str, method: str, v: int = 1, **kwargs) -> requests.Response:
+    return requests.get(
+        f"https://api.steampowered.com/{interface}/{method}/v{v:04}/",
+        params=dict({"key": TOKEN}, **kwargs),
+        timeout=10
+    )
+
+def api_request(cache, *args, **kwargs):
+    try:
+        response = steam_request(*args, **kwargs)
+        if response.status_code == 200:
+            cache.update({
+                'data': inject_cover_url(response.json().get("response")),
+                'last_updated': datetime.now().isoformat(),
+                'status': 'success'
+            })
+        else:
+            cache['status'] = f'error: {response.status_code}'
+    except Exception as e:
+        cache['status'] = f'error: {str(e)}'
+
+scheduler = BackgroundScheduler()
+scheduler.add_job(
+    func=lambda: api_request(recent, "IPlayerService", "GetRecentlyPlayedGames", steamid=76561198826355942),
+    trigger=IntervalTrigger(minutes=15),
+    id='risdeveau.steam.recent',
+    replace_existing=True
+)
+scheduler.add_job(
+    func=lambda: api_request(owned, "IPlayerService", "GetOwnedGames", steamid=76561198826355942, include_appinfo=1, include_played_free_games=1),
+    trigger=IntervalTrigger(minutes=15),
+    id='risdeveau.steam.recent',
+    replace_existing=True
+)
+scheduler.start()
+
+api_request(recent, "IPlayerService", "GetRecentlyPlayedGames", steamid=76561198826355942)
+api_request(owned, "IPlayerService", "GetOwnedGames", steamid=76561198826355942, include_appinfo=1, include_played_free_games=1)
+
+atexit.register(lambda: scheduler.shutdown())

blueprints/risdeveau/modules/style.py

@@ -0,0 +1,9 @@
+from os import system as console
+from os.path import join
+
+def compile_styles():
+    dir = "blueprints/risdeveau/static/style"
+    files = ("risdeveau",)
+
+    for file in files:
+        console(f"sass {join(dir, file+'.scss')} {join(dir, file+'.css')}")

blueprints/risdeveau/static/style/risdeveau.scss

@@ -0,0 +1,102 @@
+@use "sass:color";
+@use "../../../root/static/style/catppuccin" as theme;
+
+h3 {
+  margin-block-end: 0;
+}
+
+.qr {
+  img { width: 100% }
+  p { text-align: center; }
+
+  &.blocks {
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    width: calc(100vw - 1rem);
+    max-width: 45rem;
+    scroll: {
+      behavior: smooth;
+      snap-type: x mandatory;
+    }
+
+    &::-webkit-scrollbar { display: none; }
+
+    &:hover .block.qr:not(:hover) {
+      filter: blur(5px);
+      transition: all 0.3s ease;
+    }
+  }
+
+  &.block {
+    flex: 0 0 calc(100vw - 2rem);
+    scroll-snap-align: start;
+    max-width: 13.666rem;
+  }
+}
+
+.track {
+  display: flex;
+
+  &.active {
+    box-shadow: theme.$green 0 0 5px 0;
+  }
+
+  img {
+    width: 5rem;
+    height: 5rem;
+    border-radius: .5rem;
+  }
+}
+
+.steam {
+  .block {
+    display: flex;
+    align-items: stretch;
+
+    img {
+      height: 6rem;
+      flex: 0 0 auto;
+      margin-right: .5rem;
+    }
+
+    p {
+      flex: 1;
+      margin: .5rem 0;
+    }
+  }
+}
+
+table, tbody {
+  vertical-align: baseline;
+  border-collapse: collapse;
+
+  tr {
+    border-radius: 10px;
+
+    &:hover {
+      background-color: color.change(theme.$surface1, $alpha:75%);
+    }
+
+    th {
+      text-align: unset;
+    }
+
+    th + td, td + td {
+      padding-left: 2rem;
+    }
+  }
+}
+
+#pie:hover {
+  animation: rotateY-animation 2s linear infinite;
+  transform-style: preserve-3d;
+
+  @keyframes rotateY-animation {
+    to {
+      transform: rotateY(0deg);
+    }
+    from {
+      transform: rotateY(360deg);
+    }
+  }
+}

blueprints/risdeveau/templates/88x31.htm

@@ -0,0 +1,16 @@
+<div>
+<div class="88-31">
+  <a href="https://chest.lair.moe" class="disabled">
+    <img src="/static/img/88x31/gf.png"/>
+  </a>
+  <a href="https://preview.about.akarpov.ru" id="pie">
+    <img src="/static/img/88x31/withpie.gif"/>
+  </a>
+</div>
+<div class="88-31">
+  <a href="https://g.lair.moe/Sweetbread/nixos-config">
+    <img src="/static/img/88x31/nixos.webp"/>
+  </a>
+  <img src="/static/img/88x31/teto.webp"/>
+</div>
+</div>

blueprints/risdeveau/templates/contacts.htm

@@ -0,0 +1,48 @@
+<div class="block">
+  <h3>Development</h3>
+  <div class="blocks badges">
+    <a class="block" href="//g.lair.moe/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>
+
+  <h3>Contacts</h3>
+  <div class="blocks badges">
+    <a class="block" href="https://matrix.to/#/@risdeveau:codrs.ru">
+      <img class="icon" src="https://matrix.org/assets/favicon.ico" />
+      Matrix
+    </a>
+    <a class="block" href="//b.lair.moe/@risdeveau">
+      <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@lair.moe">
+      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>
+</div>

blueprints/risdeveau/templates/donate.htm

@@ -0,0 +1,19 @@
+<div>
+<h3>Wallets</h3>
+<div class="blocks qr">
+  <div class="block qr">
+    <p>POL, BNB</p>
+    <img src="/static/img/wallets/evm.webp">
+  </div>
+
+  <div class="block qr">
+    <p>TON</p>
+    <img src="/static/img/wallets/ton.webp">
+  </div>
+
+  <div class="block qr">
+    <p>XMR</p>
+    <img src="/static/img/wallets/xmr.webp">
+  </div>
+</div>
+</div>

blueprints/risdeveau/templates/index.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Sweet Bread</title>
+
+  <link rel="stylesheet" href="/static/style/main.css">
+  <link rel="stylesheet" href="/static/style/risdeveau.css">
+  <link rel="stylesheet" href="/static/style/track.css">
+  <link rel="icon" type="image/webp" href="/static/icon/us/risdeveau.webp" />
+  <script
+    src="https://track.lair.moe/api/script.js"
+    data-site-id="1"
+    defer
+  ></script>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+  <header>
+    <a href="{{ url_for('root.index') }}">Lair</a>
+  </header>
+
+  <main>
+    {% for m in (
+      'info',
+      'contacts',
+      'listenbrainz',
+      'steam',
+      'donate',
+      '88x31'
+    ) %}
+      {% include 'risdeveau/templates/%s.htm' % m %}
+    {% endfor %}
+  </main>
+</body>
+</html>

blueprints/risdeveau/templates/info.htm

@@ -0,0 +1,50 @@
+<div class="block">
+  <table>
+    <tr>
+      <th>DoB</th>
+      <td>2005-01-13</td>
+    </tr>
+    <tr>
+      <th>Languages</th>
+      <td>
+        <table>
+          <tr>
+            <td>Russian</td>
+            <td>Native</td>
+          </tr>
+          <tr>
+            <td>English</td>
+            <td>B2</td>
+          </tr>
+          <tr>
+            <td>French</td>
+            <td>A1?</td>
+          </tr>
+          <tr>
+            <td>German</td>
+            <td>A2?</td>
+          </tr>
+          <tr>
+            <td>Japanese</td>
+            <td>Beginner</td>
+          </tr>
+        </table>
+      </td>
+    </tr>
+    <tr>
+      <th>Student</th>
+      <td>
+        <table>
+          <tr>
+            <td>Programmer</td>
+            <td>2/4yr.</td>
+          </tr>
+          <tr>
+            <td>Translator</td>
+            <td>2/3yr.</td>
+          </tr>
+        </table>
+      </td>
+    </tr>
+  </table>
+</div>

blueprints/risdeveau/templates/listenbrainz.htm

@@ -0,0 +1,23 @@
+{% macro track_block(track, is_active=false) %}
+  <div class="block track{% if is_active %} active{% endif %}">
+    {% if track.cover_url %}
+      <img src="{{ track.cover_url }}"/>
+    {% endif %}
+    <div>
+      <p><b>{{ track.artist_name }}</b></p>
+      <p>{{ track.track_name }}</p>
+    </div>
+  </div>
+{% endmacro %}
+
+<div class="block">
+  <h2><a href="https://listenbrainz.org/user/risdeveau/">Listenbrainz</a></h2>
+  {% if lb_now.data and lb_now.data.listens.0 %}
+    {{ track_block(lb_now.data.listens.0, is_active=true) }}
+  {% endif %}
+  {% if lb.data and lb.data.listens %}
+    {% for track in lb.data.listens %}
+      {{ track_block(track) }}
+    {% endfor %}
+  {% endif %}
+</div>

blueprints/risdeveau/templates/steam.htm

@@ -0,0 +1,45 @@
+<div class="block steam">
+  <h2><a href="https://steamcommunity.com/id/risdeveau">Steam</a></h2>
+
+  <h3>Recently played:</h3>
+  {% for g in recent.games %}
+    <a href="https://store.steampowered.com/app/{{ g.appid }}" class="block">
+      <img src="{{ g.img_icon_url }}"/>
+
+      <div>
+        <strong>{{ g.name }}</strong>
+        <p>Played last 2 weeks: {{ tmsmp(g.playtime_2weeks) }}
+        <p>
+          Total played:
+          {{ tmsmp(g.playtime_linux_forever) }} (<abbr title="On Linux">L</abbr>) +
+          {{ tmsmp(g.playtime_windows_forever) }} (<abbr title="On Windows">W</abbr>) =
+          {{ tmsmp(g.playtime_forever) }} (<abbr title="Total">T</abbr>)
+        </p>
+      </div>
+    </a>
+  {% endfor %}
+
+  <h3>Top played games:</h3>
+  {% set owned_games = owned.games | sort(attribute="playtime_forever", reverse=true) %}
+  {% for g in owned_games[:5] %}
+    <a href="https://store.steampowered.com/app/{{ g.appid }}" class="block">
+      <img src="{{ g.img_icon_url }}"/>
+
+      <div>
+        <strong>{{ g.name }}</strong>
+        {% if g.playtime_2weeks %}
+          <p>Played last 2 weeks: {{ tmsmp(g.playtime_2weeks) }}
+        {% endif %}
+        <p>
+          Total played:
+          {{ tmsmp(g.playtime_linux_forever) }} (<abbr title="On Linux">L</abbr>) +
+          {{ tmsmp(g.playtime_windows_forever) }} (<abbr title="On Windows">W</abbr>) =
+          {{ tmsmp(g.playtime_forever) }} (<abbr title="Total">T</abbr>)
+        </p>
+        {% if g.rtime_last_played != 0 %}
+          <p>Last played: {{ rtmsmp(g.rtime_last_played) }}</p>
+        {% endif %}
+      </div>
+    </a>
+  {% endfor %}
+</div>

blueprints/root/__init__.py

@@ -0,0 +1,28 @@
+from htmlmin import minify
+from flask import Blueprint, render_template, request, jsonify
+
+bp = Blueprint(
+    "root",
+    __name__,
+    template_folder="templates",
+    static_folder="static"
+)
+
+def render_tmpl(filename: str) -> str:
+    return minify(
+        render_template(filename),
+        remove_empty_space=True
+    )
+
+
+@bp.route("/")
+def index():
+    return render_tmpl('index.html')
+
+@bp.route("/host")
+def host():
+    return render_tmpl('host.html')
+
+@bp.route("/us")
+def us():
+    return render_tmpl('us.html')

blueprints/root/modules/style.py

@@ -0,0 +1,9 @@
+from os import system as console
+from os.path import join
+
+def compile_styles():
+    dir = "blueprints/root/static/style"
+    files = ("main",)
+
+    for file in files:
+        console(f"sass {join(dir, file+'.scss')} {join(dir, file+'.css')}")

blueprints/root/static/style/_catppuccin.scss

@@ -0,0 +1,24 @@
+// Palette: Catppuccin Mocha
+// https://catppuccin.com/palette/
+$base: #1e1e2e;
+$text: #cdd6f4;
+
+$mantle: #181825;
+$crust: #11111b;
+
+$overlay0: #6c7086;
+$overlay1: #7f849c;
+$overlay2: #9399b2;
+
+$surface0: #313244;
+$surface1: #45475a;
+$surface2: #585b70;
+
+$subtext0: #a6adc8;
+$subtext1: #bac2de;
+
+$red: #f38ba8;
+$green: #a6e3a1;
+$peach: #fab387;
+$blue: #89b4fa;
+$mauve: #8839ef;

blueprints/root/static/style/main.scss

@@ -1,29 +1,5 @@
 @use "sass:color";
-
-// Palette: Catppuccin Mocha
-// https://catppuccin.com/palette/
-$base: #1e1e2e;
-$text: #cdd6f4;
-
-$mantle: #181825;
-$crust: #11111b;
-
-$overlay0: #6c7086;
-$overlay1: #7f849c;
-$overlay2: #9399b2;
-
-$surface0: #313244;
-$surface1: #45475a;
-$surface2: #585b70;
-
-$subtext0: #a6adc8;
-$subtext1: #bac2de;
-
-$red: #f38ba8;
-$green: #a6e3a1;
-$peach: #fab387;
-$blue: #89b4fa;
-$mauve: #8839ef;
+@use "catppuccin" as theme;
 
 
 html {
@@ -33,9 +9,9 @@ html {
 body {
   display: flex;
   flex-direction: column;
-  background-color: $base;
+  background-color: theme.$base;
   font-family: Pixeloid, PixelMPlus;
-  color: $text;
+  color: theme.$text;
   width: 100%;
   height: 100%;
   margin: 0;
@@ -55,7 +31,7 @@ h1 {
 a {
   color: unset;
   text: {
-    decoration: underline {color: $blue};
+    decoration: underline {color: theme.$blue};
     underline-offset: 1px;
   }
   transition: 0.3s ease;
@@ -68,7 +44,7 @@ a {
     transition: none !important;
     display: inline-block;
     transform: scale(.98) !important;
-    background-color: $mantle !important;
+    background-color: theme.$mantle !important;
   }
 
   &.block {
@@ -76,7 +52,7 @@ a {
 
     &:hover {
       transform: scale(1.02) translateY(-.25rem);
-      background-color: $surface1;
+      background-color: theme.$surface1;
     }
   }
 }
@@ -92,16 +68,20 @@ ul {
 header {
   display: flex;
   justify-content: space-between;
-  background-color: $mantle;
+  background-color: theme.$mantle;
   padding: .5rem;
   font-size: larger;
+
+  .header-links * + * {
+    padding-left: 1ch;
+  }
 }
 
 footer {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
-  background-color: $mantle;
+  background-color: theme.$mantle;
   margin-top: 2rem;
   padding: 1rem;
   column-gap: 4ch;
@@ -109,38 +89,48 @@ footer {
 
 .mono {
   font-family: Monocraft, monospace;
-  background-color: $mantle;
+  background-color: theme.$mantle;
   border-radius: 2px;
   padding: 0 .25rem;
-  color: $subtext0;
+  color: theme.$subtext0;
   overflow-wrap: anywhere;
 
   &:hover {
     transition: .3s ease;
-    background-color: $crust;
+    background-color: theme.$crust;
   }
 }
 
 .block {
   display: block;
-  background-color: $surface0;
+  background-color: theme.$surface0;
   border-radius: .5rem;
   padding: .5rem;
 
+  h2 {
+    margin: -.5rem -.5rem 1rem;
+    padding: .5rem;
+    text-align: center;
+  }
+
+  .block {
+    background-color: theme.$surface1;
+  }
+
   & + & {
     margin-top: .5rem;
   }
 
   &.red {
-    background-color: color.mix($surface0, $red, 60%);
+    background-color: color.mix(theme.$surface0, theme.$red, 60%);
   }
   &.orange {
-    background-color: color.mix($surface0, $peach, 60%);
+    background-color: color.mix(theme.$surface0, theme.$peach, 60%);
   }
   &.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; }
+    background-color: color.mix(theme.$surface0, theme.$green, 60%);
+    &:hover { background-color: color.mix(theme.$surface1, theme.$green, 60%); }
+    &:active { background-color: color.mix(theme.$mantle, theme.$green, 60%) !important; }
   }
 
   & .header {
@@ -190,6 +180,50 @@ footer {
   border-radius: .2em;
 }
 
+.webring {
+  margin-top: 1rem;
+  display: flex;
+  justify-content: center;
+
+  a {
+    padding: .5rem 1rem;
+    margin: .1rem !important;
+    border-radius: 0;
+  }
+}
+
+.\38 8-31 {
+  margin-top: 2rem;
+  display: flex;
+  justify-content: center;
+
+  & + & {
+    margin-top: 0;
+  }
+
+  a, img {
+    width: 88px;
+    height: 31px;
+  }
+
+  img {
+    transition-timing-function: ease-out;
+    transition-duration: .2s;
+
+    &:hover {
+      transform: scale(1.5);
+    }
+  }
+}
+
+.disabled {
+  opacity: 50%;
+  cursor: not-allowed;
+
+  a {
+    pointer-events: none;
+  }
+}
 
 ::-webkit-scrollbar {
   width: .5rem;
@@ -199,15 +233,15 @@ footer {
   }
 
   &-track {
-    background-color: $base;
+    background-color: theme.$base;
   }
 
   &-thumb {
-    background-color: $overlay0;
+    background-color: theme.$overlay0;
     border-radius: .25rem;
 
     &:hover {
-      background-color: $overlay1;
+      background-color: theme.$overlay1;
     }
   }
 }

blueprints/root/templates/base.tmpl

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Lair</title>
+
+  <link rel="stylesheet" href="/static/style/main.css">
+  <link rel="icon" type="image/webp" href="/static/icon/lair.webp" />
+  <script src="/static/script/copy-mono.js"> </script>
+  <script
+    src="https://track.lair.moe/api/script.js"
+    data-site-id="1"
+    defer
+  ></script>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="mock-email" content="admin@example.com">
+
+  <!-- og meta -->
+  <meta property="og:type" value="website" />
+  <meta property="og:url" value="https://lair.moe" />
+  <meta property="og:title" value="Lair.moe" />
+  <meta property="og:image" value="https://lair.moe/static/icon/lair.webp" />
+  <meta property="og:description" value="{{ _("description") }}" />
+</head>
+<body>
+  {% include 'header.tmpl' %}
+
+  <h1>{% block title %}{% endblock %}</h1>
+
+  <main>
+    {% block content %}{% endblock %}
+  </main>
+
+  {% include 'footer.tmpl' %}
+</body>
+</html>

blueprints/root/templates/footer.tmpl

@@ -0,0 +1,5 @@
+<footer>
+	<div>lair.moe &#127279; 2025 - 2026</div>
+	<div><a href="https://g.lair.moe/Sweetbread/lair.moe">{{ _('site source') }}</a></div>
+	<div>{{ _('contact us') }}: <a href="mailto:admin@lair.moe">admin@lair.moe</a></div>
+</footer>

blueprints/root/templates/header.tmpl

@@ -1,14 +1,14 @@
 <header>
-	{%- if request.path != url_for('index') %}
-		<a href="{{ url_for('index') }}">Coders Squad</a>
+	{%- if request.path != url_for('.index') %}
+		<a href="{{ url_for('.index') }}">Lair</a>
 	{%- else %}
 		<div></div>
 	{%- endif %}
 
 	<div class="header-links">
 		{%- for (l, t) in (
-			('us', _('about us')),
-			('host', _('about host'))
+			('.us', _('about us')),
+			('.host', _('about host'))
 		)  %}
 			{%- if url_for(l) == request.path %}
 				<strong>{{ t }}</strong>

blueprints/root/templates/host.html

@@ -11,11 +11,11 @@
   <div class="block">
     <strong>{{ _("host:specifications") }}</strong>:
     <ul>
-      <li>CPU: Ryzen i9@3.4GHz (4 cores)</li>
-      <li>RAM: 8 GiB</li>
+      <li>CPU: Ryzen 9@3.4GHz (4 cores)</li>
+      <li>RAM: 8 GB</li>
       <li>SSD: 150 GB</li>
       <li>ETH: 500Mb/s</li>
-      <li>Loc: Deutchland, Frankfurt am Mein</li>
+      <li>Loc: Deutschland, Frankfurt am Main</li>
     </ul>
   </div>
 {% endblock %}

blueprints/root/templates/index.html

@@ -1,19 +1,19 @@
 {% extends 'base.tmpl' %}
 
 {% block title %}
-	<img src="/static/icon/codrs.webp" class="icon" />
-	Coders Squad
+	<img src="/static/icon/lair.webp" class="icon" />
+	Lair
 {% endblock %}
 
 {% block content %}
-	<a href="https://b.codrs.ru" target="_blank" class="block">
+	<a href="https://b.lair.moe" target="_blank" class="block">
 		<div class="header">
 			<img src="/static/icon/service/sharkey.webp" class="icon"/>
 			<strong>Sharkey</strong>
 		</div>
 		<p>{{ _('index.descr:sharkey') }}</p>
 	</a>
-	<a href="https://g.codrs.ru" target="_blank" class="block">
+	<a href="https://g.lair.moe" target="_blank" class="block">
 		<div class="header">
 			<img src="/static/icon/service/gitea.webp" class="icon"/>
 			<strong>Gitea</strong>
@@ -23,10 +23,16 @@
 
 	<div class="block">
 		<p><a href="https://m.codrs.ru" target="_blank"><strong>Matrix</strong></a> &mdash; {{ _('index.descr:matrix') }}</p>
-		<p><a href="https://c.codrs.ru" target="_blank"><strong>Copyparty</strong></a> &mdash; {{ _('index.descr:copyparty') }}</p>
-		<p><a href="https://s.codrs.ru" target="_blank"><strong>4get</strong></a> &mdash; {{ _('index.descr:4get') }}</p>
-		<p><a href="https://tools.codrs.ru" target="_blank"><strong>IT-tools</strong></a> &mdash; {{ _('index.descr:tools') }}</p>
-		<p><a href="https://vert.codrs.ru" target="_blank"><strong>Vert</strong></a> &mdash; {{ _('index.descr:vert') }}</p>
+		<p><a href="https://c.lair.moe" target="_blank"><strong>Copyparty</strong></a> &mdash; {{ _('index.descr:copyparty') }}</p>
+		<p><a href="https://tools.lair.moe" target="_blank"><strong>IT-tools</strong></a> &mdash; {{ _('index.descr:tools') }}</p>
+		<p><a href="https://vert.lair.moe" target="_blank"><strong>Vert</strong></a> &mdash; {{ _('index.descr:vert') }}</p>
+	</div>
+
+	<div class="block">
+		<strong>{{ _('index:altfronts') }}</strong>
+		<p><a href="https://s.lair.moe" target="_blank"><strong>4get</strong></a> &mdash; {{ _('index.descr:4get') }}</p>
+		<p><a href="https://tl.lair.moe" target="_blank"><strong>TransLite</strong></a> &mdash; {{ _('index.descr:tl') }}</p>
+		<p><a href="https://lyr.lair.moe" target="_blank"><strong>Intellectual</strong></a> &mdash; {{ _('index.descr:lyr') }}</p>
 	</div>
 
 	<div class="block">
@@ -34,8 +40,8 @@
 			<strong>DNS</strong>:
 			<ul>
 				<li><span class="mono">64.188.64.176</span></li>
-				<li>DoT: <span class="mono">codrs.ru:853</span></li>
-				<li>DoH: <span class="mono">dns.codrs.ru</span></li>
+				<li>DoT: <span class="mono">lair.moe:853</span></li>
+				<li>DoH: <span class="mono">dns.lair.moe</span></li>
 			</ul>
 		</div>
 		<p>
@@ -43,14 +49,4 @@
 			<span class="mono">200:ee1:bad2:1732:4b91:c3e3:2f08:29b3</span>
 		</p>
 	</div>
-
-	<div class="block">
-		{{
-			_('index:bottom_text',
-		    glitchtip='<a href="https://bug.codrs.ru" target="_blank"><strong>GlitchTip</strong></a>',
-		    baikal='<a href="https://dav.codrs.ru" target="_blank"><strong>Baikal</strong></a>',
-				freshrss='<a href="https://rss.codrs.ru" target="_blank"><strong>FreshRSS</strong></a>',
-			) | safe
-		}}
-	</div>
 {% endblock %}

blueprints/root/templates/us.html

@@ -3,7 +3,7 @@
 {% block title %}О нас{% endblock %}
 
 {% block content %}
-  <a href="{{ url_for('risdeveau') }}" class="block green">
+  <a href="{{ url_for('risdeveau.index') }}" class="block green">
     <div class="header">
       <img src="/static/icon/us/risdeveau.webp" class="icon"/>
       Sweetbread
@@ -11,15 +11,7 @@
     Главный админ, занимается почти всеми сервисами. Создал этот сайт
   </a>
 
-  <div class="block red">
-    <div class="header">
-      <img src="/static/icon/us/zxcqirara.webp" class="icon"/>
-      zxcqirara
-    </div>
-    Второй админ, занимается майном и VPN
-  </div>
-
-  <div class="block orange">
+  <div class="block orange disabled">
     <div class="header">
       <img src="/static/icon/us/chest.webp" class="icon"/>
       Chest

locale/de.ini

@@ -7,7 +7,7 @@ about host = Über Server
 
 
 [index]
-bottom_text = Außerdem bieten wir {glitchtip}, {baikal} und {freshrss} für Mitglieder unserer Gruppe an!
+altfronts = Altfronts
 
 [index.descr]
 sharkey = Föderierter Microblogging-Dienst auf Basis des ActivityPub-Protokolls
@@ -17,6 +17,8 @@ copyparty = Cloud-Dateispeicher
 4get = Proxy-Suchmaschine
 tools = Satz verschiedener Werkzeuge
 vert = Dateiumwandler
+tl = Altfront für beliebte Suchmaschinen
+lyr = Altfront für Genius
 
 
 [host]

locale/en.ini

@@ -5,9 +5,12 @@ contact us = Contact us
 about us = About us
 about host = About host
 
+contacts = Contacts
+donate = Donate
+
 
 [index]
-bottom_text = We also have {glitchtip}, {baikal} and {freshrss} for members of our squad!
+altfronts = Altfronts
 
 [index.descr]
 sharkey = ActivityPub-based federated microblogging service
@@ -17,6 +20,8 @@ copyparty = cloud file storage
 4get = proxy search engine
 tools = set of various tools
 vert = file converter
+tl = altfront for popular search engines
+lyr = altfront for Genius
 
 
 [host]

locale/fr.ini

@@ -7,7 +7,7 @@ about host = À propos de serveur
 
 
 [index]
-bottom_text = On a aussi {glitchtip}, {baikal} et {freshrss} pour les membres du groupe !
+altfronts = Altfronts
 
 [index.descr]
 sharkey = Service de microblogging fédéré avec ActivityPub
@@ -17,6 +17,8 @@ copyparty = Stockage de fichiers en cloud
 4get = Moteur de recherche proxy
 tools = ensemble d'outils variés
 vert = convertisseur de fichiers
+tl = altfront pour les moteurs de recherche populaires
+lyr = altfront pour Genius
 
 
 [host]

locale/ja.ini

@@ -7,7 +7,7 @@ about host = サーバーについて
 
 
 [index]
-bottom_text = メンバーには {glitchtip}、{baikal}、{freshrss} も使えるよ！
+altfronts = 代替フロントエンド
 
 [index.descr]
 sharkey = ActivityPubを使った連合型マイクロブログ
@@ -17,6 +17,8 @@ copyparty = クラウドファイルストレージ
 4get = プロキシ検索エンジン
 tools = 様々なツールのセット
 vert = ファイル変換ツール
+tl = 人気検索エンジン向けの代替フロントエンド
+lyr = Genius向けの代替フロントエンド
 
 
 [host]

locale/ru.ini

@@ -5,9 +5,12 @@ contact us = Для связи
 about us = О нас
 about host = О хосте
 
+contacts = Контакты
+donate = Донат
+
 
 [index]
-bottom_text = Ещё у нас есть {glitchtip}, {baikal} и {freshrss} для участников нашей группы!
+altfronts = Альтфронты
 
 [index.descr]
 sharkey = Федеративная микроблогинговая система поверх протокола ActivityPub
@@ -17,6 +20,8 @@ copyparty = облачное хранилище файлов
 4get = прокси-поисковик
 tools = набор разнообразных утилит
 vert = конвертация файлов
+tl = альтфронт для популярных поисковиков
+lyr = альтфронт для Genius
 
 
 [host]

modules/locale.py

@@ -0,0 +1,47 @@
+from configparser import ConfigParser
+from flask import g, request
+
+
+translations_cache = {}
+
+
+def load_translations(lang):
+    if lang not in translations_cache:
+        translations_cache[lang] = {}
+
+        try:
+            config = ConfigParser()
+            config.read(f'locale/{lang}.ini')
+            for section in config.sections():
+                translations_cache[lang][section] = dict(config.items(section))
+        except:
+            pass
+
+    return translations_cache[lang]
+
+def get_locale():
+    return request.accept_languages.best_match(
+        ('en', 'ru', 'de', 'fr', 'ja'),
+    ) or 'en'
+
+def before_request():
+    g.locale = get_locale()
+    g.translations = load_translations(g.locale)
+
+def inject_translations():
+    def translate(text, **kwargs):
+        if ":" in text:
+            section, key = text.split(":", 1)
+        else:
+            section, key = "common", text
+
+        template = g.translations \
+            .get(section, {}) \
+            .get(key, f"${section}: {key}$")
+
+        try:
+            return template.format(**kwargs)
+        except:
+            return template
+
+    return {'_': translate}

requirements.txt

@@ -1,2 +1,6 @@
 Flask==3.1.1
 gunicorn
+htmlmin2
+requests
+APScheduler
+musicbrainzngs

shell.nix

@@ -3,17 +3,16 @@ let
   pypkgs = pkgs.python3Packages;
 in
 pkgs.mkShell {
-  name = "codrs.ru";
+  name = "lair.moe";
 
   buildInputs = with pypkgs; [
     python
     virtualenv
-    # pkgs.nodejs
     pkgs.nodePackages.sass
   ];
 
   shellHook = ''
-    if [ ! -d "venv" ]; then
+    if [ ! -d ".venv" ]; then
       python -m venv .venv
     fi
 

static/style/risdeveau.scss

@@ -1,33 +0,0 @@
-h3 {
-  margin-block-end: 0;
-}
-
-.qr {
-  img { width: 100% }
-  p { text-align: center; }
-
-  &.blocks {
-    flex-wrap: nowrap;
-    overflow-x: auto;
-    width: calc(100vw - 1rem);
-    max-width: 45rem;
-    scroll: {
-      behavior: smooth;
-      snap-type: x mandatory;
-    }
-
-    &::-webkit-scrollbar { display: none; }
-
-    &:hover .block.qr:not(:hover) {
-      filter: blur(5px);
-      transition: all 0.3s ease;
-    }
-  }
-
-  &.block {
-    flex: 0 0 calc(100vw - 2rem);
-    scroll-snap-align: start;
-    max-width: 13.666rem;
-  }
-}
-

templates/base.tmpl

@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Coders Squad</title>
-
-  <link rel="stylesheet" href="/static/style/main.css">
-  <link rel="icon" type="image/webp" href="/static/icon/codrs.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">
-</head>
-<body>
-  {% include 'header.tmpl' %}
-
-  <h1>{% block title %}{% endblock %}</h1>
-
-  <main>
-    {% block content %}{% endblock %}
-  </main>
-
-  {% include 'footer.tmpl' %}
-</body>
-</html>

templates/footer.tmpl

@@ -1,5 +0,0 @@
-<footer>
-	<div>codrs.ru &#169; 2025</div>
-	<div><a href="https://g.codrs.ru/Sweetbread/codrs.ru">{{ _('site source') }}</a></div>
-	<div>{{ _('contact us') }}: <a href="mailto:admin@codrs.ru">admin@codrs.ru</a></div>
-</footer>

templates/personal/risdeveau.html

@@ -1,88 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Sweet Bread</title>
-
-  <link rel="stylesheet" href="/static/style/main.css">
-  <link rel="stylesheet" href="/static/style/risdeveau.css">
-  <link rel="icon" type="image/webp" href="/static/icon/us/risdeveau.webp" />
-  <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">
-</head>
-<body>
-  <header>
-    <a href="{{ url_for('index') }}">Coders Squad</a>
-  </header>
-
-  <main>
-    <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>
-
-    <h3>Contacts</h3>
-    <div class="blocks badges">
-      <a class="block" href="https://matrix.to/#/@risdeveau:codrs.ru">
-        <img class="icon" src="https://matrix.org/assets/favicon.ico" />
-        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="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">
-        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>
-</html>