ci(version): 0.2.3

build(vscode): add settings
feat(easel): update navbar
2026-06-10 11:49:56 +03:00 · 2026-06-10 11:49:48 +03:00 · 2026-06-10 11:37:49 +03:00 · 2026-05-07 01:11:42 +03:00 · 2026-04-24 14:12:39 +03:00 · 2026-04-24 14:12:14 +03:00
83 changed files with 2903 additions and 668 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,7 @@
 *.pyc
+*.mo
 .pytest_cache
 .venv
 #.vscode
+static/node_modules
+static/dist
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -0,0 +1,9 @@
+{
+  "python-envs.pythonProjects": [
+    {
+      "path": ".",
+      "envManager": "ms-python.python:poetry",
+      "packageManager": "ms-python.python:poetry"
+    }
+  ]
+}
--- a/22
+++ b/22
@@ -1,23 +1,33 @@
 FROM python:3.12 AS builder
 ENV POETRY_HOME="/opt/poetry"
 ENV PATH="$POETRY_HOME/bin:$PATH"
+RUN apt update && \
+    apt install -y gettext
 WORKDIR /app
 RUN curl -sSL https://install.python-poetry.org | python3 -
 COPY pyproject.toml poetry.lock README.md ./
 RUN poetry config virtualenvs.in-project true
 RUN poetry install --with app --no-root
+COPY locales ./locales
+RUN cd locales/ru/LC_MESSAGES && msgfmt messages.po
+
+FROM node:24 AS node-builder
+ENV PATH=/app/node_modules/.bin:$PATH
+WORKDIR /app
+COPY static/package.json static/package-lock.json ./
+RUN npm ci
+COPY static ./
+RUN npm run build

 FROM python:3.12-slim
 ENV PATH="/app/.venv/bin:$PATH"
 WORKDIR /app
-RUN apt update && \
-    apt install -y locales && \
-    sed -i -e 's/# ru_RU.UTF-8 UTF-8/ru_RU.UTF-8 UTF-8/' /etc/locale.gen && \
-    dpkg-reconfigure --frontend=noninteractive locales
-ENV LANG=ru_RU.UTF-8
-ENV LC_ALL=ru_RU.UTF-8
+
 ENV TZ="Europe/Moscow"
 COPY --from=builder /app ./
+COPY --from=node-builder /app/dist ./static/dist
 COPY gallery gallery/
+#COPY --from=builder /app/gallery/easel/route/view/locales /app/gallery/easel/route/view/locales
+COPY --from=builder --parents locales/**/*.mo ./

 CMD ["uvicorn", "gallery.main:app", "--host", "0.0.0.0", "--port", "80", "--log-config", "gallery/logging.yaml"]
--- a/README.md
+++ b/README.md
@@ -1,9 +1,13 @@
-# Gallery
+# API Gallery
+
+Weather and TV program API
+
+![API Gallery](docs/screenshot.png "API Gallery")

 ## View

 https://api.shmyga.ru

-## API Docs
+## Swagger

 https://api.shmyga.ru/docs
--- a/docker/develop.sh
+++ b/docker/develop.sh
@@ -1,2 +0,0 @@
-#!/usr/bin/env bash
-docker compose -f docker-compose-develop.yaml up --build --watch
--- a/docs/screenshot.png
+++ b/docs/screenshot.png
--- a/gallery.code-workspace
+++ b/gallery.code-workspace
@@ -33,12 +33,14 @@
        "type": "debugpy",
        "request": "launch",
        "module": "uvicorn",
-        "args": [
-          "gallery.main:app",
-          "--reload",
-          "--log-config",
-          "gallery/logging.yaml",
-        ],
+        "args": ["gallery.main:app", "--reload", "--log-config", "gallery/logging.yaml"],
+      },
+      {
+        "name": "gallery:static",
+        "cwd": "${workspaceFolder}/static",
+        "request": "launch",
+        "type": "node-terminal",
+        "command": "npm run dev",
      },
    ],
  },
--- a/gallery/easel/init.py
+++ b/gallery/easel/init.py
@@ -1,23 +1,22 @@
-import locale as _locale
-
 from fastapi import FastAPI
+from fastapi.staticfiles import StaticFiles

 from gallery.sketch.bundle import ApiBundle
+from gallery.util import root_path

-from .route import api, doc, view
-
-DEFAULT_LOCALE = "ru_RU.UTF-8"
+from .route import api, doc
+from .route.view import router as view_router


-def build_app(api_bundle: ApiBundle, *, locale: str = DEFAULT_LOCALE) -> FastAPI:
-    _locale.setlocale(_locale.LC_TIME, locale)
+def build_app(api_bundle: ApiBundle) -> FastAPI:
    app = FastAPI(
        title="Gallery",
        docs_url=None,
        redoc_url=None,
    )
    app.state.api = api_bundle
+    app.mount("/static", StaticFiles(directory=root_path / "static/dist"))
    doc.mount(app)
    api.mount(app)
-    view.mount(app)
+    app.include_router(view_router)
    return app
--- a/gallery/easel/route/api/schedule.py
+++ b/gallery/easel/route/api/schedule.py
@@ -7,12 +7,12 @@ from gallery.sketch.schedule.model import ChannelId, Schedule


 def mount(app: FastAPI):
-    @app.get("/api/schedule/channels")
+    @app.get("/api/schedule/channels", tags=["API"])
    async def get_api_schedule_channels(request: AppRequest) -> list[ChannelId]:
        schedule_api = request.app.state.api.schedule
        return await schedule_api.get_channels()

-    @app.get("/api/schedule/{channel}/{date}")
+    @app.get("/api/schedule/{channel}/{date}", tags=["API"])
    async def get_api_schedule_channel_schedule(
        request: AppRequest, channel: str, date: datetime.date
    ) -> Schedule:
--- a/gallery/easel/route/api/weather.py
+++ b/gallery/easel/route/api/weather.py
@@ -3,23 +3,25 @@ import datetime
 from fastapi import FastAPI

 from gallery.easel.core import AppRequest
-from gallery.sketch.weather.model import WeatherResponse
+from gallery.sketch.weather.model import Location, WeatherResponse


 def mount(app: FastAPI):
-    @app.get("/api/weather/locations")
-    async def get_api_weather_locations(request: AppRequest) -> list[str]:
+    @app.get("/api/weather/locations", tags=["API"])
+    async def get_api_weather_locations(
+        request: AppRequest, query: str
+    ) -> list[Location]:
        weather_api = request.app.state.api.weather
-        return await weather_api.get_locations()
+        return await weather_api.find_locations(query)

-    @app.get("/api/weather/{location}/day/{date}")
+    @app.get("/api/weather/{location}/day/{date}", tags=["API"])
    async def get_api_weather_day(
        request: AppRequest, location: str, date: datetime.date
    ) -> WeatherResponse:
        weather_api = request.app.state.api.weather
        return await weather_api.get_day(location, date)

-    @app.get("/api/weather/{location}/days/{days}")
+    @app.get("/api/weather/{location}/days/{days}", tags=["API"])
    async def get_api_weather_days(
        request: AppRequest, location: str, days: int
    ) -> WeatherResponse:
--- a/gallery/easel/route/view/init.py
+++ b/gallery/easel/route/view/init.py
@@ -1,9 +1,11 @@
-from fastapi import FastAPI
+from fastapi import APIRouter, Depends

-from . import common, schedule, weather
+from .common import router as common_router
+from .schedule import router as schedule_router
+from .translation import set_language
+from .weather import router as weather_router

-
-def mount(app: FastAPI):
-    common.mount(app)
-    weather.mount(app)
-    schedule.mount(app)
+router = APIRouter(dependencies=[Depends(set_language)])
+router.include_router(common_router)
+router.include_router(weather_router)
+router.include_router(schedule_router)
--- a/gallery/easel/route/view/common/init.py
+++ b/gallery/easel/route/view/common/init.py
@@ -1,37 +1,41 @@
 from pathlib import Path
 from typing import NamedTuple

-from fastapi import FastAPI, Request
+from fastapi import APIRouter, Request
 from fastapi.responses import HTMLResponse
-from fastapi.staticfiles import StaticFiles
 from fastapi.templating import Jinja2Templates

 from gallery.version import __version__

+from ..translation import _
+

 class Section(NamedTuple):
    link: str
    title: str
+    icon: str


 SECTIONS = [
-    Section("weather", "Погода"),
-    Section("schedule", "Телепрограмма"),
+    Section("weather", "Weather", "brightness-high"),
+    Section("schedule", "TV program", "tv"),
 ]

+base_dir = Path(__file__).parent

-def mount(app: FastAPI):
-    base_dir = Path(__file__).parent
-    app.mount("/static/common", StaticFiles(directory=base_dir / "static"))
-    templates = Jinja2Templates(directory=base_dir / "templates")
+router = APIRouter()

-    @app.get("/", response_class=HTMLResponse)
-    async def get_section_list(request: Request):
-        return templates.TemplateResponse(
-            request=request,
-            name="root_index.html",
-            context={
-                "version": __version__,
-                "sections": SECTIONS,
-            },
-        )
+templates = Jinja2Templates(directory=base_dir / "templates")
+templates.env.globals.update({"_": _})
+
+
+@router.get("/", response_class=HTMLResponse)
+async def get_section_list(request: Request):
+    return templates.TemplateResponse(
+        request=request,
+        name="root_index.html",
+        context={
+            "version": __version__,
+            "sections": SECTIONS,
+        },
+    )
--- a/gallery/easel/route/view/common/static/favicon.ico
+++ b/gallery/easel/route/view/common/static/favicon.ico
--- a/gallery/easel/route/view/common/static/gallery.png
+++ b/gallery/easel/route/view/common/static/gallery.png
--- a/gallery/easel/route/view/common/static/style.css
+++ b/gallery/easel/route/view/common/static/style.css
@@ -1,114 +0,0 @@
-/*
-base
-*/
-body {
-  font-size: 1.5rem;
-}
-
-h3 {
-  margin: 0.5rem 0;
-}
-
-/*
-table
-*/
-table {
-  table-layout: fixed;
-  border-collapse: collapse;
-}
-
-table,
-th,
-td {
-  text-align: center;
-}
-
-td {
-  padding: 0.1rem 0.4rem;
-}
-
-/*
-a.button
-*/
-a.button {
-  text-decoration: none;
-  color: inherit;
-}
-
-.button.disabled {
-  pointer-events: none;
-  cursor: default;
-  color: gray;
-  filter: grayscale(100%);
-}
-
-/*
-app
-*/
-.app-container {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: stretch;
-}
-
-.app-menu {
-  display: flex;
-  flex-direction: column;
-  margin: 0.5rem;
-}
-
-.app-content {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-}
-
-.app-header {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  gap: 0.5rem;
-  justify-content: center;
-}
-
-.app-link-home > * {
-  width: 2rem;
-  height: 2rem;
-  background-image: url("/static/common/gallery.png");
-  background-size: contain;
-}
-
-.icon {
-  display: inline-block;
-  width: 2rem;
-  height: 2rem;
-  background-size: contain;
-}
-
-ul.app-list {
-  list-style: none;
-  padding-left: 0;
-  width: 30rem;
-  margin: auto;
-}
-
-ul.app-list > li {
-  border: 1px solid lightgrey;
-}
-
-ul.app-list > li > a {
-  display: flex;
-  gap: 0.25rem;
-  padding: 0.5rem 2rem;
-  text-decoration: none;
-  color: inherit;
-}
-
-ul.app-list > li:hover {
-  border-color: rgb(125, 125, 255);
-}
-
-ul.app-list > li:hover > a {
-  color: rgb(125, 125, 255);
-}
--- a/gallery/easel/route/view/common/templates/base.html
+++ b/gallery/easel/route/view/common/templates/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="{{request.state.language}}">

 <head>
  {% block head %}
@@ -10,29 +10,117 @@
        content="ie=edge">
  <title>{% block title %}{% endblock %}</title>
  <link rel="stylesheet"
-        href="/static/common/style.css?v={{version}}">
+        href="/static/gallery.css?v={{version}}">
+  <script type="module"
+          src="/static/gallery.es.js?v={{version}}"></script>
  <link rel="icon"
-        href="/static/common/favicon.ico?v={{version}}"
+        href="/favicon.ico?v={{version}}"
        type="image/x-icon">
  {% endblock %}
 </head>

-<body class="app-container">
-  <div class="app-menu">
-    <a class="app-link-home"
-       href="/">
-      <div></div>
-    </a>
-  </div>
-  <div class="app-content">
-    <h3 class="app-header">
-      {% block header %}{% endblock %}</span>
-    </h3>
-    {% block content %}{% endblock %}
-    <div class="app-footer">
-      {% block footer %}{% endblock %}
-    </div>
+<body>
+  <div class="app col-lg-8 mx-auto p-3 py-md-5">
+    <header class="app-header pb-3 mb-5 border-bottom">
+      <div class="link-list">
+        <app-link href="/"
+                  icon="gear">API Gallery</app-link>
+        {% block header %}{% endblock %}
+      </div>
+      <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
+        <li class="nav-item dropdown">
+          <button class="btn btn-link nav-link py-2 px-0 px-lg-2 dropdown-toggle d-flex align-items-center"
+                  id="bd-language"
+                  type="button"
+                  aria-expanded="false"
+                  data-bs-toggle="dropdown"
+                  aria-label="{{_('Select language')}} (default)">
+            <span class="fi fir fi-gb me-2 language-icon-active"></span>
+            <span class="d-lg-none ms-2"
+                  id="bd-language-text">{{_("Select language")}}</span>
+          </button>
+          <ul class="dropdown-menu dropdown-menu-end"
+              aria-labelledby="bd-language-text">
+            <li>
+              <button type="button"
+                      class="dropdown-item d-flex align-items-center"
+                      data-bs-language-value="en"
+                      aria-pressed="false">
+                <span class="fi fir fi-gb me-2 language-icon-active"></span>
+                {{_("English")}}
+              </button>
+            </li>
+            <li>
+              <button type="button"
+                      class="dropdown-item d-flex align-items-center"
+                      data-bs-language-value="ru"
+                      aria-pressed="false">
+                <span class="fi fir fi-ru me-2 language-icon-active"></span>
+                {{_("Russian")}}
+              </button>
+            </li>
+          </ul>
+        </li>
+        <li class="nav-item dropdown">
+          <button class="btn btn-link nav-link py-2 px-0 px-lg-2 dropdown-toggle d-flex align-items-center"
+                  id="bd-theme"
+                  type="button"
+                  aria-expanded="false"
+                  data-bs-toggle="dropdown"
+                  aria-label="Toggle theme (auto)">
+            <span class="bi bi-circle-half me-2 opacity-50 theme-icon-active"></span>
+            <span class="d-lg-none ms-2"
+                  id="bd-theme-text">{{_("Toggle theme")}}</span>
+          </button>
+          <ul class="dropdown-menu dropdown-menu-end"
+              aria-labelledby="bd-theme-text">
+            <li>
+              <button type="button"
+                      class="dropdown-item d-flex align-items-center"
+                      data-bs-theme-value="light"
+                      aria-pressed="false">
+                <span class="bi bi-sun-fill me-2 opacity-50 theme-icon"></span>
+                {{_("Light")}}
+              </button>
+            </li>
+            <li>
+              <button type="button"
+                      class="dropdown-item d-flex align-items-center"
+                      data-bs-theme-value="dark"
+                      aria-pressed="false">
+                <span class="bi bi-moon-stars-fill me-2 opacity-50 theme-icon"></span>
+                {{_("Dark")}}
+              </button>
+            </li>
+            <li>
+              <button type="button"
+                      class="dropdown-item d-flex align-items-center active"
+                      data-bs-theme-value="auto"
+                      aria-pressed="true">
+                <span class="bi bi-circle-half me-2 opacity-50 theme-icon"></span>
+                {{_("Auto")}}
+              </button>
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </header>
+    <main>
+      {% block content %}{% endblock %}
+    </main>
+    <footer class="pt-5 my-5 text-muted border-top">
+      Created by shmyga &middot; &copy; 2026
+    </footer>
  </div>
+  <script>
+    (function () {
+      const params = new URLSearchParams(window.location.search);
+      const widget = params.get('widget') || window.location.hostname.startsWith('weather');
+      if (widget) {
+        document.body.classList.add('widget');
+      }
+    }());
+  </script>
 </body>

 </html>
--- a/gallery/easel/route/view/common/templates/root_index.html
+++ b/gallery/easel/route/view/common/templates/root_index.html
@@ -1,21 +1,26 @@
 {% extends "base.html" %}
-{% block title %}Информация{% endblock %}
+{% block title %}{{_("Index")}}{% endblock %}
 {% block head %}
 {{ super() }}
 {% endblock %}

-{% block header %}Информация{% endblock %}
-
 {% block content %}
-<ul class="app-list">
+<h1>{{_("View")}}</h1>
+<div class="list-group mb-5">
  {% for section in sections %}
-  <li>
-    <a href="{{section.link}}">
-      <span class="icon"
-            style="background-image: url(/static/{{section.link}}/{{section.link}}.png);"></span>
-      <span>{{section.title}}</span>
-    </a>
-  </li>
+  <a href="{{section.link}}"
+     class="list-group-item list-group-item-action px-4">
+    <app-link href="{{section.link}}"
+              icon="{{section.icon}}">
+      {{_(section.title)}}
+    </app-link>
+  </a>
  {% endfor %}
-</ul>
+</div>
+<hr class="col-3 col-md-2 mb-5">
+<h1>{{_("Docs")}}</h1>
+<a href="/docs"
+   target="_blank">
+  <h4>Swagger</h4>
+</a>
 {% endblock %}
--- a/gallery/easel/route/view/schedule/init.py
+++ b/gallery/easel/route/view/schedule/init.py
@@ -1,10 +1,9 @@
-import asyncio
 import datetime
 from pathlib import Path

-from fastapi import FastAPI
+from babel.dates import format_date
+from fastapi import APIRouter
 from fastapi.responses import HTMLResponse, RedirectResponse
-from fastapi.staticfiles import StaticFiles
 from fastapi.templating import Jinja2Templates

 from gallery.easel.core import AppRequest
@@ -12,71 +11,82 @@ from gallery.sketch.schedule.catalog import BUNDLE
 from gallery.version import __version__

 from ..common.util import TagType, TagUtil
+from ..translation import _
 from .filters import timedelta_format

+base_dir = Path(__file__).parent
+templates = Jinja2Templates(
+    directory=[
+        base_dir.parent / "common/templates",
+        base_dir / "templates",
+    ]
+)
+templates.env.globals.update(
+    {
+        "_": _,
+        "version": __version__,
+        "format_date": format_date,
+    }
+)
+templates.env.filters["timedelta_format"] = timedelta_format

-def mount(app: FastAPI):
-    base_dir = Path(__file__).parent
-    app.mount("/static/schedule", StaticFiles(directory=base_dir / "static"))
-    templates = Jinja2Templates(
-        directory=[
-            base_dir.parent / "common/templates",
-            base_dir / "templates",
-        ]
+router = APIRouter()
+
+
+@router.get("/schedule", response_class=HTMLResponse)
+async def get_schedule_list(request: AppRequest):
+    schedule_api = request.app.state.api.schedule
+    channels = await schedule_api.get_channels()
+    channels_data = BUNDLE.select_items(channels)
+    return templates.TemplateResponse(
+        request=request,
+        name="index.html",
+        context={
+            "version": __version__,
+            "channels": channels_data,
+        },
    )
-    templates.env.filters["timedelta_format"] = timedelta_format

-    @app.get("/schedule", response_class=HTMLResponse)
-    async def get_schedule_list(request: AppRequest):
-        schedule_api = request.app.state.api.schedule
-        channels = await schedule_api.get_channels()
-        channels_data = BUNDLE.select_items(channels)
-        return templates.TemplateResponse(
-            request=request,
-            name="index.html",
-            context={
-                "version": __version__,
-                "channels": channels_data,
-            },
-        )

-    @app.get("/schedule/tag/{tag}", response_class=HTMLResponse)
-    async def get_schedule_tag(request: AppRequest, tag: str, live: bool = False):
-        tag_value = TagUtil.parse_tag(tag)
-        schedule_api = request.app.state.api.schedule
-        results = await schedule_api.get_all_schedules(tag_value.date)
-        return templates.TemplateResponse(
-            request=request,
-            name="schedule.html",
-            context={
-                "version": __version__,
-                "tag_util": TagUtil,
-                "datetime": datetime,
-                "response": results[0],
-                "responses": results,
-                "live": live,
-            },
-        )
+@router.get("/schedule/tag/{tag}", response_class=HTMLResponse)
+async def get_schedule_tag(request: AppRequest, tag: str, live: bool = False):
+    tag_value = TagUtil.parse_tag(tag)
+    schedule_api = request.app.state.api.schedule
+    results = await schedule_api.get_all_schedules(tag_value.date)
+    return templates.TemplateResponse(
+        request=request,
+        name="schedule.html",
+        context={
+            "version": __version__,
+            "tag_util": TagUtil,
+            "datetime": datetime,
+            "response": results[0],
+            "responses": results,
+            "live": live,
+        },
+    )

-    @app.get("/schedule/{channel}", response_class=RedirectResponse)
-    async def get_channel_default(channel: str):
-        return RedirectResponse(f"{channel}/tag/today")

-    @app.get("/schedule/{channel}/tag/{tag}", response_class=HTMLResponse)
-    async def get_channel_tag(request: AppRequest, channel: str, tag: str):
-        tag_value = TagUtil.parse_tag(tag)
-        schedule_api = request.app.state.api.schedule
-        if tag_value.type == TagType.DAY:
-            response = await schedule_api.get_channel_schedule(channel, tag_value.date)
-        else:
-            raise ValueError(tag)
-        return templates.TemplateResponse(
-            request=request,
-            name="channel.html",
-            context={
-                "version": __version__,
-                "tag_util": TagUtil,
-                "datetime": datetime,
-                "response": response,
-            },
-        )
+@router.get("/schedule/{channel}", response_class=RedirectResponse)
+async def get_channel_default(channel: str):
+    return RedirectResponse(f"{channel}/tag/today")
+
+
+@router.get("/schedule/{channel}/tag/{tag}", response_class=HTMLResponse)
+async def get_channel_tag(request: AppRequest, channel: str, tag: str):
+    tag_value = TagUtil.parse_tag(tag)
+    schedule_api = request.app.state.api.schedule
+    if tag_value.type == TagType.DAY:
+        response = await schedule_api.get_channel_schedule(channel, tag_value.date)
+    else:
+        raise ValueError(tag)
+    return templates.TemplateResponse(
+        request=request,
+        name="channel.html",
+        context={
+            "version": __version__,
+            "tag_util": TagUtil,
+            "datetime": datetime,
+            "response": response,
+        },
+    )
--- a/gallery/easel/route/view/schedule/static/favicon.ico
+++ b/gallery/easel/route/view/schedule/static/favicon.ico
--- a/gallery/easel/route/view/schedule/static/schedule.png
+++ b/gallery/easel/route/view/schedule/static/schedule.png
--- a/gallery/easel/route/view/schedule/static/style.css
+++ b/gallery/easel/route/view/schedule/static/style.css
@@ -1,25 +0,0 @@
-table.schedule-table {
-  width: 60rem;
-  margin: auto;
-  table-layout: auto
-}
-
-table.schedule-table tr {
-  border-bottom: 1px solid lightgray;
-}
-
-table.schedule-table td {
-  text-align: left;
-}
-
-table.schedule-table tr.live {
-  font-weight: bold;
-}
-
-table.schedule-table .title {
-  margin-top: 0.5rem;
-  font-style: italic;
-  font-weight: bold;
-  font-size: 120%;
-  background-color: lightgray;
-}
--- a/gallery/easel/route/view/schedule/templates/channel.html
+++ b/gallery/easel/route/view/schedule/templates/channel.html
@@ -1,28 +1,24 @@
 {% extends "base.html" %}
 {% block title %}
-Программа | {{response.channel.name}} | {{response.date.strftime('%a, %d %B %Y')}}
-{% endblock %}
-{% block head %}
-{{ super() }}
-<link rel="stylesheet"
-      href="/static/schedule/style.css?v={{version}}">
-<link rel="icon"
-      href="/static/schedule/favicon.ico?v={{version}}"
-      type="image/x-icon">
+{{_("TV program")}} | {{response.channel.name}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}
 {% endblock %}

 {% block header %}
-<a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
-   href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
-<a class="button"
-   href="../..">⬆️</a>
-<span>{{response.channel.name}} | {{response.date.strftime('%a, %d %B %Y')}}</span>
-<a class="button"
-   href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
+<app-link href="/schedule"
+          icon="tv">{{_("TV program")}}</app-link>
 {% endblock %}

 {% block content %}
-<table class="schedule-table">
+<h4>
+  <a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
+     href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
+  <a class="button"
+     href="../..">⬆️</a>
+  <span>{{response.channel.name}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}</span>
+  <a class="button"
+     href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
+</h4>
+<table class="table">
  <thead>
    <tr>
      <td></td>
@@ -32,7 +28,7 @@
  </thead>
  <tbody>
    {% for value in response.values %}
-    <tr class="{{'live' if value.live else ''}}">
+    <tr class="{{'table-success' if value.live else ''}}">
      <td>{{value.start.strftime('%H:%M')}}</td>
      <td>{{(value.end - value.start) | timedelta_format}}</td>
      <td>{{value.label}}</td>
--- a/gallery/easel/route/view/schedule/templates/index.html
+++ b/gallery/easel/route/view/schedule/templates/index.html
@@ -1,21 +1,18 @@
 {% extends "base.html" %}
-{% block title %}ТВ{% endblock %}
-{% block head %}
-{{ super() }}
-<link rel="stylesheet"
-      href="/static/schedule/style.css?v={{version}}">
-<link rel="icon"
-      href="/static/schedule/favicon.ico?v={{version}}"
-      type="image/x-icon">
-{% endblock %}
-
-{% block header %}Телепрограмма{% endblock %}
+{% block title %}{{_("TV program")}}{% endblock %}

 {% block content %}
-<ul class="app-list">
-    <li style="margin-bottom: 0.25rem; font-weight: bold;"><a href="schedule/tag/today">Все</a></li>
-    {% for channel in channels %}
-    <li><a href="schedule/{{channel.id}}">{{channel.name}}</a></li>
-    {% endfor %}
-</ul>
+<h1>{{_("TV program")}}</h1>
+<div class="list-group mb-5">
+  <a href="schedule/tag/today"
+     class="list-group-item list-group-item-action px-4">
+    <span class="fw-bold">Все</span>
+  </a>
+  {% for channel in channels %}
+  <a href="schedule/{{channel.id}}"
+     class="list-group-item list-group-item-action px-4">
+    <span class="text-primary">{{channel.name}}</span>
+  </a>
+  {% endfor %}
+</div>
 {% endblock %}
--- a/gallery/easel/route/view/schedule/templates/schedule.html
+++ b/gallery/easel/route/view/schedule/templates/schedule.html
@@ -1,29 +1,25 @@
 {% extends "base.html" %}
 {% block title %}
-{{'Прямые трансляции' if live else 'Программа'}} | {{response.date.strftime('%a, %d %B %Y')}}
-{% endblock %}
-{% block head %}
-{{ super() }}
-<link rel="stylesheet"
-      href="/static/schedule/style.css?v={{version}}">
-<link rel="icon"
-      href="/static/schedule/favicon.ico?v={{version}}"
-      type="image/x-icon">
+{{_("Live broadcasts") if live else _("TV program")}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}
 {% endblock %}

 {% block header %}
-<a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
-   href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
-<a class="button"
-   href="..">⬆️</a>
-<span>{{'Прямые трансляции' if live else 'Программа'}} | {{response.date.strftime('%a, %d %B %Y')}}</span>
-<a class="button"
-   href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
+<app-link href="/schedule"
+          icon="tv">{{_("TV program")}}</app-link>
 {% endblock %}

 {% block content %}
+<h4>
+  <a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
+     href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
+  <a class="button"
+     href="..">⬆️</a>
+  <span>{{_("Live broadcasts") if live else _("TV program")}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}</span>
+  <a class="button"
+     href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
+</h4>
 <div>
-  <table class="schedule-table {{'live' if live else ''}}">
+  <table class="table">
    <thead>
      <tr>
        <td></td>
@@ -35,15 +31,13 @@
      {% for response in responses %}
      {% set values = (response.values|selectattr('live') if live else response.values)|list %}
      {% if values|length > 0 %}
-      <tr class="title">
+      <tr class="table-primary fs-4">
        <td colspan="3">
          <div>{{response.channel.name}}</div>
        </td>
-        <td></td>
-        <td></td>
      </tr>
      {% for value in values %}
-      <tr class="{{'live' if not live and value.live else ''}}">
+      <tr class="{{'table-success' if not live and value.live else ''}}">
        <td>{{value.start.strftime('%H:%M')}}</td>
        <td>{{(value.end - value.start) | timedelta_format}}</td>
        <td>{{value.label}}</td>
--- a/gallery/easel/route/view/translation.py
+++ b/gallery/easel/route/view/translation.py
@@ -0,0 +1,35 @@
+import gettext
+from contextvars import ContextVar
+
+from fastapi import Cookie, Header, Request
+
+from gallery.util import root_path
+
+_translation: ContextVar[gettext.GNUTranslations | gettext.NullTranslations] = (
+    ContextVar("translation")
+)
+
+
+async def set_language(
+    request: Request,
+    accept_language: str = Header("en"),
+    language: str | None = Cookie(None),
+):
+    # Simplify the header (e.g., "en-US,en;q=0.9" -> "en")
+    lang = language or accept_language.split(",")[0].split("-")[0]
+
+    try:
+        t = gettext.translation(
+            "messages", localedir=root_path / "locales", languages=[lang]
+        )
+    except FileNotFoundError:
+        t = gettext.NullTranslations()
+
+    token = _translation.set(t)
+    request.state.language = lang
+    yield lang
+    _translation.reset(token)
+
+
+def _(message: str) -> str:
+    return _translation.get().gettext(message)
--- a/gallery/easel/route/view/weather/init.py
+++ b/gallery/easel/route/view/weather/init.py
@@ -1,93 +1,92 @@
 import datetime
 from pathlib import Path

-from fastapi import FastAPI
+from fastapi import APIRouter
 from fastapi.responses import HTMLResponse, RedirectResponse
-from fastapi.staticfiles import StaticFiles
 from fastapi.templating import Jinja2Templates
-
+from babel.dates import format_date
 from gallery.easel.core import AppRequest
-from gallery.sketch.weather.catalog import BUNDLE
-from gallery.sketch.weather.mock import WEATHER_MOCK_DATA
 from gallery.sketch.weather.model import WeatherResponse
 from gallery.version import __version__

 from ..common.util import TagType, TagUtil
+from ..translation import _
 from .filters import cloudness_icon, wind_direction_icon


-def mount(app: FastAPI):
-    base_dir = Path(__file__).parent
-    app.mount("/static/weather", StaticFiles(directory=base_dir / "static"))
-    templates = Jinja2Templates(
-        directory=[
-            base_dir.parent / "common/templates",
-            base_dir / "templates",
-        ]
+base_dir = Path(__file__).parent
+templates = Jinja2Templates(
+    directory=[
+        base_dir.parent / "common/templates",
+        base_dir / "templates",
+    ]
+)
+templates.env.globals.update(
+    {
+        "_": _,
+        "version": __version__,
+        "format_date": format_date,
+    }
+)
+templates.env.filters["wind_direction_icon"] = wind_direction_icon
+templates.env.filters["cloudness_icon"] = cloudness_icon
+
+
+def build_weather_response(request: AppRequest, response: WeatherResponse):
+    return templates.TemplateResponse(
+        request=request,
+        name="weather.html",
+        context={
+            "tag_util": TagUtil,
+            "datetime": datetime,
+            "response": response,
+        },
    )
-    templates.env.filters["wind_direction_icon"] = wind_direction_icon
-    templates.env.filters["cloudness_icon"] = cloudness_icon

-    def build_weather_response(request: AppRequest, response: WeatherResponse):
-        return templates.TemplateResponse(
-            request=request,
-            name="weather.html",
-            context={
-                "version": __version__,
-                "tag_util": TagUtil,
-                "datetime": datetime,
-                "response": response,
-            },
-        )

-    @app.get("/weather", response_class=HTMLResponse)
-    async def get_weather_list(request: AppRequest):
-        weather_api = request.app.state.api.weather
-        locations = await weather_api.get_locations()
-        locations_data = BUNDLE.select_items(locations)
-        return templates.TemplateResponse(
-            request=request,
-            name="index.html",
-            context={
-                "version": __version__,
-                "locations": locations_data,
-            },
-        )
+router = APIRouter()

-    @app.get("/weather/{location}", response_class=RedirectResponse)
-    async def get_weather_default(location: str):
-        return RedirectResponse(f"{location}/tag/today")

-    @app.get("/weather/{location}/day/mock", response_class=HTMLResponse)
-    async def get_weather_day_mock(request: AppRequest):
-        response = WEATHER_MOCK_DATA.get_response("day")
-        return build_weather_response(request, response)
+@router.get("/weather", response_class=HTMLResponse)
+async def get_weather_index(request: AppRequest, query: str | None = None):
+    weather_api = request.app.state.api.weather
+    locations = (await weather_api.find_locations(query)) if query else []
+    return templates.TemplateResponse(
+        request=request,
+        name="index.html",
+        context={
+            "locations": locations,
+        },
+    )

-    @app.get("/weather/{location}/days/mock", response_class=HTMLResponse)
-    async def get_weather_days_mock(request: AppRequest):
-        response = WEATHER_MOCK_DATA.get_response("days")
-        return build_weather_response(request, response)

-    @app.get("/weather/{location}/day/{date}", response_class=HTMLResponse)
-    async def get_weather_day(request: AppRequest, location: str, date: datetime.date):
-        weather_api = request.app.state.api.weather
-        response = await weather_api.get_day(location, date)
-        return build_weather_response(request, response)
+@router.get("/weather/{location}", response_class=RedirectResponse)
+async def get_weather_default(location: str):
+    return RedirectResponse(f"{location}/tag/today")

-    @app.get("/weather/{location}/days/{days}", response_class=HTMLResponse)
-    async def get_weather_days(request: AppRequest, location: str, days: int):
-        weather_api = request.app.state.api.weather
-        response = await weather_api.get_days(location, days)
-        return build_weather_response(request, response)

-    @app.get("/weather/{location}/tag/{tag}", response_class=HTMLResponse)
-    async def get_weather_tag(request: AppRequest, location: str, tag: str):
-        tag_value = TagUtil.parse_tag(tag)
-        weather_api = request.app.state.api.weather
-        if tag_value.type == TagType.DAY:
-            response = await weather_api.get_day(location, tag_value.date)
-        elif tag_value.type == TagType.DAYS:
-            response = await weather_api.get_days(location, tag_value.days)
-        else:
-            raise ValueError(tag)
-        return build_weather_response(request, response)
+@router.get("/weather/{location}/day/{date}", response_class=HTMLResponse)
+async def get_weather_day(request: AppRequest, location: str, date: datetime.date):
+    weather_api = request.app.state.api.weather
+    response = await weather_api.get_day(location, date)
+    return build_weather_response(request, response)
+
+
+@router.get("/weather/{location}/days/{days}", response_class=HTMLResponse)
+async def get_weather_days(request: AppRequest, location: str, days: int):
+    weather_api = request.app.state.api.weather
+    response = await weather_api.get_days(location, days)
+    return build_weather_response(request, response)
+
+
+@router.get("/weather/{location}/tag/{tag}", response_class=HTMLResponse)
+async def get_weather_tag(request: AppRequest, location: str, tag: str):
+    tag_value = TagUtil.parse_tag(tag)
+    weather_api = request.app.state.api.weather
+    if tag_value.type == TagType.DAY:
+        response = await weather_api.get_day(location, tag_value.date)
+    elif tag_value.type == TagType.DAYS:
+        response = await weather_api.get_days(location, tag_value.days)
+    else:
+        raise ValueError(tag)
+    return build_weather_response(request, response)
--- a/gallery/easel/route/view/weather/static/favicon.ico
+++ b/gallery/easel/route/view/weather/static/favicon.ico
--- a/gallery/easel/route/view/weather/static/style.css
+++ b/gallery/easel/route/view/weather/static/style.css
@@ -1,72 +0,0 @@
-.header {
-  font-size: 1rem;
-  text-align: left;
-  padding-top: 0.25rem;
-}
-
-.date {
-  font-size: 1.5rem;
-  background: rgba(0, 0, 0, 0.1);
-}
-
-.date.now {
-  background: rgba(0, 128, 255, 0.2);
-}
-
-.date .value a {
-  all: unset;
-  cursor: pointer;
-}
-
-.cloudness {
-  vertical-align: top;
-}
-
-.cloudness .icon {
-  font-size: 1rem;
-}
-
-.cloudness .icon:first-child {
-  font-size: 2rem;
-}
-
-.temperature {
-  padding: 0;
-}
-
-.temperature .value {
-  padding: 0.1rem 0.4rem;
-}
-
-.temperature .value.positive {
-  color: orangered;
-}
-
-.temperature .value.negative {
-  color: blue;
-}
-
-.wind .direction {
-  font-size: 1rem;
-}
-
-.wind .gust {
-  font-size: 1rem;
-}
-
-.precipitation .value {
-  color: blue;
-}
-
-.pressure {
-  padding: 0;
-}
-
-.pressure .value {
-  padding: 0.1rem 0.4rem;
-  color: blueviolet;
-}
-
-.humidity .value {
-  color: blue;
-}
--- a/gallery/easel/route/view/weather/static/weather.png
+++ b/gallery/easel/route/view/weather/static/weather.png
--- a/gallery/easel/route/view/weather/templates/index.html
+++ b/gallery/easel/route/view/weather/templates/index.html
@@ -1,20 +1,74 @@
 {% extends "base.html" %}
-{% block title %}Погода{% endblock %}
-{% block head %}
-{{ super() }}
-<link rel="stylesheet"
-      href="/static/weather/style.css?v={{version}}">
-<link rel="icon"
-      href="/static/weather/favicon.ico?v={{version}}"
-      type="image/x-icon">
-{% endblock %}
-
-{% block header %}Погода{% endblock %}
+{% block title %}{{_("Weather")}}{% endblock %}

 {% block content %}
-<ul class="app-list">
+<h1>{{_("Weather")}}</h1>
+<form action=""
+      method="get"
+      class="mb-4">
+  <div class="input-group mb-3">
+    <input type="text"
+           class="form-control"
+           id="query"
+           name="query"
+           placeholder="{{_('Enter the city name')}}">
+    <button class="btn btn-primary"
+            type="submit">{{_("Search")}}</button>
+  </div>
+</form>
+<ul id="locations"
+    class="list-group mb-5">
  {% for location in locations %}
-  <li><a href="weather/{{location.id}}">{{location.name}}</a></li>
+  <a href="weather/{{location.id}}"
+     class="list-group-item list-group-item-action px-4"
+     onclick="saveLocation({id:'{{location.id}}', name:'{{location.name}}'});">
+    <span class="fi fi-{{location.country_code}} me-1"></span>
+    <span class="text-primary">{{location.name}}</span>
+    <span class="small ms-1 text-secondary">
+      {{location.country}}, {{location.district}}, {{location.subdistrict}}
+    </span>
+    <span></span>
+  </a>
  {% endfor %}
 </ul>
+<script>
+  (function () {
+    document.loadLocations = () => {
+      const locations = JSON.parse(window.localStorage.getItem('locations') || '{}');
+      const container = document.querySelector('#locations');
+      container.innerHTML = '';
+      for (const [id, name] of Object.entries(locations)) {
+        const element = document.createElement('a');
+        element.href = `weather/${id}`;
+        element.className = 'list-group-item list-group-item-action px-4 d-flex justify-content-between align-items-start';
+        element.innerHTML = `
+        <span class="text-primary me-auto">${name}</span>
+        <span class="text-danger" onclick="removeLocation('${id}'); event.preventDefault();">&#x2715;</span>
+        `;
+        container.appendChild(element);
+      }
+    }
+
+    document.saveLocation = (location) => {
+      const locations = JSON.parse(window.localStorage.getItem('locations') || '{}');
+      locations[location.id] = location.name;
+      window.localStorage.setItem('locations', JSON.stringify(locations));
+    }
+
+    document.removeLocation = (id) => {
+      const locations = JSON.parse(window.localStorage.getItem('locations') || '{}');
+      delete locations[id];
+      window.localStorage.setItem('locations', JSON.stringify(locations));
+      document.loadLocations();
+    }
+
+    const params = new URLSearchParams(window.location.search);
+    const searchQuery = params.get('query');
+    if (searchQuery) {
+      document.querySelector('#query').value = searchQuery;
+    } else {
+      document.loadLocations();
+    }
+  })();
+</script>
 {% endblock %}
--- a/gallery/easel/route/view/weather/templates/weather.html
+++ b/gallery/easel/route/view/weather/templates/weather.html
@@ -1,32 +1,29 @@
 {% extends "base.html" %}
-{% block title %}Погода | {{response.location}} | {{response.date.strftime('%a, %d %B %Y')}}{% endblock %}
-{% block head %}
-{{ super() }}
-<link rel="stylesheet"
-      href="/static/weather/style.css?v={{version}}">
-<link rel="icon"
-      href="/static/weather/favicon.ico?v={{version}}"
-      type="image/x-icon">
-{% endblock %}
+{% block title %}{{_("Weather")}} | {{response.location}} | {{response.date.strftime('%a, %d %B %Y')}}{% endblock %}

 {% block header %}
-{% if response.period == 'day' %}
-<a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
-   href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
-<a class="button"
-   href="../tag/days-10">⬆️</a>
-<span>{{response.location}} | {{response.date.strftime('%a, %d %B %Y')}}</span>
-<a class="button"
-   href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
-{% endif %}
-{% if response.period == 'days' %}
-<span>{{response.location}} | {{response.date.strftime('%a, %d %B %Y')}}</span>
-{% endif %}
+<app-link href="/weather"
+          icon="brightness-high">{{_("Weather")}}</app-link>
 {% endblock %}

 {% block content %}
-<div>
-  <table style="margin: auto;">
+<h4>
+  {% if response.period == 'day' %}
+  <a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
+     href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
+  <a class="button"
+     href="../tag/days-10">⬆️</a>
+  <span>{{response.location}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}</span>
+  <a class="button"
+     href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
+  {% endif %}
+  {% if response.period == 'days' %}
+  <span>{{response.location}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}</span>
+  {% endif %}
+</h4>
+<div class="table-responsive">
+  <table class="table table-weather table-borderless table-compact text-center w-auto"
+         style="font-size: 130%;">
    <tbody>
      <!-- date -->
      <tr>
@@ -39,9 +36,9 @@
        {% endif %}
        {% if response.period == 'days' %}
        <td class="date {{'now' if value.date.date() == datetime.date.today() else ''}}">
-          <span class="value">
+          <span class="value {{'text-danger' if value.date.weekday() in [5,6] else ''}}">
            <a href="../tag/{{tag_util.create_tag('day', value.date.date())}}">
-              {{value.date.strftime('%a %d')}}
+              {{format_date(value.date, 'E d', locale=request.state.language)}}
            </a>
          </span>
        </td>
@@ -52,7 +49,7 @@
      <tr>
        <td colspan="{{response.values | length}}"
            class="header">
-          Облачность
+          {{_("Cloudiness")}}
        </td>
      </tr>
      <tr>
@@ -68,7 +65,7 @@
      <tr>
        <td colspan="{{response.values | length}}"
            class="header">
-          Температура, °C
+          {{_("Temperature, °C")}}
        </td>
      </tr>
      <tr>
@@ -87,7 +84,7 @@
      <tr>
        <td colspan="{{response.values | length}}"
            class="header">
-          Направление ветра
+          {{_("Wind direction")}}
        </td>
      </tr>
      <tr>
@@ -101,7 +98,7 @@
      <tr>
        <td colspan="{{response.values | length}}"
            class="header">
-          Скорость ветра, м/с
+          {{_("Wind speed, m/s")}}
        </td>
      </tr>
      <tr>
@@ -121,7 +118,7 @@
      <tr>
        <td colspan="{{response.values | length}}"
            class="header">
-          Осадки, мм
+          {{_("Precipitation, mm")}}
        </td>
      </tr>
      <tr>
@@ -136,7 +133,7 @@
      <tr>
        <td colspan="{{response.values | length}}"
            class="header">
-          Давление, мм рт. ст.
+          {{_("Pressure, mmHg")}}
        </td>
      </tr>
      <tr>
@@ -154,7 +151,7 @@
      <tr>
        <td colspan="{{response.values | length}}"
            class="header">
-          Влажность, %
+          {{_("Humidity, %")}}
        </td>
      </tr>
      <tr>
--- a/gallery/painting/gismeteo/api.py
+++ b/gallery/painting/gismeteo/api.py
@@ -1,13 +1,13 @@
 import datetime
+import json
 import logging
-from typing import Any, Dict, List
+from typing import Any

 from bs4 import BeautifulSoup

 from gallery.sketch.source import ApiSource
 from gallery.sketch.weather.api import WeatherApi
-from gallery.sketch.weather.catalog import LocationId
-from gallery.sketch.weather.model import WeatherResponse, WeatherValue
+from gallery.sketch.weather.model import Location, WeatherResponse, WeatherValue

 from . import datehelp
 from .parser import DAYS_PARSER, LOCATION_PARSER, ONE_DAY_PARSER, ROW_PARSERS
@@ -34,7 +34,7 @@ class GismeteoApi(WeatherApi):
    )

    def _parse_oneday(self, date: datetime.date, data: str) -> WeatherResponse:
-        result: List[Dict[str, Any]] = []
+        result: list[dict[str, Any]] = []
        soup = BeautifulSoup(data, features="html.parser")
        location = LOCATION_PARSER.parse_location(data)
        widget = ONE_DAY_PARSER.parse_widget(soup)
@@ -52,7 +52,7 @@ class GismeteoApi(WeatherApi):
        )

    def _parse_manydays(self, data: str) -> WeatherResponse:
-        result: List[Dict[str, Any]] = []
+        result: list[dict[str, Any]] = []
        soup = BeautifulSoup(data, features="html.parser")
        location = LOCATION_PARSER.parse_location(data)
        widget = DAYS_PARSER.parse_widget(soup)
@@ -69,11 +69,34 @@ class GismeteoApi(WeatherApi):
            values=values,
        )

-    async def get_locations(self) -> list[str]:
-        return [
-            LocationId.OREL,
-            LocationId.ZMIYEVKA,
-        ]
+    async def find_locations(self, query: str) -> list[Location]:
+        geo = "ru"
+        latitude = 52.968498
+        longitude = 36.0695
+        data = json.loads(
+            await self.SOURCE.request(
+                f"mq/city/q/?q={query}&geo={geo}&latitude={latitude}&longitude={longitude}&limit=10"
+            )
+        )
+        result = []
+        for item in data["data"]:
+            result.append(
+                Location(
+                    id=f"{item['slug']}-{item['id']}",
+                    name=item["translations"]["kk"]["city"]["name"],
+                    lat=item["coordinates"]["latitude"],
+                    lon=item["coordinates"]["longitude"],
+                    country=item["translations"]["kk"]["country"]["name"],
+                    country_code=item["country"]["code"].lower(),
+                    district=item["translations"]["kk"]["district"]["name"],
+                    subdistrict=(
+                        item["translations"]["kk"]["subdistrict"]["name"]
+                        if "subdistrict" in item["translations"]["kk"]
+                        else ""
+                    ),
+                )
+            )
+        return result

    async def get_day(self, location_id: str, date: datetime.date) -> WeatherResponse:
        data = await self.SOURCE.request(f"weather-{location_id}/{datehelp.dump(date)}")
--- a/gallery/painting/gismeteo/mock/init.py
+++ b/gallery/painting/gismeteo/mock/init.py
@@ -1,5 +0,0 @@
-from pathlib import Path
-
-from gallery.sketch.mock import MockData
-
-GISMETEO_MOCK_DATA = MockData(Path(__file__).parent / "data")
--- a/gallery/painting/matchtv/mock/init.py
+++ b/gallery/painting/matchtv/mock/init.py
@@ -1,5 +0,0 @@
-from pathlib import Path
-
-from gallery.sketch.mock import MockData
-
-MATCHTV_MOCK_DATA = MockData(Path(__file__).parent / "data")
--- a/gallery/painting/openweather/api.py
+++ b/gallery/painting/openweather/api.py
@@ -5,8 +5,7 @@ from collections import defaultdict
 from aiocache import cached

 from gallery.sketch.weather.api import WeatherApi
-from gallery.sketch.weather.catalog import BUNDLE, LocationId
-from gallery.sketch.weather.model import WeatherResponse, WeatherValue
+from gallery.sketch.weather.model import Location, WeatherResponse, WeatherValue
 from gallery.sketch.weather.util import merge_weather_values
 from gallery.util import TimeUnit

@@ -20,11 +19,9 @@ class OpenWeatherApi(WeatherApi):
    PROVIDER = "openweather"
    SOURCE = OpenWeather("517a6bccceaa1c48127f6199ec3fb7cf")

-    async def get_locations(self) -> list[str]:
-        return [
-            LocationId.OREL,
-            LocationId.ZMIYEVKA,
-        ]
+    @classmethod
+    def _parse_location(cls, location_id: str) -> tuple[float, float]:
+        return tuple(map(float, location_id.split(":", maxsplit=2)))

    @cached(
        key_builder=lambda fun, self, location_id: f"api.weather.{self.provider}.source.{location_id}.forecast",
@@ -32,8 +29,10 @@ class OpenWeatherApi(WeatherApi):
        ttl=TimeUnit.DAY,
    )
    async def _get_location_forecast(self, location_id: str) -> Forecast:
-        location = BUNDLE.get_item(location_id)
-        return await self.SOURCE.get_forecast(location.lat, location.lon)
+        return await self.SOURCE.get_forecast(*self._parse_location(location_id))
+
+    async def find_locations(self, query: str) -> list[Location]:
+        raise NotImplementedError

    async def get_day(self, location_id: str, date: datetime.date) -> WeatherResponse:
        data: Forecast = await self._get_location_forecast(location_id)
@@ -42,9 +41,8 @@ class OpenWeatherApi(WeatherApi):
            value = FORECAST_ITEM_PARSER.parse(item)
            if value.date.date() == date:
                values.append(value)
-        location = BUNDLE.get_item(location_id)
        return WeatherResponse(
-            location=location.name,
+            location=location_id,
            date=date,
            period="day",
            values=values,
@@ -61,9 +59,8 @@ class OpenWeatherApi(WeatherApi):
            merge_weather_values(date, values)
            for date, values in values_by_date.items()
        ]
-        location = BUNDLE.get_item(location_id)
        return WeatherResponse(
-            location=location.name,
+            location=location_id,
            date=datetime.date.today(),
            period="days",
            values=list(sorted(values, key=lambda item: item.date)),
--- a/gallery/painting/yandextv/mock/init.py
+++ b/gallery/painting/yandextv/mock/init.py
@@ -1,5 +0,0 @@
-from pathlib import Path
-
-from gallery.sketch.mock import MockData
-
-YANDEXTV_MOCK_DATA = MockData(Path(__file__).parent / "data")
--- a/gallery/sketch/mock.py
+++ b/gallery/sketch/mock.py
@@ -1,17 +0,0 @@
-import json
-
-
-class MockData:
-
-    def __init__(self, data_dir) -> None:
-        self._data_dir = data_dir
-
-    def get_text(self, key: str) -> str:
-        return (self._data_dir / f"{key}").read_text()
-
-    def get_html(self, key: str) -> str:
-        return self.get_text(f"{key}.html")
-
-    def get_json(self, key: str) -> dict:
-        data = json.loads(self.get_text(f"{key}.json"))
-        return data
--- a/gallery/sketch/weather/api.py
+++ b/gallery/sketch/weather/api.py
@@ -1,12 +1,12 @@
 import datetime

 from ..api import Api
-from .model import WeatherResponse
+from .model import Location, WeatherResponse


 class WeatherApi(Api):

-    async def get_locations(self) -> list[str]:
+    async def find_locations(self, query: str) -> list[Location]:
        raise NotImplementedError

    async def get_day(self, location_id: str, date: datetime.date) -> WeatherResponse:
--- a/gallery/sketch/weather/cached.py
+++ b/gallery/sketch/weather/cached.py
@@ -5,7 +5,7 @@ from aiocache import cached
 from gallery.sketch.cached import DEFAULT_CACHE_PRESET, CachedApi

 from .api import WeatherApi
-from .model import WeatherResponse
+from .model import Location, WeatherResponse

 CACHE_PRESET = DEFAULT_CACHE_PRESET

@@ -14,11 +14,11 @@ class CachedWeatherApi(WeatherApi, CachedApi[WeatherApi]):
    CACHE_KEY = "weather"

    @cached(
-        key_builder=lambda fun, self: f"api.{self.CACHE_KEY}.{self.provider}.locations",
+        key_builder=lambda fun, self, query: f"api.{self.CACHE_KEY}.{self.provider}.locations.{query}",
        **CACHE_PRESET._asdict(),
    )
-    async def get_locations(self) -> list[str]:
-        return await self._api.get_locations()
+    async def find_locations(self, query: str) -> list[Location]:
+        return await self._api.find_locations(query)

    @cached(
        key_builder=lambda fun, self, location_id, date: (
--- a/gallery/sketch/weather/catalog.py
+++ b/gallery/sketch/weather/catalog.py
@@ -1,31 +0,0 @@
-from enum import Enum
-
-from gallery.sketch.catalog import CatalogBundle
-
-from .model import Location
-
-
-class LocationId(str, Enum):
-    OREL = "orel-4432"
-    ZMIYEVKA = "zmiyevka-184640"
-
-    def __str__(self) -> str:
-        return self.value
-
-
-BUNDLE = CatalogBundle(
-    [
-        Location(
-            id=LocationId.OREL,
-            name="Орёл",
-            lat=52.9687747,
-            lon=36.0694937,
-        ),
-        Location(
-            id=LocationId.ZMIYEVKA,
-            name="Змиёвка",
-            lat=52.672192,
-            lon=36.380112,
-        ),
-    ]
-)
--- a/gallery/sketch/weather/mock/init.py
+++ b/gallery/sketch/weather/mock/init.py
@@ -1,12 +0,0 @@
-from pathlib import Path
-
-from gallery.sketch.mock import MockData
-from gallery.sketch.weather.model import WeatherResponse
-
-
-class WeatherMockData(MockData):
-    def get_response(self, key: str) -> WeatherResponse:
-        return WeatherResponse(**self.get_json(key))
-
-
-WEATHER_MOCK_DATA = WeatherMockData(Path(__file__).parent / "data")
--- a/gallery/sketch/weather/mock/data/day.json
+++ b/gallery/sketch/weather/mock/data/day.json
@@ -1 +0,0 @@
-{"location":"Орел","date":"2024-07-29","period":"day","values":[{"date":"2024-07-29T00:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"small_rain","thunder":false,"fog":false},"temperature":[20],"wind_speed":1,"wind_gust":1,"wind_direction":"SW","precipitation":0.0,"pressure":[744],"humidity":85},{"date":"2024-07-29T03:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"small_rain","thunder":false,"fog":false},"temperature":[18],"wind_speed":1,"wind_gust":1,"wind_direction":"W","precipitation":0.6,"pressure":[742],"humidity":96},{"date":"2024-07-29T06:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"rain","thunder":false,"fog":false},"temperature":[19],"wind_speed":1,"wind_gust":2,"wind_direction":"S","precipitation":4.9,"pressure":[741],"humidity":95},{"date":"2024-07-29T09:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"rain","thunder":false,"fog":false},"temperature":[19],"wind_speed":3,"wind_gust":7,"wind_direction":"S","precipitation":3.8,"pressure":[740],"humidity":83},{"date":"2024-07-29T12:00:00","sky":{"cloudness":"clear","precipitation":"no","thunder":false,"fog":false},"temperature":[21],"wind_speed":4,"wind_gust":11,"wind_direction":"W","precipitation":0.0,"pressure":[740],"humidity":54},{"date":"2024-07-29T15:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"no","thunder":false,"fog":false},"temperature":[21],"wind_speed":4,"wind_gust":10,"wind_direction":"SW","precipitation":0.0,"pressure":[738],"humidity":48},{"date":"2024-07-29T18:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"no","thunder":false,"fog":false},"temperature":[19],"wind_speed":3,"wind_gust":10,"wind_direction":"SW","precipitation":0.0,"pressure":[737],"humidity":63},{"date":"2024-07-29T21:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"no","thunder":false,"fog":false},"temperature":[17],"wind_speed":3,"wind_gust":7,"wind_direction":"SW","precipitation":0.0,"pressure":[737],"humidity":77}]}
--- a/gallery/sketch/weather/mock/data/days.json
+++ b/gallery/sketch/weather/mock/data/days.json
@@ -1 +0,0 @@
-{"location":"Орел","date":"2024-07-29","period":"days","values":[{"date":"2024-07-29T00:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"rain","thunder":false,"fog":false},"temperature":[21,17],"wind_speed":4,"wind_gust":11,"wind_direction":"W","precipitation":9.3,"pressure":[744,737],"humidity":96},{"date":"2024-07-30T00:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"rain","thunder":true,"fog":false},"temperature":[19,14],"wind_speed":2,"wind_gust":7,"wind_direction":"N","precipitation":11.0,"pressure":[737,733],"humidity":100},{"date":"2024-07-31T00:00:00","sky":{"cloudness":"party_cloudy","precipitation":"small_rain","thunder":false,"fog":false},"temperature":[22,14],"wind_speed":3,"wind_gust":10,"wind_direction":"NW","precipitation":1.8,"pressure":[741,738],"humidity":99},{"date":"2024-07-01T00:00:00","sky":{"cloudness":"party_cloudy","precipitation":"small_rain","thunder":false,"fog":false},"temperature":[24,14],"wind_speed":3,"wind_gust":10,"wind_direction":"W","precipitation":0.1,"pressure":[741,740],"humidity":97},{"date":"2024-07-02T00:00:00","sky":{"cloudness":"party_cloudy","precipitation":"small_rain","thunder":false,"fog":false},"temperature":[24,17],"wind_speed":2,"wind_gust":8,"wind_direction":"W","precipitation":0.2,"pressure":[740],"humidity":84},{"date":"2024-07-03T00:00:00","sky":{"cloudness":"party_cloudy","precipitation":"no","thunder":false,"fog":false},"temperature":[25,14],"wind_speed":1,"wind_gust":4,"wind_direction":"N","precipitation":0.0,"pressure":[740,739],"humidity":99},{"date":"2024-07-04T00:00:00","sky":{"cloudness":"party_cloudy","precipitation":"no","thunder":false,"fog":false},"temperature":[25,14],"wind_speed":3,"wind_gust":6,"wind_direction":"N","precipitation":0.0,"pressure":[743,740],"humidity":92},{"date":"2024-07-05T00:00:00","sky":{"cloudness":"party_cloudy","precipitation":"small_rain","thunder":true,"fog":false},"temperature":[25,15],"wind_speed":3,"wind_gust":7,"wind_direction":"NW","precipitation":2.1,"pressure":[744,743],"humidity":98},{"date":"2024-07-06T00:00:00","sky":{"cloudness":"party_cloudy","precipitation":"small_rain","thunder":false,"fog":false},"temperature":[24,14],"wind_speed":3,"wind_gust":5,"wind_direction":"NW","precipitation":0.3,"pressure":[745,744],"humidity":98},{"date":"2024-07-07T00:00:00","sky":{"cloudness":"party_cloudy","precipitation":"small_rain","thunder":false,"fog":false},"temperature":[26,14],"wind_speed":2,"wind_gust":5,"wind_direction":"NW","precipitation":0.2,"pressure":[747,745],"humidity":95}]}
--- a/gallery/sketch/weather/model.py
+++ b/gallery/sketch/weather/model.py
@@ -14,6 +14,10 @@ class Location(Model):
    name: str
    lat: float
    lon: float
+    country: str
+    country_code: str
+    district: str
+    subdistrict: str


 class Cloudness(str, Enum):
--- a/gallery/util.py
+++ b/gallery/util.py
@@ -1,5 +1,11 @@
+from pathlib import Path
+
+
 class TimeUnit:
    SECOND = 1
    MINUTE = 60 * SECOND
    HOUR = 60 * MINUTE
    DAY = 24 * HOUR
+
+
+root_path = Path(__file__).parent.parent
--- a/gallery/version.py
+++ b/gallery/version.py
@@ -1 +1 @@
-__version__ = "0.1.0"
+__version__ = "0.2.2"
--- a/locales/ru/LC_MESSAGES/messages.po
+++ b/locales/ru/LC_MESSAGES/messages.po
@@ -0,0 +1,77 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Gallery\n"
+"Last-Translator: shmyga <shmyga.z@gmail.com>\n"
+"Language: ru\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=3; plural=(n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);\n"
+
+msgid "Index"
+msgstr "Содержание"
+
+msgid "View"
+msgstr "Просмотр"
+
+msgid "Docs"
+msgstr "Документация"
+
+msgid "Toggle theme"
+msgstr "Переключить тему"
+
+msgid "Light"
+msgstr "Светлая"
+
+msgid "Dark"
+msgstr "Тёмная"
+
+msgid "Auto"
+msgstr "Авто"
+
+msgid "Select language"
+msgstr "Выберите язык"
+
+msgid "English"
+msgstr "Английский"
+
+msgid "Russian"
+msgstr "Русский"
+
+# weather
+msgid "Weather"
+msgstr "Погода"
+
+msgid "Enter the city name"
+msgstr "Введите название города"
+
+msgid "Search"
+msgstr "Поиск"
+
+msgid "Cloudiness"
+msgstr "Облачность"
+
+msgid "Temperature, °C"
+msgstr "Температура, °C"
+
+msgid "Wind direction"
+msgstr "Направление ветра"
+
+msgid "Wind speed, m/s"
+msgstr "Скорость ветра, м/с"
+
+msgid "Precipitation, mm"
+msgstr "Осадки, мм"
+
+msgid "Pressure, mmHg"
+msgstr "Давление, мм рт. ст."
+
+msgid "Humidity, %"
+msgstr "Влажность, %"
+
+# tv
+msgid "TV program"
+msgstr "Телепрограмма"
+
+msgid "Live broadcasts"
+msgstr "Прямые трансляции"
--- a/poetry.lock
+++ b/poetry.lock
@@ -196,6 +196,21 @@ tests = ["attrs[tests-no-zope]", "zope-interface"]
 tests-mypy = ["mypy (>=1.6) ; platform_python_implementation == \"CPython\" and python_version >= \"3.8\"", "pytest-mypy-plugins ; platform_python_implementation == \"CPython\" and python_version >= \"3.8\""]
 tests-no-zope = ["attrs[tests-mypy]", "cloudpickle ; platform_python_implementation == \"CPython\"", "hypothesis", "pympler", "pytest (>=4.3.0)", "pytest-xdist[psutil]"]

+[[package]]
+name = "babel"
+version = "2.18.0"
+description = "Internationalization utilities"
+optional = false
+python-versions = ">=3.8"
+groups = ["app"]
+files = [
+    {file = "babel-2.18.0-py3-none-any.whl", hash = "sha256:e2b422b277c2b9a9630c1d7903c2a00d0830c409c59ac8cae9081c92f1aeba35"},
+    {file = "babel-2.18.0.tar.gz", hash = "sha256:b80b99a14bd085fcacfa15c9165f651fbb3406e66cc603abf11c5750937c992d"},
+]
+
+[package.extras]
+dev = ["backports.zoneinfo ; python_version < \"3.9\"", "freezegun (>=1.0,<2.0)", "jinja2 (>=3.0)", "pytest (>=6.0)", "pytest-cov", "pytz", "setuptools", "tzdata ; sys_platform == \"win32\""]
+
 [[package]]
 name = "beautifulsoup4"
 version = "4.12.3"
@@ -1898,4 +1913,4 @@ multidict = ">=4.0"
 [metadata]
 lock-version = "2.1"
 python-versions = "^3.12"
-content-hash = "7295e9ec7f7492017c5bbda489026f19bbf155f0ea82402d348b0aa4c03beaca"
+content-hash = "39107ded0683832d1ca3d637dc50fac7dd441375ead30cdb56d64edee13c97e2"
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "gallery"
-version = "0.1.0"
+version = "0.2.3"
 description = ""
 authors = ["shmyga <shmyga.z@gmail.com>"]
 readme = "README.md"
@@ -17,6 +17,7 @@ aiocache = {extras = ["redis"], version = "^0.12.2"}
 [tool.poetry.group.app.dependencies]
 fastapi = "^0.111.1"
 jinja2 = "^3.1.4"
+babel = "^2.18.0"

 [tool.poetry.group.test.dependencies]
 pytest = "^8.3.1"
--- a/scripts/locales
+++ b/scripts/locales
@@ -0,0 +1,6 @@
+#!/usr/bin/env bash
+set -e
+cd "$(dirname $(dirname "$0"))" || exit
+
+cd locales/ru/LC_MESSAGES || exit
+msgfmt messages.po
--- a/scripts/version
+++ b/scripts/version
@@ -0,0 +1,19 @@
+#!/usr/bin/env bash
+set -e
+cd "$(dirname $(dirname "$0"))" || exit
+
+if [ -z "$1" ]; then
+  echo "Usage: $0 [version]"
+  exit 1
+fi
+
+if [[ ! -z "$(git status -s)" ]]; then
+  echo "Uncomitted changes"
+  exit 1
+fi
+
+poetry version $1
+(cd static && npm version $1 --allow-same-version)
+git add .
+git commit -m "ci(version): $1"
+git tag $1
--- a/static/.dockerignore
+++ b/static/.dockerignore
@@ -0,0 +1,2 @@
+node_modules/
+dist/
--- a/static/.nvmrc
+++ b/static/.nvmrc
@@ -0,0 +1 @@
+24
--- a/static/package-lock.json
+++ b/static/package-lock.json
--- a/static/package.json
+++ b/static/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "gallery",
+  "version": "0.2.3",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  },
+  "author": "shmyga <shmyga.z@gmail.com>",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "@popperjs/core": "^2.11.8",
+    "bootstrap": "^5.3.8",
+    "bootstrap-icons": "^1.13.1",
+    "flag-icons": "^7.5.0",
+    "sass": "^1.99.0"
+  },
+  "devDependencies": {
+    "vite": "^8.0.9"
+  }
+}
--- a/static/src/components.ts
+++ b/static/src/components.ts
@@ -0,0 +1,17 @@
+class AppLinkElement extends HTMLElement {
+  static observedAttributes = ["icon", "href"];
+
+  constructor() {
+    super();
+    this.innerHTML = `
+    <a href="${this.getAttribute("href")}"
+      class="d-flex align-items-center text-body text-decoration-none">
+      <span class="fs-4">
+        <span class="bi bi-${this.getAttribute("icon")} me-1"></span>
+        <span>${this.textContent}</span>
+      </span>
+    </a>`;
+  }
+}
+
+customElements.define("app-link", AppLinkElement);
--- a/static/src/index.ts
+++ b/static/src/index.ts
@@ -0,0 +1,5 @@
+import "./main.scss";
+import "bootstrap";
+import "./theme";
+import "./language";
+import "./components";
--- a/static/src/language.ts
+++ b/static/src/language.ts
@@ -0,0 +1,64 @@
+(() => {
+  const getStoredLanguage = () => {
+    const m = document.cookie.match(/language=(\w+)/);
+    return m ? m[1] : null;
+  };
+  const setStoredLanguage = (language: string) => (document.cookie = `language=${language}; max-age=34560000; path=/`);
+
+  const getPreferredLanguage = () => {
+    const storedLanguage = getStoredLanguage();
+    if (storedLanguage) {
+      return storedLanguage;
+    }
+    const result = window.navigator.language.split("-")[0];
+    return ["en", "ru"].includes(result) ? result : "en";
+  };
+
+  const setLanguage = (language: string) => {};
+
+  setLanguage(getPreferredLanguage());
+
+  const showActiveLanguage = (language: string, focus = false) => {
+    const languageSwitcher = document.querySelector("#bd-language");
+
+    if (!languageSwitcher) {
+      return;
+    }
+
+    const languageSwitcherText = document.querySelector("#bd-language-text");
+    const activeLanguageIcon = document.querySelector(".language-icon-active");
+    const btnToActive = document.querySelector(`[data-bs-language-value="${language}"]`);
+    const activeLanguageIconClass = btnToActive.querySelector(".fi").className.match(/fi-[\w-]+/)[0];
+
+    document.querySelectorAll("[data-bs-language-value]").forEach((element) => {
+      element.classList.remove("active");
+      element.setAttribute("aria-pressed", "false");
+    });
+
+    btnToActive.classList.add("active");
+    btnToActive.setAttribute("aria-pressed", "true");
+    const classesToRemove = Array.from(activeLanguageIcon.classList).filter((className) => className.startsWith("fi-"));
+    activeLanguageIcon.classList.remove(...classesToRemove);
+    activeLanguageIcon.classList.add(activeLanguageIconClass);
+    const languageSwitcherLabel = `${languageSwitcherText.textContent} (${btnToActive.dataset.bsLanguageValue})`;
+    languageSwitcher.setAttribute("aria-label", languageSwitcherLabel);
+
+    if (focus) {
+      languageSwitcher.focus();
+    }
+  };
+
+  window.addEventListener("DOMContentLoaded", () => {
+    showActiveLanguage(getPreferredLanguage());
+
+    document.querySelectorAll("[data-bs-language-value]").forEach((toggle) => {
+      toggle.addEventListener("click", () => {
+        const language = toggle.getAttribute("data-bs-language-value") || "";
+        setStoredLanguage(language);
+        setLanguage(language);
+        showActiveLanguage(language, true);
+        window.location.reload();
+      });
+    });
+  });
+})();
--- a/static/src/lib/bootstrap-icons.scss
+++ b/static/src/lib/bootstrap-icons.scss
@@ -0,0 +1,40 @@
+//$bootstrap-icons: "circle-half", "moon-stars-fill", "brightness-high", "gear", "sun-fill", "tv";
+
+.bi {
+  display: inline-block;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: -0.125em;
+  width: 1em;
+  height: 1em;
+
+  mask-size: contain;
+  mask-position: 50%;
+  mask-repeat: no-repeat;
+  background-color: currentColor;
+
+  //@each $icon in $bootstrap-icons {
+  //  &.bi-#{$icon} {
+  //    mask-image: url("bootstrap-icons/icons/#{$icon}.svg");
+  //  }
+  ///
+
+  &.bi-circle-half {
+    mask-image: url(bootstrap-icons/icons/circle-half.svg);
+  }
+  &.bi-moon-stars-fill {
+    mask-image: url(bootstrap-icons/icons/moon-stars-fill.svg);
+  }
+  &.bi-brightness-high {
+    mask-image: url(bootstrap-icons/icons/brightness-high.svg);
+  }
+  &.bi-gear {
+    mask-image: url(bootstrap-icons/icons/gear.svg);
+  }
+  &.bi-sun-fill {
+    mask-image: url(bootstrap-icons/icons/sun-fill.svg);
+  }
+  &.bi-tv {
+    mask-image: url(bootstrap-icons/icons/tv.svg);
+  }
+}
--- a/static/src/lib/bootstrap.scss
+++ b/static/src/lib/bootstrap.scss
@@ -0,0 +1,52 @@
+@import "bootstrap/scss/mixins/banner";
+@include bsBanner("");
+
+
+// scss-docs-start import-stack
+// Configuration
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/variables-dark";
+@import "bootstrap/scss/maps";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/utilities";
+
+// Layout & components
+@import "bootstrap/scss/root";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/type";
+//@import "bootstrap/scss/images";
+//@import "bootstrap/scss/containers";
+@import "bootstrap/scss/grid";
+@import "bootstrap/scss/tables";
+@import "bootstrap/scss/forms";
+@import "bootstrap/scss/buttons";
+//@import "bootstrap/scss/transitions";
+@import "bootstrap/scss/dropdown";
+//@import "bootstrap/scss/button-group";
+@import "bootstrap/scss/nav";
+@import "bootstrap/scss/navbar";
+//@import "bootstrap/scss/card";
+//@import "bootstrap/scss/accordion";
+//@import "bootstrap/scss/breadcrumb";
+//@import "bootstrap/scss/pagination";
+//@import "bootstrap/scss/badge";
+//@import "bootstrap/scss/alert";
+//@import "bootstrap/scss/progress";
+@import "bootstrap/scss/list-group";
+//@import "bootstrap/scss/close";
+//@import "bootstrap/scss/toasts";
+//@import "bootstrap/scss/modal";
+//@import "bootstrap/scss/tooltip";
+//@import "bootstrap/scss/popover";
+//@import "bootstrap/scss/carousel";
+//@import "bootstrap/scss/spinners";
+//@import "bootstrap/scss/offcanvas";
+//@import "bootstrap/scss/placeholders";
+
+// Helpers
+@import "bootstrap/scss/helpers";
+
+// Utilities
+@import "bootstrap/scss/utilities/api";
+// scss-docs-end import-stack
--- a/static/src/lib/flag-icons.scss
+++ b/static/src/lib/flag-icons.scss
@@ -0,0 +1,15 @@
+@use "flag-icons/sass/flag-icons" with (
+  $flag-icons-path: "flag-icons/flags",
+  $flag-icons-included-countries: (
+    "gb",
+    "ru",
+    "by",
+    "ua",
+    "kz",
+  )
+);
+
+.fir {
+  @extend .fis;
+  border-radius: 50%;
+}
--- a/static/src/main.scss
+++ b/static/src/main.scss
@@ -0,0 +1,42 @@
+@import "./lib/flag-icons";
+@import "./lib/bootstrap";
+@import "./lib/bootstrap-icons";
+
+@import "./widget.scss";
+@import "./weather.scss";
+
+.table.table-compact {
+  td {
+    padding: 0.1rem 0.4rem;
+  }
+}
+
+.icon {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  background-size: contain;
+}
+
+.app-header {
+  display: flex;
+  flex-direction: row;
+
+  > .link-list {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+
+    app-link {
+      display: flex;
+      align-items: center;
+
+      &:not(:last-child)::after {
+        margin-left: 1rem;
+        content: "|";
+      }
+    }
+  }
+}
+
+@import "./mobile";
--- a/static/src/mobile.scss
+++ b/static/src/mobile.scss
@@ -0,0 +1,34 @@
+@import "./lib/bootstrap";
+
+@include media-breakpoint-down(md) {
+  .app-header {
+    flex-direction: column;
+
+    > .link-list {
+      border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+      padding-bottom: map-get($spacers, 1); 
+      margin-bottom: map-get($spacers, 1); 
+      flex-direction: column;
+      gap: 0;
+
+      app-link {
+        display: flex;
+        align-items: center;
+
+        &:not(:last-child)::after {
+          content: "";
+        }
+      }
+    }
+  }
+
+  .navbar-nav {
+    flex-direction: column !important;
+
+    > .nav-item {
+      .btn {
+        padding: 0.125rem !important;
+      }
+    }
+  }
+}
--- a/static/src/theme.ts
+++ b/static/src/theme.ts
@@ -0,0 +1,76 @@
+(() => {
+  const getStoredTheme = () => localStorage.getItem("theme");
+  const setStoredTheme = (theme: string) => localStorage.setItem("theme", theme);
+
+  const getPreferredTheme = () => {
+    const storedTheme = getStoredTheme();
+    if (storedTheme) {
+      return storedTheme;
+    }
+
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  };
+
+  const setTheme = (theme: string) => {
+    if (theme === "auto") {
+      document.documentElement.setAttribute(
+        "data-bs-theme",
+        window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light",
+      );
+    } else {
+      document.documentElement.setAttribute("data-bs-theme", theme);
+    }
+  };
+
+  setTheme(getPreferredTheme());
+
+  const showActiveTheme = (theme: string, focus = false) => {
+    const themeSwitcher = document.querySelector("#bd-theme");
+
+    if (!themeSwitcher) {
+      return;
+    }
+
+    const themeSwitcherText = document.querySelector("#bd-theme-text");
+    const activeThemeIcon = document.querySelector(".theme-icon-active");
+    const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`);
+    const activeThemeIconClass = btnToActive.querySelector(".bi").className.match(/bi-[\w-]+/)[0];
+
+    document.querySelectorAll("[data-bs-theme-value]").forEach((element) => {
+      element.classList.remove("active");
+      element.setAttribute("aria-pressed", "false");
+    });
+
+    btnToActive.classList.add("active");
+    btnToActive.setAttribute("aria-pressed", "true");
+    const classesToRemove = Array.from(activeThemeIcon.classList).filter((className) => className.startsWith("bi-"));
+    activeThemeIcon.classList.remove(...classesToRemove);
+    activeThemeIcon.classList.add(activeThemeIconClass);
+    const themeSwitcherLabel = `${themeSwitcherText.textContent} (${btnToActive.dataset.bsThemeValue})`;
+    themeSwitcher.setAttribute("aria-label", themeSwitcherLabel);
+
+    if (focus) {
+      themeSwitcher.focus();
+    }
+  };
+
+  window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
+    const storedTheme = getStoredTheme();
+    if (storedTheme !== "light" && storedTheme !== "dark") {
+      setTheme(getPreferredTheme());
+    }
+  });
+
+  window.addEventListener("DOMContentLoaded", () => {
+    showActiveTheme(getPreferredTheme());
+
+    document.querySelectorAll("[data-bs-theme-value]").forEach((toggle) => {
+      toggle.addEventListener("click", () => {
+        const theme = toggle.getAttribute("data-bs-theme-value") || '';
+        setStoredTheme(theme);
+        setTheme(theme);
+        showActiveTheme(theme, true);
+      });
+    });
+  });
+})();
--- a/static/src/weather.scss
+++ b/static/src/weather.scss
@@ -0,0 +1,73 @@
+.table-weather {
+  .header {
+    font-size: 0.9rem;
+    text-align: left;
+    padding-top: 0.25rem;
+  }
+
+  .date {
+    background: rgba(1, 0, 0, 0.1) !important;
+  }
+
+  .date.now {
+    background: rgba(0, 128, 255, 0.2) !important;
+  }
+
+  .date .value a {
+    all: unset;
+    cursor: pointer;
+  }
+
+  .cloudness {
+    vertical-align: top;
+  }
+
+  .cloudness .icon {
+    font-size: 1rem;
+  }
+
+  .cloudness .icon:first-child {
+    font-size: 2rem;
+  }
+
+  .temperature {
+    padding: 0 !important;
+  }
+
+  .temperature .value {
+    padding: 0.1rem 0.4rem;
+  }
+
+  .temperature .value.positive {
+    color: orangered;
+  }
+
+  .temperature .value.negative {
+    color: blue;
+  }
+
+  .wind .direction {
+    font-size: 1rem;
+  }
+
+  .wind .gust {
+    font-size: 1rem;
+  }
+
+  .precipitation .value {
+    color: blue;
+  }
+
+  .pressure {
+    padding: 0 !important;
+  }
+
+  .pressure .value {
+    padding: 0.1rem 0.4rem;
+    color: blueviolet;
+  }
+
+  .humidity .value {
+    color: blue;
+  }
+}
--- a/static/src/widget.scss
+++ b/static/src/widget.scss
@@ -0,0 +1,17 @@
+.widget .app {
+  padding: 0.5rem !important;
+}
+
+.widget header {
+  display: none !important;
+}
+
+.widget main {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.widget footer {
+  display: none !important;
+}
--- a/static/vite.config.ts
+++ b/static/vite.config.ts
@@ -0,0 +1,14 @@
+import { defineConfig } from "vite";
+import packageJson from "./package.json";
+
+export default defineConfig({
+  base: "./",
+  build: {
+    outDir: "./dist",
+    lib: {
+      entry: "./src/index.ts",
+      name: packageJson.name,
+      fileName: (format) => `${packageJson.name}.${format}.js`,
+    },
+  },
+});
--- a/tests/common/init.py
+++ b/tests/common/init.py
--- a/tests/common/mock.py
+++ b/tests/common/mock.py
@@ -0,0 +1,17 @@
+from pathlib import Path
+
+from gallery.sketch.source import ApiSource
+
+
+class MockSource(ApiSource):
+
+    def __init__(self, path: Path, mapping: dict[str, str]):
+        super().__init__("")
+        self._path = path
+        self._mapping = mapping
+
+    async def request(self, endpoint: str) -> str:
+        for pattern, filename in self._mapping.items():
+            if pattern in endpoint:
+                return (self._path / filename).read_text()
+        raise ValueError(endpoint)
--- a/gallery/painting/gismeteo/mock/data/10-days.html
+++ b/gallery/painting/gismeteo/mock/data/10-days.html
--- a/tests/data/gismeteo/init.py
+++ b/tests/data/gismeteo/init.py
@@ -0,0 +1,12 @@
+from pathlib import Path
+
+from tests.common.mock import MockSource
+
+GISMETEO_MOCK_SOURCE = MockSource(
+    Path(__file__).parent,
+    {
+        "today": "today.html",
+        "10-days": "10-days.html",
+        "mq/city/q": "mq_city_q.json",
+    },
+)
--- a/tests/data/gismeteo/mq_city_q.json
+++ b/tests/data/gismeteo/mq_city_q.json
@@ -0,0 +1,400 @@
+{
+  "meta": { "status": true },
+  "data": [
+    {
+      "id": 4432,
+      "kind": "M",
+      "slug": "orel",
+      "coordinates": { "latitude": 52.968498, "longitude": 36.0695 },
+      "obsStationId": 11948,
+      "timeZone": 180,
+      "country": { "id": 156, "slug": "russia", "code": "RU" },
+      "district": { "id": 253, "slug": "oryol-oblast" },
+      "subdistrict": { "id": 4728, "slug": "urban-district-city-oryol" },
+      "translations": {
+        "ru": {
+          "city": { "name": "Орел", "nameP": "в Орле" },
+          "country": { "name": "Россия", "nameP": "в России", "nameR": "России" },
+          "district": { "name": "Орловская область", "nameP": "в Орловской области", "nameR": "Орловской области" },
+          "subdistrict": {
+            "name": "городской округ город Орёл",
+            "nameP": "в городском округе города Орёл",
+            "nameR": "городского округа города Орёл"
+          }
+        },
+        "kk": {
+          "city": { "name": "Орел", "nameP": "в Орле" },
+          "country": { "name": "Россия", "nameP": "в России", "nameR": "России" },
+          "district": { "name": "Орловская область", "nameP": "в Орловской области", "nameR": "Орловской области" },
+          "subdistrict": {
+            "name": "городской округ город Орёл",
+            "nameP": "в городском округе города Орёл",
+            "nameR": "городского округа города Орёл"
+          }
+        }
+      },
+      "visitCount": 0,
+      "options": { "altitude": 0, "mrlExists": false, "significantHeightDiff": false, "landSeaMask": 0 },
+      "meta": { "nowcast": true, "allergy": { "birch": true, "grass": true, "ragweed": true } },
+      "redirectUrl": {}
+    },
+    {
+      "id": 13074,
+      "kind": "A",
+      "slug": "orel-yuzhnyy-im-i-s-turgeneva",
+      "coordinates": { "latitude": 52.935001, "longitude": 36.001671 },
+      "obsStationId": 11948,
+      "timeZone": 180,
+      "country": { "id": 156, "slug": "russia", "code": "RU" },
+      "district": { "id": 253, "slug": "oryol-oblast" },
+      "subdistrict": { "id": 4728, "slug": "urban-district-city-oryol" },
+      "translations": {
+        "ru": {
+          "city": { "name": "Орел / Южный им.  И. С. Тургенева", "nameP": "Орел / Южный им.  И. С. Тургенева" },
+          "country": { "name": "Россия", "nameP": "в России", "nameR": "России" },
+          "district": { "name": "Орловская область", "nameP": "в Орловской области", "nameR": "Орловской области" },
+          "subdistrict": {
+            "name": "городской округ город Орёл",
+            "nameP": "в городском округе города Орёл",
+            "nameR": "городского округа города Орёл"
+          }
+        },
+        "kk": {
+          "city": { "name": "Орел / Южный им.  И. С. Тургенева", "nameP": "Орел / Южный им.  И. С. Тургенева" },
+          "country": { "name": "Россия", "nameP": "в России", "nameR": "России" },
+          "district": { "name": "Орловская область", "nameP": "в Орловской области", "nameR": "Орловской области" },
+          "subdistrict": {
+            "name": "городской округ город Орёл",
+            "nameP": "в городском округе города Орёл",
+            "nameR": "городского округа города Орёл"
+          }
+        }
+      },
+      "visitCount": 0,
+      "options": { "altitude": 0, "mrlExists": false, "significantHeightDiff": false, "landSeaMask": 0 },
+      "meta": { "nowcast": true, "allergy": { "birch": true, "grass": true, "ragweed": true } },
+      "redirectUrl": {}
+    },
+    {
+      "id": 112316,
+      "kind": "T",
+      "slug": "orel",
+      "coordinates": { "latitude": 52.0172, "longitude": 30.849199 },
+      "obsStationId": 12921,
+      "timeZone": 180,
+      "country": { "id": 19, "slug": "belarus", "code": "BY" },
+      "district": { "id": 346, "slug": "gomel-region" },
+      "subdistrict": { "id": 1828, "slug": "loyev-district" },
+      "translations": {
+        "ru": {
+          "city": { "name": "Орел", "nameP": "в Орле" },
+          "country": { "name": "Беларусь", "nameP": "в Беларуси", "nameR": "Беларуси" },
+          "district": { "name": "Гомельская область", "nameP": "в Гомельской области", "nameR": "Гомельской области" },
+          "subdistrict": { "name": "Лоевский район", "nameP": "в Лоевском районе", "nameR": "Лоевского района" }
+        },
+        "kk": {
+          "city": { "name": "Орел", "nameP": "в Орле" },
+          "country": { "name": "Беларусь", "nameP": "в Беларуси", "nameR": "Беларуси" },
+          "district": { "name": "Гомельская область", "nameP": "в Гомельской области", "nameR": "Гомельской области" },
+          "subdistrict": { "name": "Лоевский район", "nameP": "в Лоевском районе", "nameR": "Лоевского района" }
+        }
+      },
+      "visitCount": 0,
+      "options": { "altitude": 0, "mrlExists": false, "significantHeightDiff": false, "landSeaMask": 0 },
+      "meta": { "nowcast": true, "allergy": { "birch": true, "grass": true, "ragweed": true } },
+      "redirectUrl": {}
+    },
+    {
+      "id": 178290,
+      "kind": "T",
+      "slug": "orel",
+      "coordinates": { "latitude": 58.799999, "longitude": 34.453701 },
+      "obsStationId": 11657,
+      "timeZone": 180,
+      "country": { "id": 156, "slug": "russia", "code": "RU" },
+      "district": { "id": 248, "slug": "novgorod-oblast" },
+      "subdistrict": { "id": 2857, "slug": "municipal-district-khvoyninsky" },
+      "translations": {
+        "ru": {
+          "city": { "name": "Орел", "nameP": "в Орле" },
+          "country": { "name": "Россия", "nameP": "в России", "nameR": "России" },
+          "district": {
+            "name": "Новгородская область",
+            "nameP": "в Новгородской области",
+            "nameR": "Новгородской области"
+          },
+          "subdistrict": {
+            "name": "муниципальный округ Хвойнинский",
+            "nameP": "в муниципальном округе Хвойнинском",
+            "nameR": "муниципального округа Хвойнинского"
+          }
+        },
+        "kk": {
+          "city": { "name": "Орел", "nameP": "в Орле" },
+          "country": { "name": "Россия", "nameP": "в России", "nameR": "России" },
+          "district": {
+            "name": "Новгородская область",
+            "nameP": "в Новгородской области",
+            "nameR": "Новгородской области"
+          },
+          "subdistrict": {
+            "name": "муниципальный округ Хвойнинский",
+            "nameP": "в муниципальном округе Хвойнинском",
+            "nameR": "муниципального округа Хвойнинского"
+          }
+        }
+      },
+      "visitCount": 0,
+      "options": { "altitude": 0, "mrlExists": false, "significantHeightDiff": false, "landSeaMask": 0 },
+      "meta": { "nowcast": true, "allergy": { "birch": true, "grass": true, "ragweed": true } },
+      "redirectUrl": {}
+    },
+    {
+      "id": 112830,
+      "kind": "T",
+      "slug": "orel",
+      "coordinates": { "latitude": 52.182499, "longitude": 30.4349 },
+      "obsStationId": 12920,
+      "timeZone": 180,
+      "country": { "id": 19, "slug": "belarus", "code": "BY" },
+      "district": { "id": 346, "slug": "gomel-region" },
+      "subdistrict": { "id": 1833, "slug": "rechytsa-district" },
+      "translations": {
+        "ru": {
+          "city": { "name": "Орел", "nameP": "в Орле" },
+          "country": { "name": "Беларусь", "nameP": "в Беларуси", "nameR": "Беларуси" },
+          "district": { "name": "Гомельская область", "nameP": "в Гомельской области", "nameR": "Гомельской области" },
+          "subdistrict": { "name": "Речицкий район", "nameP": "в Речицком районе", "nameR": "Речицкого района" }
+        },
+        "kk": {
+          "city": { "name": "Орел", "nameP": "в Орле" },
+          "country": { "name": "Беларусь", "nameP": "в Беларуси", "nameR": "Беларуси" },
+          "district": { "name": "Гомельская область", "nameP": "в Гомельской области", "nameR": "Гомельской области" },
+          "subdistrict": { "name": "Речицкий район", "nameP": "в Речицком районе", "nameR": "Речицкого района" }
+        }
+      },
+      "visitCount": 0,
+      "options": { "altitude": 0, "mrlExists": false, "significantHeightDiff": false, "landSeaMask": 0 },
+      "meta": { "nowcast": true, "allergy": { "birch": true, "grass": true, "ragweed": true } },
+      "redirectUrl": {}
+    },
+    {
+      "id": 97816,
+      "kind": "T",
+      "slug": "orilske",
+      "coordinates": { "latitude": 49.088799, "longitude": 36.228401 },
+      "obsStationId": 13147,
+      "timeZone": 180,
+      "country": { "id": 198, "slug": "ukraine", "code": "UA" },
+      "district": { "id": 335, "slug": "kharkiv-oblast" },
+      "subdistrict": { "id": 1646, "slug": "berestyn-district" },
+      "translations": {
+        "ru": {
+          "city": { "name": "Орельское", "nameP": "в Орельском" },
+          "country": { "name": "Украина", "nameP": "на Украине", "nameR": "Украины" },
+          "district": {
+            "name": "Харьковская область",
+            "nameP": "в Харьковской области",
+            "nameR": "Харьковской области"
+          },
+          "subdistrict": {
+            "name": "Берестинский район",
+            "nameP": "в Берестинском районе",
+            "nameR": "Берестинского района"
+          }
+        },
+        "kk": {
+          "city": { "name": "Орельское", "nameP": "в Орельском" },
+          "country": { "name": "Украина", "nameP": "на Украине", "nameR": "Украины" },
+          "district": {
+            "name": "Харьковская область",
+            "nameP": "в Харьковской области",
+            "nameR": "Харьковской области"
+          },
+          "subdistrict": {
+            "name": "Берестинский район",
+            "nameP": "в Берестинском районе",
+            "nameR": "Берестинского района"
+          }
+        }
+      },
+      "visitCount": 0,
+      "options": { "altitude": 0, "mrlExists": false, "significantHeightDiff": false, "landSeaMask": 0 },
+      "meta": { "nowcast": true, "allergy": { "birch": true, "grass": true, "ragweed": true } },
+      "redirectUrl": {}
+    },
+    {
+      "id": 97619,
+      "kind": "T",
+      "slug": "orilka",
+      "coordinates": { "latitude": 48.980499, "longitude": 36.0075 },
+      "obsStationId": 13147,
+      "timeZone": 180,
+      "country": { "id": 198, "slug": "ukraine", "code": "UA" },
+      "district": { "id": 335, "slug": "kharkiv-oblast" },
+      "subdistrict": { "id": 1649, "slug": "lozivskyi-district" },
+      "translations": {
+        "ru": {
+          "city": { "name": "Орелька", "nameP": "в Орельке" },
+          "country": { "name": "Украина", "nameP": "на Украине", "nameR": "Украины" },
+          "district": {
+            "name": "Харьковская область",
+            "nameP": "в Харьковской области",
+            "nameR": "Харьковской области"
+          },
+          "subdistrict": { "name": "Лозовский район", "nameP": "в Лозовском районе", "nameR": "Лозовского района" }
+        },
+        "kk": {
+          "city": { "name": "Орелька", "nameP": "в Орельке" },
+          "country": { "name": "Украина", "nameP": "на Украине", "nameR": "Украины" },
+          "district": {
+            "name": "Харьковская область",
+            "nameP": "в Харьковской области",
+            "nameR": "Харьковской области"
+          },
+          "subdistrict": { "name": "Лозовский район", "nameP": "в Лозовском районе", "nameR": "Лозовского района" }
+        }
+      },
+      "visitCount": 0,
+      "options": { "altitude": 0, "mrlExists": false, "significantHeightDiff": false, "landSeaMask": 0 },
+      "meta": { "nowcast": true, "allergy": { "birch": true, "grass": true, "ragweed": true } },
+      "redirectUrl": {}
+    },
+    {
+      "id": 78141,
+      "kind": "T",
+      "slug": "orilka",
+      "coordinates": { "latitude": 48.945999, "longitude": 35.689098 },
+      "obsStationId": 13158,
+      "timeZone": 180,
+      "country": { "id": 198, "slug": "ukraine", "code": "UA" },
+      "district": { "id": 319, "slug": "dnipropetrovsk-oblast" },
+      "subdistrict": { "id": 1184, "slug": "samarivskyi-district" },
+      "translations": {
+        "ru": {
+          "city": { "name": "Орелька", "nameP": "в Орельке" },
+          "country": { "name": "Украина", "nameP": "на Украине", "nameR": "Украины" },
+          "district": {
+            "name": "Днепропетровская область",
+            "nameP": "в Днепропетровской области",
+            "nameR": "Днепропетровской области"
+          },
+          "subdistrict": {
+            "name": "Самаровский район",
+            "nameP": "в Самаровском районе",
+            "nameR": "Самаровского района"
+          }
+        },
+        "kk": {
+          "city": { "name": "Орелька", "nameP": "в Орельке" },
+          "country": { "name": "Украина", "nameP": "на Украине", "nameR": "Украины" },
+          "district": {
+            "name": "Днепропетровская область",
+            "nameP": "в Днепропетровской области",
+            "nameR": "Днепропетровской области"
+          },
+          "subdistrict": {
+            "name": "Самаровский район",
+            "nameP": "в Самаровском районе",
+            "nameR": "Самаровского района"
+          }
+        }
+      },
+      "visitCount": 0,
+      "options": { "altitude": 0, "mrlExists": false, "significantHeightDiff": false, "landSeaMask": 0 },
+      "meta": { "nowcast": true, "allergy": { "birch": true, "grass": true, "ragweed": true } },
+      "redirectUrl": {}
+    },
+    {
+      "id": 77735,
+      "kind": "T",
+      "slug": "orilske",
+      "coordinates": { "latitude": 48.587799, "longitude": 34.8111 },
+      "obsStationId": 13158,
+      "timeZone": 180,
+      "country": { "id": 198, "slug": "ukraine", "code": "UA" },
+      "district": { "id": 319, "slug": "dnipropetrovsk-oblast" },
+      "subdistrict": { "id": 1178, "slug": "dniprovskyi-district" },
+      "translations": {
+        "ru": {
+          "city": { "name": "Орельское (Партизанское)", "nameP": "в Орельском (Партизанском)" },
+          "country": { "name": "Украина", "nameP": "на Украине", "nameR": "Украины" },
+          "district": {
+            "name": "Днепропетровская область",
+            "nameP": "в Днепропетровской области",
+            "nameR": "Днепропетровской области"
+          },
+          "subdistrict": {
+            "name": "Днепровский район",
+            "nameP": "в Днепровском районе",
+            "nameR": "Днепровского района"
+          }
+        },
+        "kk": {
+          "city": { "name": "Орельское (Партизанское)", "nameP": "в Орельском (Партизанском)" },
+          "country": { "name": "Украина", "nameP": "на Украине", "nameR": "Украины" },
+          "district": {
+            "name": "Днепропетровская область",
+            "nameP": "в Днепропетровской области",
+            "nameR": "Днепропетровской области"
+          },
+          "subdistrict": {
+            "name": "Днепровский район",
+            "nameP": "в Днепровском районе",
+            "nameR": "Днепровского района"
+          }
+        }
+      },
+      "visitCount": 0,
+      "options": { "altitude": 0, "mrlExists": false, "significantHeightDiff": false, "landSeaMask": 0 },
+      "meta": { "nowcast": true, "allergy": { "birch": true, "grass": true, "ragweed": true } },
+      "redirectUrl": {}
+    },
+    {
+      "id": 171956,
+      "kind": "T",
+      "slug": "orel",
+      "coordinates": { "latitude": 55.516499, "longitude": 44.0658 },
+      "obsStationId": 11899,
+      "timeZone": 180,
+      "country": { "id": 156, "slug": "russia", "code": "RU" },
+      "district": { "id": 266, "slug": "nizhny-novgorod-oblast" },
+      "subdistrict": { "id": 2796, "slug": "municipal-district-vadsky" },
+      "translations": {
+        "ru": {
+          "city": { "name": "Орел", "nameP": "в Орле" },
+          "country": { "name": "Россия", "nameP": "в России", "nameR": "России" },
+          "district": {
+            "name": "Нижегородская область",
+            "nameP": "в Нижегородской области",
+            "nameR": "Нижегородской области"
+          },
+          "subdistrict": {
+            "name": "муниципальный округ Вадский",
+            "nameP": "в муниципальном округе Вадском",
+            "nameR": "муниципального округа Вадского"
+          }
+        },
+        "kk": {
+          "city": { "name": "Орел", "nameP": "в Орле" },
+          "country": { "name": "Россия", "nameP": "в России", "nameR": "России" },
+          "district": {
+            "name": "Нижегородская область",
+            "nameP": "в Нижегородской области",
+            "nameR": "Нижегородской области"
+          },
+          "subdistrict": {
+            "name": "муниципальный округ Вадский",
+            "nameP": "в муниципальном округе Вадском",
+            "nameR": "муниципального округа Вадского"
+          }
+        }
+      },
+      "visitCount": 0,
+      "options": { "altitude": 0, "mrlExists": false, "significantHeightDiff": false, "landSeaMask": 0 },
+      "meta": { "nowcast": true, "allergy": { "birch": true, "grass": true, "ragweed": true } },
+      "redirectUrl": {}
+    }
+  ],
+  "error": null
+}
--- a/gallery/painting/gismeteo/mock/data/today.html
+++ b/gallery/painting/gismeteo/mock/data/today.html
--- a/tests/data/matchtv/init.py
+++ b/tests/data/matchtv/init.py
@@ -0,0 +1,10 @@
+from pathlib import Path
+
+from tests.common.mock import MockSource
+
+MATCHTV_MOCK_SOURCE = MockSource(
+    Path(__file__).parent,
+    {
+        "test": "test.html",
+    },
+)
--- a/gallery/painting/matchtv/mock/data/test.html
+++ b/gallery/painting/matchtv/mock/data/test.html
--- a/tests/data/openweather/init.py
+++ b/tests/data/openweather/init.py
@@ -0,0 +1,10 @@
+from pathlib import Path
+
+from tests.common.mock import MockSource
+
+OPENWEATHER_MOCK_SOURCE = MockSource(
+    Path(__file__).parent,
+    {
+        "forecast": "forecast.json",
+    },
+)
--- a/gallery/painting/openweather/mock/data/forecast.json
+++ b/gallery/painting/openweather/mock/data/forecast.json
--- a/tests/data/yandextv/init.py
+++ b/tests/data/yandextv/init.py
@@ -0,0 +1,10 @@
+from pathlib import Path
+
+from tests.common.mock import MockSource
+
+YANDEXTV_MOCK_SOURCE = MockSource(
+    Path(__file__).parent,
+    {
+        "test": "test.html",
+    },
+)
--- a/gallery/painting/yandextv/mock/data/test.html
+++ b/gallery/painting/yandextv/mock/data/test.html
--- a/tests/test_gismeteo_api.py
+++ b/tests/test_gismeteo_api.py
@@ -3,20 +3,21 @@ import datetime
 import pytest

 from gallery.painting.gismeteo.api import GismeteoApi
-from gallery.painting.gismeteo.mock import GISMETEO_MOCK_DATA
+from tests.data.gismeteo import GISMETEO_MOCK_SOURCE


@pytest.fixture(name="gismeteo_api", scope="module")
 def gismeteo_api_fixture() -> GismeteoApi:
-    class MockSource:
-        async def request(self, endpoint: str):
-            return GISMETEO_MOCK_DATA.get_html(endpoint.split("/")[-1])
-
    api = GismeteoApi()
-    api.SOURCE = MockSource()
+    api.SOURCE = GISMETEO_MOCK_SOURCE
    return api


+async def test_search(gismeteo_api: GismeteoApi):
+    result = await gismeteo_api.find_locations("test")
+    assert len(result) == 10
+
+
 async def test_day(gismeteo_api: GismeteoApi):
    result = await gismeteo_api.get_day("test", datetime.date.today())
    assert len(result.values) == 8
--- a/tests/test_matchtv_api.py
+++ b/tests/test_matchtv_api.py
@@ -3,18 +3,14 @@ import datetime
 import pytest

 from gallery.painting.matchtv.api import MatchTvApi
-from gallery.painting.matchtv.mock import MATCHTV_MOCK_DATA
 from gallery.sketch.schedule.model import ChannelId
+from tests.data.matchtv import MATCHTV_MOCK_SOURCE


@pytest.fixture(name="matchtv_api", scope="module")
 def matchtv_api_fixture() -> MatchTvApi:
-    class MockSource:
-        async def request(self, endpoint: str):
-            return MATCHTV_MOCK_DATA.get_html(endpoint.split("/")[1].split("?")[0])
-
    api = MatchTvApi()
-    api.SOURCE = MockSource()
+    api.SOURCE = MATCHTV_MOCK_SOURCE
    return api


--- a/tests/test_openweather_api.py
+++ b/tests/test_openweather_api.py
@@ -3,25 +3,27 @@ import datetime
 import pytest

 from gallery.painting.openweather.api import OpenWeatherApi
-from gallery.painting.openweather.mock import OPENWEATHER_MOCK_DATA
-from gallery.painting.openweather.openweather import Forecast
+from gallery.painting.openweather.openweather import OpenWeather
+from tests.data.openweather import OPENWEATHER_MOCK_SOURCE


@pytest.fixture(name="openweather_api", scope="module")
 def openweather_api_fixture() -> OpenWeatherApi:
-    async def _get_location_forecast(location_id: str) -> Forecast:
-        return Forecast(**OPENWEATHER_MOCK_DATA.get_json("forecast"))
+    class MockOpenWeather(OpenWeather):
+        def __init__(self):
+            super().__init__("")
+            self._source = OPENWEATHER_MOCK_SOURCE

    api = OpenWeatherApi()
-    api._get_location_forecast = _get_location_forecast
+    api.SOURCE = MockOpenWeather()
    return api


 async def test_day(openweather_api: OpenWeatherApi):
-    result = await openweather_api.get_day("orel-4432", datetime.date(2024, 8, 23))
+    result = await openweather_api.get_day("52.968498:36.0695", datetime.date(2024, 8, 23))
    assert len(result.values) == 8


 async def test_days(openweather_api: OpenWeatherApi):
-    result = await openweather_api.get_days("orel-4432", 10)
+    result = await openweather_api.get_days("52.968498:36.0695", 10)
    assert len(result.values) == 6
--- a/tests/test_yandextv_api.py
+++ b/tests/test_yandextv_api.py
@@ -3,19 +3,14 @@ import datetime
 import pytest

 from gallery.painting.yandextv.api import CHANNELS_MAP, YandexTvApi
-from gallery.painting.yandextv.mock import YANDEXTV_MOCK_DATA
 from gallery.sketch.schedule.model import ChannelId
+from tests.data.yandextv import YANDEXTV_MOCK_SOURCE


@pytest.fixture(name="yandextv_api", scope="module")
 def yandextv_api_fixture() -> YandexTvApi:
-    class MockSource:
-        async def request(self, endpoint: str):
-            return YANDEXTV_MOCK_DATA.get_html(endpoint.split("/")[1].split("?")[0])
-
    api = YandexTvApi()
-    api.SOURCE = MockSource()
-
+    api.SOURCE = YANDEXTV_MOCK_SOURCE
    CHANNELS_MAP[ChannelId("test")] = "test"
    return api
Author	SHA1	Message	Date
shmyga	91e2c9d123	ci(version): 0.2.3	2026-06-10 11:49:56 +03:00
shmyga	91d9c37612	build(vscode): add settings	2026-06-10 11:49:48 +03:00
shmyga	b5f2c272bb	feat(easel): update navbar	2026-06-10 11:37:49 +03:00
shmyga	eec72c77ab	docs: add screenshot	2026-05-07 01:11:42 +03:00
shmyga	160ec2b48b	ci(version): 0.2.2	2026-04-24 14:12:39 +03:00
shmyga	7c57f939c0	feat(static): update and optimizate	2026-04-24 14:12:14 +03:00
shmyga	c233b020fc	ci(version): 0.2.1	2026-04-23 21:24:28 +03:00
shmyga	869a8ae79f	fix(gismeteo): fix optional subdistrict in gismeteo reponse	2026-04-23 21:24:13 +03:00
shmyga	4c3b3aeafc	ci(version): 0.2.0	2026-04-23 21:06:15 +03:00
shmyga	d1592150fd	build(scipts): add version script	2026-04-23 21:06:06 +03:00
shmyga	9351b9f53a	feat(easel): add localization	2026-04-23 15:47:16 +03:00
shmyga	ecb574e286	feat(easel): add bootstrap	2026-04-22 21:42:39 +03:00
shmyga	94870a5c86	feat(weather): add weather location search	2026-04-22 12:58:56 +03:00
				`@@ -1 +0,0 @@`
				{"location":"Орел","date":"2024-07-29","period":"day","values":[{"date":"2024-07-29T00:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"small_rain","thunder":false,"fog":false},"temperature":[20],"wind_speed":1,"wind_gust":1,"wind_direction":"SW","precipitation":0.0,"pressure":[744],"humidity":85},{"date":"2024-07-29T03:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"small_rain","thunder":false,"fog":false},"temperature":[18],"wind_speed":1,"wind_gust":1,"wind_direction":"W","precipitation":0.6,"pressure":[742],"humidity":96},{"date":"2024-07-29T06:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"rain","thunder":false,"fog":false},"temperature":[19],"wind_speed":1,"wind_gust":2,"wind_direction":"S","precipitation":4.9,"pressure":[741],"humidity":95},{"date":"2024-07-29T09:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"rain","thunder":false,"fog":false},"temperature":[19],"wind_speed":3,"wind_gust":7,"wind_direction":"S","precipitation":3.8,"pressure":[740],"humidity":83},{"date":"2024-07-29T12:00:00","sky":{"cloudness":"clear","precipitation":"no","thunder":false,"fog":false},"temperature":[21],"wind_speed":4,"wind_gust":11,"wind_direction":"W","precipitation":0.0,"pressure":[740],"humidity":54},{"date":"2024-07-29T15:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"no","thunder":false,"fog":false},"temperature":[21],"wind_speed":4,"wind_gust":10,"wind_direction":"SW","precipitation":0.0,"pressure":[738],"humidity":48},{"date":"2024-07-29T18:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"no","thunder":false,"fog":false},"temperature":[19],"wind_speed":3,"wind_gust":10,"wind_direction":"SW","precipitation":0.0,"pressure":[737],"humidity":63},{"date":"2024-07-29T21:00:00","sky":{"cloudness":"mainly_cloudy","precipitation":"no","thunder":false,"fog":false},"temperature":[17],"wind_speed":3,"wind_gust":7,"wind_direction":"SW","precipitation":0.0,"pressure":[737],"humidity":77}]}