Compare commits
3 Commits
eec72c77ab
...
0.2.3
| Author | SHA1 | Date | |
|---|---|---|---|
| 91e2c9d123 | |||
| 91d9c37612 | |||
| b5f2c272bb |
9
.vscode/settings.json
vendored
Normal file
9
.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
{
|
||||||
|
"python-envs.pythonProjects": [
|
||||||
|
{
|
||||||
|
"path": ".",
|
||||||
|
"envManager": "ms-python.python:poetry",
|
||||||
|
"packageManager": "ms-python.python:poetry"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -21,10 +21,12 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="app col-lg-8 mx-auto p-3 py-md-5">
|
<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="/"
|
<app-link href="/"
|
||||||
icon="gear">API Gallery</app-link>
|
icon="gear">API Gallery</app-link>
|
||||||
{% block header %}{% endblock %}
|
{% block header %}{% endblock %}
|
||||||
|
</div>
|
||||||
<ul class="navbar-nav flex-row flex-wrap ms-md-auto">
|
<ul class="navbar-nav flex-row flex-wrap ms-md-auto">
|
||||||
<li class="nav-item dropdown">
|
<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"
|
<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"
|
aria-expanded="false"
|
||||||
data-bs-toggle="dropdown"
|
data-bs-toggle="dropdown"
|
||||||
aria-label="{{_('Select language')}} (default)">
|
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"
|
<span class="d-lg-none ms-2"
|
||||||
id="bd-language-text">{{_("Select language")}}</span>
|
id="bd-language-text">{{_("Select language")}}</span>
|
||||||
</button>
|
</button>
|
||||||
@@ -44,7 +46,7 @@
|
|||||||
class="dropdown-item d-flex align-items-center"
|
class="dropdown-item d-flex align-items-center"
|
||||||
data-bs-language-value="en"
|
data-bs-language-value="en"
|
||||||
aria-pressed="false">
|
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")}}
|
{{_("English")}}
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
@@ -53,7 +55,7 @@
|
|||||||
class="dropdown-item d-flex align-items-center"
|
class="dropdown-item d-flex align-items-center"
|
||||||
data-bs-language-value="ru"
|
data-bs-language-value="ru"
|
||||||
aria-pressed="false">
|
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")}}
|
{{_("Russian")}}
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@@ -4,7 +4,6 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block header %}
|
{% block header %}
|
||||||
<span class="fs-4 text-body ms-2 me-2">/</span>
|
|
||||||
<app-link href="/schedule"
|
<app-link href="/schedule"
|
||||||
icon="tv">{{_("TV program")}}</app-link>
|
icon="tv">{{_("TV program")}}</app-link>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@@ -4,7 +4,6 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block header %}
|
{% block header %}
|
||||||
<span class="fs-4 text-body ms-2 me-2">/</span>
|
|
||||||
<app-link href="/schedule"
|
<app-link href="/schedule"
|
||||||
icon="tv">{{_("TV program")}}</app-link>
|
icon="tv">{{_("TV program")}}</app-link>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@@ -2,8 +2,8 @@
|
|||||||
{% block title %}{{_("Weather")}} | {{response.location}} | {{response.date.strftime('%a, %d %B %Y')}}{% endblock %}
|
{% block title %}{{_("Weather")}} | {{response.location}} | {{response.date.strftime('%a, %d %B %Y')}}{% endblock %}
|
||||||
|
|
||||||
{% block header %}
|
{% block header %}
|
||||||
<span class="fs-4 text-body ms-2 me-2">/</span>
|
<app-link href="/weather"
|
||||||
<app-link href="/weather" icon="brightness-high">{{_("Weather")}}</app-link>
|
icon="brightness-high">{{_("Weather")}}</app-link>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
[tool.poetry]
|
[tool.poetry]
|
||||||
name = "gallery"
|
name = "gallery"
|
||||||
version = "0.2.2"
|
version = "0.2.3"
|
||||||
description = ""
|
description = ""
|
||||||
authors = ["shmyga <shmyga.z@gmail.com>"]
|
authors = ["shmyga <shmyga.z@gmail.com>"]
|
||||||
readme = "README.md"
|
readme = "README.md"
|
||||||
|
|||||||
4
static/package-lock.json
generated
4
static/package-lock.json
generated
@@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "gallery",
|
"name": "gallery",
|
||||||
"version": "0.2.2",
|
"version": "0.2.3",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "gallery",
|
"name": "gallery",
|
||||||
"version": "0.2.2",
|
"version": "0.2.3",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@popperjs/core": "^2.11.8",
|
"@popperjs/core": "^2.11.8",
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "gallery",
|
"name": "gallery",
|
||||||
"version": "0.2.2",
|
"version": "0.2.3",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "vite build",
|
"build": "vite build",
|
||||||
"dev": "vite build --watch"
|
"dev": "vite build --watch"
|
||||||
|
|||||||
15
static/src/lib/flag-icons.scss
Normal file
15
static/src/lib/flag-icons.scss
Normal file
@@ -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%;
|
||||||
|
}
|
||||||
@@ -1,8 +1,4 @@
|
|||||||
@use "flag-icons/sass/flag-icons" with (
|
@import "./lib/flag-icons";
|
||||||
$flag-icons-path: "flag-icons/flags",
|
|
||||||
$flag-icons-included-countries: ("gb", "ru", "by", "ua", "kz")
|
|
||||||
);
|
|
||||||
|
|
||||||
@import "./lib/bootstrap";
|
@import "./lib/bootstrap";
|
||||||
@import "./lib/bootstrap-icons";
|
@import "./lib/bootstrap-icons";
|
||||||
|
|
||||||
@@ -21,3 +17,26 @@
|
|||||||
height: 2rem;
|
height: 2rem;
|
||||||
background-size: contain;
|
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";
|
||||||
|
|||||||
34
static/src/mobile.scss
Normal file
34
static/src/mobile.scss
Normal file
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -31,7 +31,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.temperature {
|
.temperature {
|
||||||
padding: 0;
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.temperature .value {
|
.temperature .value {
|
||||||
|
|||||||
Reference in New Issue
Block a user