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
15 changed files with 103 additions and 22 deletions
--- 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/README.md
+++ b/README.md
@@ -1,5 +1,9 @@
 # API Gallery

+Weather and TV program API
+
+![API Gallery](docs/screenshot.png "API Gallery")
+
 ## View

 https://api.shmyga.ru
--- a/docs/screenshot.png
+++ b/docs/screenshot.png
--- a/gallery/easel/route/view/common/templates/base.html
+++ b/gallery/easel/route/view/common/templates/base.html
@@ -21,10 +21,12 @@

 <body>
  <div class="app col-lg-8 mx-auto p-3 py-md-5">
-    <header class="d-flex align-items-center pb-3 mb-5 border-bottom">
+    <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"
@@ -33,7 +35,7 @@
                  aria-expanded="false"
                  data-bs-toggle="dropdown"
                  aria-label="{{_('Select language')}} (default)">
-            <span class="fi fi-gb me-2 language-icon-active"></span>
+            <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>
@@ -44,7 +46,7 @@
                      class="dropdown-item d-flex align-items-center"
                      data-bs-language-value="en"
                      aria-pressed="false">
-                <span class="fi fi-gb me-2 language-icon-active"></span>
+                <span class="fi fir fi-gb me-2 language-icon-active"></span>
                {{_("English")}}
              </button>
            </li>
@@ -53,7 +55,7 @@
                      class="dropdown-item d-flex align-items-center"
                      data-bs-language-value="ru"
                      aria-pressed="false">
-                <span class="fi fi-ru me-2 language-icon-active"></span>
+                <span class="fi fir fi-ru me-2 language-icon-active"></span>
                {{_("Russian")}}
              </button>
            </li>
--- a/gallery/easel/route/view/schedule/templates/channel.html
+++ b/gallery/easel/route/view/schedule/templates/channel.html
@@ -4,7 +4,6 @@
 {% endblock %}

 {% block header %}
-<span class="fs-4 text-body ms-2 me-2">/</span>
 <app-link href="/schedule"
          icon="tv">{{_("TV program")}}</app-link>
 {% endblock %}
--- a/gallery/easel/route/view/schedule/templates/schedule.html
+++ b/gallery/easel/route/view/schedule/templates/schedule.html
@@ -4,7 +4,6 @@
 {% endblock %}

 {% block header %}
-<span class="fs-4 text-body ms-2 me-2">/</span>
 <app-link href="/schedule"
          icon="tv">{{_("TV program")}}</app-link>
 {% endblock %}
--- a/gallery/easel/route/view/weather/templates/weather.html
+++ b/gallery/easel/route/view/weather/templates/weather.html
@@ -2,8 +2,8 @@
 {% block title %}{{_("Weather")}} | {{response.location}} | {{response.date.strftime('%a, %d %B %Y')}}{% endblock %}

 {% block header %}
-<span class="fs-4 text-body ms-2 me-2">/</span>
-<app-link href="/weather" icon="brightness-high">{{_("Weather")}}</app-link>
+<app-link href="/weather"
+          icon="brightness-high">{{_("Weather")}}</app-link>
 {% endblock %}

 {% block content %}
--- a/gallery/version.py
+++ b/gallery/version.py
@@ -1 +1 @@
-__version__ = "0.2.1"
+__version__ = "0.2.2"
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "gallery"
-version = "0.2.1"
+version = "0.2.3"
 description = ""
 authors = ["shmyga <shmyga.z@gmail.com>"]
 readme = "README.md"
--- a/static/package-lock.json
+++ b/static/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "gallery",
-  "version": "0.2.1",
+  "version": "0.2.3",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "gallery",
-      "version": "0.2.1",
+      "version": "0.2.3",
      "license": "ISC",
      "dependencies": {
        "@popperjs/core": "^2.11.8",
--- a/static/package.json
+++ b/static/package.json
@@ -1,6 +1,6 @@
 {
  "name": "gallery",
-  "version": "0.2.1",
+  "version": "0.2.3",
  "scripts": {
    "build": "vite build",
    "dev": "vite build --watch"
--- 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
@@ -1,8 +1,4 @@
-@use "flag-icons/sass/flag-icons" with (
-  $flag-icons-path: "flag-icons/flags",
-  $flag-icons-included-countries: ("gb", "ru", "by", "ua", "kz")
-);
-
+@import "./lib/flag-icons";
@import "./lib/bootstrap";
@import "./lib/bootstrap-icons";

@@ -21,3 +17,26 @@
  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/weather.scss
+++ b/static/src/weather.scss
@@ -31,7 +31,7 @@
  }

  .temperature {
-    padding: 0;
+    padding: 0 !important;
  }

  .temperature .value {
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