Compare commits
6
Commits
957f1d4ba2
..
main
| Author | SHA1 | Date | |
|---|---|---|---|
 ArtemBozhko
|
41f4aef614 | ||
|
ArtemBozhko
|
ac323b240d | ||
|
ArtemBozhko
|
2a2d9f50f1 | ||
|
ArtemBozhko
|
91acfff93e | ||
|
ArtemBozhko
|
67dc1fb2ed | ||
|
ArtemBozhko
|
62d96eaf6c |
Vendored
+7
@@ -6,6 +6,13 @@
|
|||||||
"name": "Development server",
|
"name": "Development server",
|
||||||
"request": "launch",
|
"request": "launch",
|
||||||
"type": "node-terminal"
|
"type": "node-terminal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "chrome",
|
||||||
|
"request": "launch",
|
||||||
|
"name": "Debug React (Chrome)",
|
||||||
|
"url": "http://localhost:4321",
|
||||||
|
"webRoot": "${workspaceFolder}"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
+1
-3
@@ -12,8 +12,6 @@ export default defineConfig({
|
|||||||
i18n: {
|
i18n: {
|
||||||
locales: ['ua', 'en'],
|
locales: ['ua', 'en'],
|
||||||
defaultLocale: 'ua',
|
defaultLocale: 'ua',
|
||||||
routing: {
|
routing: 'manual',
|
||||||
prefixDefaultLocale: true,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|||||||
Generated
+359
@@ -23,6 +23,7 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@astrojs/check": "^0.9.10",
|
"@astrojs/check": "^0.9.10",
|
||||||
"@types/leaflet": "^1.9.22",
|
"@types/leaflet": "^1.9.22",
|
||||||
|
"sass": "^1.102.0",
|
||||||
"typescript": "^6.0.3"
|
"typescript": "^6.0.3"
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
@@ -4173,6 +4174,259 @@
|
|||||||
"url": "https://github.com/sponsors/Boshen"
|
"url": "https://github.com/sponsors/Boshen"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@parcel/watcher": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-7FNeNl8NCE7aINx7WXiKQrPYZWC/hvrTsmk6zmxbI7LTXE7hVek/n8AfVgpe2y82zl3w0HvCHN0bVKMBoJcC0w==",
|
||||||
|
"hasInstallScript": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"dependencies": {
|
||||||
|
"detect-libc": "^2.0.3",
|
||||||
|
"is-glob": "^4.0.3",
|
||||||
|
"node-addon-api": "^7.0.0",
|
||||||
|
"picomatch": "^4.0.4"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
},
|
||||||
|
"optionalDependencies": {
|
||||||
|
"@parcel/watcher-android-arm64": "2.6.0",
|
||||||
|
"@parcel/watcher-darwin-arm64": "2.6.0",
|
||||||
|
"@parcel/watcher-darwin-x64": "2.6.0",
|
||||||
|
"@parcel/watcher-freebsd-x64": "2.6.0",
|
||||||
|
"@parcel/watcher-linux-arm-glibc": "2.6.0",
|
||||||
|
"@parcel/watcher-linux-arm-musl": "2.6.0",
|
||||||
|
"@parcel/watcher-linux-arm64-glibc": "2.6.0",
|
||||||
|
"@parcel/watcher-linux-arm64-musl": "2.6.0",
|
||||||
|
"@parcel/watcher-linux-x64-glibc": "2.6.0",
|
||||||
|
"@parcel/watcher-linux-x64-musl": "2.6.0",
|
||||||
|
"@parcel/watcher-win32-arm64": "2.6.0",
|
||||||
|
"@parcel/watcher-win32-x64": "2.6.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-android-arm64": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-trgpLSCKRC/huFjXX/Smh+0sWe4+YtKfktIToiMl59ghz7z+qkH6kMvNnUbLyRs9N11t8l4svSCs1+5B3rOAhA==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"android"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-darwin-arm64": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-Y3QV0gl7Q1zbfueunkWIERICbEojQFCgpyG7YqOGNFLsckXyI1xu9mAIUpKY9QBYzBtSkN8dBPwd3yiAO9ovMw==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"darwin"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-darwin-x64": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-Ohv6OpzhUfKYD7Beb8kDvG0jbIxORCYY1JRdZnaBtnjjkJxgD7ZVL0nw2sCYd0yTMKTvz3nnTnOF3cDifK+kvw==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"darwin"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-freebsd-x64": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-5HmXvDgs8VK+74jF9y9/2FE3/OnlcKmc56tjmSrEuZjpSZOGL+fvAu+HKJBdPs9uwoP2hE6TlSUpXZ/C5jUFmQ==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"freebsd"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-linux-arm-glibc": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-Ps/hui3A+vMbjdqlqAowK2ZL8+BO8dBjxeWXj6npTBs3jx4wWmbPpaLuqwrQrSqIVMCnpWo238bJ1U37GhQOYg==",
|
||||||
|
"cpu": [
|
||||||
|
"arm"
|
||||||
|
],
|
||||||
|
"libc": [
|
||||||
|
"glibc"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-linux-arm-musl": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-9c6AUHgHoG+IY88MRIHupztQiQnrbqHYQjkM2btA+Bf/wQnQMuiD0Wfk1EVv3TlNT3x41uU71rn6E4xh/+zvkw==",
|
||||||
|
"cpu": [
|
||||||
|
"arm"
|
||||||
|
],
|
||||||
|
"libc": [
|
||||||
|
"musl"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-linux-arm64-glibc": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-yHRqS2owEXe6Hic9z6Mh1ECsCd+ODVOGvZDyciqRd21+v+o+DnXMOrw50DSpIG2sb8GPEaPPmfeCAWKPJdq46g==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"libc": [
|
||||||
|
"glibc"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-linux-arm64-musl": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-WhB2e/V7rqdHHWZusBSPuy5Ei8S6lSz6FE5TKKQz5h3a0O+C+mhY7vxU9b/stqvMb8beLnPY82ZrFTLKs+SrKA==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"libc": [
|
||||||
|
"musl"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-linux-x64-glibc": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-ulGE6x6Oz6iAwg75T8YQSoguBWasniIbX+QWpaYPcCnDOpdWX3k+4xbEYPZVLxOuoJI+svJJPD3sEj8G7lrQ3A==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"libc": [
|
||||||
|
"glibc"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-linux-x64-musl": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-tkBYKt7YQrjIJWYDnto2YgO8MRkjlMTSNoRHzsXinBqbLdeOM3L32wPZJvIZxqaLMfSlS/4sUjH/6STVP/XDLw==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"libc": [
|
||||||
|
"musl"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@parcel/watcher-wasm": {
|
"node_modules/@parcel/watcher-wasm": {
|
||||||
"version": "2.6.0",
|
"version": "2.6.0",
|
||||||
"resolved": "https://registry.npmjs.org/@parcel/watcher-wasm/-/watcher-wasm-2.6.0.tgz",
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-wasm/-/watcher-wasm-2.6.0.tgz",
|
||||||
@@ -4199,6 +4453,46 @@
|
|||||||
"inBundle": true,
|
"inBundle": true,
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/@parcel/watcher-win32-arm64": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-gIZAP23jaHjGWasY/TY6yL7NHFClf0Ga7FN+iINvk+KN94rhm94lYZhFsbYFNcA04/onvGD9kKmiJLJB2HbNwQ==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"win32"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@parcel/watcher-win32-x64": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.6.0.tgz",
|
||||||
|
"integrity": "sha512-cA+/pXV2YkfxlIcXOQ5fSWqAzzPyD78/x5qbK/I0vUkrlYHA8TIz+MXjAbGouguKVSI4bOmkTSJ1/poVSsgt+A==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"win32"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/parcel"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@pkgjs/parseargs": {
|
"node_modules/@pkgjs/parseargs": {
|
||||||
"version": "0.11.0",
|
"version": "0.11.0",
|
||||||
"resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
|
"resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
|
||||||
@@ -8417,6 +8711,13 @@
|
|||||||
"node": ">=16.x"
|
"node": ">=16.x"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/immutable": {
|
||||||
|
"version": "5.1.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.9.tgz",
|
||||||
|
"integrity": "sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==",
|
||||||
|
"devOptional": true,
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/import-in-the-middle": {
|
"node_modules/import-in-the-middle": {
|
||||||
"version": "3.3.3",
|
"version": "3.3.3",
|
||||||
"resolved": "https://registry.npmjs.org/import-in-the-middle/-/import-in-the-middle-3.3.3.tgz",
|
"resolved": "https://registry.npmjs.org/import-in-the-middle/-/import-in-the-middle-3.3.3.tgz",
|
||||||
@@ -10078,6 +10379,13 @@
|
|||||||
"url": "https://opencollective.com/unified"
|
"url": "https://opencollective.com/unified"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/node-addon-api": {
|
||||||
|
"version": "7.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
|
||||||
|
"integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
"node_modules/node-domexception": {
|
"node_modules/node-domexception": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
|
||||||
@@ -11417,6 +11725,57 @@
|
|||||||
"node": ">=10"
|
"node": ">=10"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/sass": {
|
||||||
|
"version": "1.102.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/sass/-/sass-1.102.0.tgz",
|
||||||
|
"integrity": "sha512-NSOyTnaQF7rTAEOtI2fwb386vL+akyiQLBZu8Na7hXCb+umJy0GAqlcMIaqACZ6Z1VgTBS4K9PG6B3IdjHGJsw==",
|
||||||
|
"devOptional": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"chokidar": "^5.0.0",
|
||||||
|
"immutable": "^5.1.5",
|
||||||
|
"source-map-js": ">=0.6.2 <2.0.0"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"sass": "sass.js"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=20.19.0"
|
||||||
|
},
|
||||||
|
"optionalDependencies": {
|
||||||
|
"@parcel/watcher": "^2.4.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/sass/node_modules/chokidar": {
|
||||||
|
"version": "5.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
|
||||||
|
"integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
|
||||||
|
"devOptional": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"readdirp": "^5.0.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 20.19.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://paulmillr.com/funding/"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/sass/node_modules/readdirp": {
|
||||||
|
"version": "5.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.1.1.tgz",
|
||||||
|
"integrity": "sha512-Kko+Y5XQ6fM+Ce3dq3m9YGxnacYZYl9cA1wZjaF3Vbry2L3i1qVg8+CAgNPsXRArPMUMCaOR7oa9Nqntc43JKA==",
|
||||||
|
"devOptional": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 20.19.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "individual",
|
||||||
|
"url": "https://paulmillr.com/funding/"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/satteri": {
|
"node_modules/satteri": {
|
||||||
"version": "0.9.5",
|
"version": "0.9.5",
|
||||||
"resolved": "https://registry.npmjs.org/satteri/-/satteri-0.9.5.tgz",
|
"resolved": "https://registry.npmjs.org/satteri/-/satteri-0.9.5.tgz",
|
||||||
|
|||||||
@@ -31,6 +31,7 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@astrojs/check": "^0.9.10",
|
"@astrojs/check": "^0.9.10",
|
||||||
"@types/leaflet": "^1.9.22",
|
"@types/leaflet": "^1.9.22",
|
||||||
|
"sass": "^1.102.0",
|
||||||
"typescript": "^6.0.3"
|
"typescript": "^6.0.3"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 284 B After Width: | Height: | Size: 913 B |
Binary file not shown.
|
Before Width: | Height: | Size: 474 B After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 655 B After Width: | Height: | Size: 2.3 KiB |
+35
-9
@@ -1,9 +1,35 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
<style>
|
|
||||||
path { fill: #000; }
|
<svg
|
||||||
@media (prefers-color-scheme: dark) {
|
width="39.688015mm"
|
||||||
path { fill: #FFF; }
|
height="39.688244mm"
|
||||||
}
|
viewBox="0 0 39.688015 39.688244"
|
||||||
</style>
|
version="1.1"
|
||||||
</svg>
|
id="svg1"
|
||||||
|
xml:space="preserve"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||||
|
id="defs1"><linearGradient
|
||||||
|
id="swatch3962"><stop
|
||||||
|
style="stop-color:#5a6334;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop3962" /></linearGradient></defs><g
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(-83.079156,-128.58724)"><circle
|
||||||
|
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.430698;stroke-opacity:1"
|
||||||
|
id="path3963"
|
||||||
|
cx="102.92317"
|
||||||
|
cy="148.43124"
|
||||||
|
r="19.844" /><path
|
||||||
|
style="fill:#5a6334;fill-opacity:1"
|
||||||
|
d="m 101.2073,165.73096 c -4.504241,-0.76809 -7.189631,-2.03794 -10.011961,-4.73438 -14.79928,-14.13914 3.18934,-38.02157 20.727581,-27.51879 15.69067,9.39636 7.08818,35.28919 -10.71562,32.25317 z m 6.3763,-1.79357 c 2.47001,-0.7834 6.6668,-3.3467 7.03029,-4.29392 0.69025,-1.79878 -0.81114,-3.12925 -3.82719,-3.39149 -3.27573,-0.28481 -4.48121,-0.99867 -4.58065,-2.71254 -0.0156,-0.26859 -0.14166,0.0177 -0.28016,0.63613 -0.1385,0.61846 -0.37678,1.12448 -0.52951,1.12448 -0.15348,0 -0.21446,-0.26629 -0.13634,-0.59531 0.0777,-0.32742 0.22344,-1.27992 0.32376,-2.11667 0.21586,-1.8006 0.0992,-1.76992 2.10057,-0.55256 1.92939,1.17357 1.8503,1.11078 1.65059,1.31049 -0.0894,0.0894 -0.71959,-0.14869 -1.40034,-0.52917 -1.52875,-0.85444 -1.53103,-0.85438 -1.32294,0.0358 0.49981,2.1381 1.20941,2.71198 3.35333,2.71198 2.81449,0 4.80144,0.94812 5.11201,2.43932 l 0.18078,0.86798 0.66314,-0.79375 c 3.30376,-3.95447 4.48753,-13.45576 1.81556,-14.57218 -1.73309,-0.72413 -3.0602,-0.0157 -4.46677,2.38444 -1.29628,2.21194 -3.11411,3.09004 -4.67149,2.25655 -0.75238,-0.40266 -0.62421,4.1e-4 0.30497,0.95908 0.44921,0.46346 0.70292,0.91301 0.5638,0.99899 -0.23661,0.14623 -3.14156,-2.94029 -2.93213,-3.11542 0.21807,-0.18235 3.53666,-1.21459 3.90483,-1.21459 0.63554,0 0.0225,0.41238 -1.40123,0.94254 l -1.29694,0.48295 0.90007,0.32546 c 1.87365,0.6775 2.99188,0.12809 4.30713,-2.1162 1.20577,-2.05751 2.41587,-2.89889 3.91407,-2.72145 0.7028,0.0832 1.27782,0.10302 1.27782,0.044 0,-1.37102 -2.95783,-5.3592 -5.23317,-7.05612 -6.07717,-4.53229 -9.59988,-3.10352 -6.79232,2.75487 1.10295,2.30146 1.14093,3.15871 0.19492,4.399 l -0.71807,0.94144 0.94774,-0.58574 c 1.03929,-0.64231 1.28215,-0.70774 1.28215,-0.34543 0,0.36332 -3.48546,2.20399 -3.70777,1.95805 -0.31783,-0.3516 -0.56245,-4.05043 -0.26787,-4.05043 0.2888,0 0.48821,0.70709 0.59693,2.11666 l 0.0714,0.92605 0.99219,-0.96573 c 1.23384,-1.20094 1.24341,-1.69999 0.0792,-4.12929 -1.46563,-3.05825 -1.47971,-4.0016 -0.0827,-5.53692 l 0.52574,-0.57776 -0.99385,-0.18644 c -5.099451,-0.95667 -13.962021,2.86562 -13.315561,5.74279 0.46838,2.08462 1.25051,2.60399 3.93138,2.61064 2.52489,0.006 4.05396,0.76683 4.478061,2.22744 l 0.23672,0.81527 0.0239,-0.99219 c 0.0132,-0.54789 0.15793,-0.99219 0.32324,-0.99219 0.30415,0 0.20944,3.81272 -0.10245,4.12461 -0.23495,0.23495 -3.607691,-1.57697 -3.622801,-1.94625 -0.009,-0.2221 0.44152,-0.10451 1.33552,0.34851 1.56746,0.79431 1.65606,0.76145 1.41479,-0.52464 -0.34444,-1.83602 -1.52303,-2.51051 -4.41231,-2.52508 -2.40948,-0.0122 -4.17254,-1.28944 -4.17254,-3.02286 0,-2.02182 -3.0139,3.30102 -3.83055,6.76511 -0.64979,2.75633 -0.40567,7.12883 0.42747,7.65669 1.39672,0.88492 2.81718,0.31796 5.11314,-2.04085 l 2.21658,-2.27728 1.22005,0.097 c 1.23131,0.0979 1.2289,0.0398 -0.0305,-0.73698 -0.26726,-0.16483 -0.40019,-0.38949 -0.29538,-0.49923 0.24317,-0.25464 3.68689,1.97377 3.50501,2.26806 -0.15465,0.25023 -3.14956,2.10274 -3.39945,2.10274 -0.46441,0 -0.033,-0.47894 1.0448,-1.15986 1.38005,-0.87189 1.28003,-1.14426 -0.51029,-1.38965 l -1.26466,-0.17334 -1.96448,2.03584 c -2.18022,2.25941 -3.25936,2.86126 -4.70864,2.62607 l -0.95904,-0.15563 0.31127,0.89423 c 1.36562,3.92307 4.94953,7.47896 9.28772,9.21509 l 1.53279,0.61342 0.64234,-0.60345 c 1.197901,-1.12536 1.310221,-2.0916 0.545371,-4.69133 -0.818331,-2.78156 -0.838901,-3.37798 -0.155151,-4.49941 0.598191,-0.9811 0.549141,-1.01913 -0.56879,-0.44103 -0.59031,0.30526 -0.77939,0.32707 -0.69717,0.0804 0.11977,-0.35933 3.336421,-2.22409 3.519921,-2.04058 0.1696,0.1696 0.57891,3.9148 0.44273,4.05098 -0.30021,0.30021 -0.57746,-0.24183 -0.58117,-1.13624 -0.007,-1.6943 -0.36519,-1.85423 -1.29084,-0.5764 -0.993201,1.37107 -0.995791,1.44676 -0.14519,4.24956 0.77668,2.55925 0.72042,3.58754 -0.26713,4.88229 l -0.674161,0.88386 0.727661,0.12755 c 1.32646,0.2325 5.9997,-0.0587 7.23626,-0.45088 z"
|
||||||
|
id="path3959" /><path
|
||||||
|
style="fill:#d1260c;fill-opacity:1"
|
||||||
|
d="m 101.91223,149.43665 c -0.40929,-0.40929 -0.40929,-1.60154 0,-2.01083 0.17463,-0.17463 0.62707,-0.3175 1.00542,-0.3175 0.37835,0 0.83079,0.14287 1.00542,0.3175 0.17462,0.17462 0.3175,0.62706 0.3175,1.00542 0,0.37835 -0.14288,0.83079 -0.3175,1.00541 -0.17463,0.17463 -0.62707,0.3175 -1.00542,0.3175 -0.37835,0 -0.83079,-0.14287 -1.00542,-0.3175 z"
|
||||||
|
id="path3958" /><circle
|
||||||
|
style="fill:none;fill-opacity:1;stroke:#5a6334;stroke-width:0.288812;stroke-opacity:1"
|
||||||
|
id="path3962"
|
||||||
|
cx="102.92316"
|
||||||
|
cy="148.43149"
|
||||||
|
r="19.699594" /></g></svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 749 B After Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 29 KiB |
@@ -31,7 +31,7 @@ const { locale, dict: t } = Astro.props;
|
|||||||
<div>
|
<div>
|
||||||
<div class="footer__title">{t.footer.contactTitle}</div>
|
<div class="footer__title">{t.footer.contactTitle}</div>
|
||||||
<p>{VENUE.name}</p>
|
<p>{VENUE.name}</p>
|
||||||
<p><a href={localizedPath(locale, '/map')}>{locale === 'en' ? '12 Vifleemska St, Kyiv' : 'вул. Вифлеємська, 12, Київ'}</a></p>
|
<p><a href={localizedPath(locale, '/map')}>{t.about.venueAddress}</a></p>
|
||||||
<p>
|
<p>
|
||||||
<a href={`mailto:${VENUE.email}`}>{VENUE.email}</a>
|
<a href={`mailto:${VENUE.email}`}>{VENUE.email}</a>
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
---
|
---
|
||||||
import '../styles/global.css';
|
import '../styles/global.scss';
|
||||||
import { getDict } from '../lib/i18n';
|
import { getDict } from '../lib/i18n';
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
---
|
---
|
||||||
import '../styles/global.css';
|
import '../styles/global.scss';
|
||||||
import { LOCALES, localizedPath, getAlternateLocales } from '../lib/i18n';
|
import { LOCALES, localizedPath, getAlternateLocales } from '../lib/i18n';
|
||||||
import type { Locale, Dict } from '../lib/i18n';
|
import type { Locale, Dict } from '../lib/i18n';
|
||||||
import Header from '../components/Header.astro';
|
import Header from '../components/Header.astro';
|
||||||
|
|||||||
@@ -7,6 +7,8 @@ export const en: Dict = {
|
|||||||
homeDescription:
|
homeDescription:
|
||||||
'Devodytyji is an open-air cultural space: concerts, movies, talks and markets under the open sky.',
|
'Devodytyji is an open-air cultural space: concerts, movies, talks and markets under the open sky.',
|
||||||
defaultOgImage: '/og-cover.jpg',
|
defaultOgImage: '/og-cover.jpg',
|
||||||
|
notFoundTitle: 'Page not found',
|
||||||
|
notFoundDescription: 'The page you are looking for does not exist or has been moved.',
|
||||||
},
|
},
|
||||||
nav: {
|
nav: {
|
||||||
home: 'Home',
|
home: 'Home',
|
||||||
@@ -100,6 +102,8 @@ export const en: Dict = {
|
|||||||
storyTitle: 'Our story',
|
storyTitle: 'Our story',
|
||||||
story:
|
story:
|
||||||
'Devodytyji began as an ordinary yard where neighbors gathered. Over time it became an open cultural venue: music, movies under the stars, talks, fairs and workshops. We believe culture lives best in the open air — among people, under the open sky.',
|
'Devodytyji began as an ordinary yard where neighbors gathered. Over time it became an open cultural venue: music, movies under the stars, talks, fairs and workshops. We believe culture lives best in the open air — among people, under the open sky.',
|
||||||
|
venueAddress: 'Vodotyi, Zhytomyr Oblast',
|
||||||
|
venueAddressLong: 'Vodotyi, Zhytomyr Oblast, 12624',
|
||||||
venueReviewsTitle: 'Venue reviews',
|
venueReviewsTitle: 'Venue reviews',
|
||||||
venueReviewCount: 'reviews',
|
venueReviewCount: 'reviews',
|
||||||
writeVenueReview: 'Leave a review about the venue',
|
writeVenueReview: 'Leave a review about the venue',
|
||||||
|
|||||||
@@ -5,6 +5,8 @@ export const ua = {
|
|||||||
homeDescription:
|
homeDescription:
|
||||||
'Devodytyji — відкритий простір на свіжому повітрі: концерти, кіно, лекції та маркети просто неба.',
|
'Devodytyji — відкритий простір на свіжому повітрі: концерти, кіно, лекції та маркети просто неба.',
|
||||||
defaultOgImage: '/og-cover.jpg',
|
defaultOgImage: '/og-cover.jpg',
|
||||||
|
notFoundTitle: 'Сторінку не знайдено',
|
||||||
|
notFoundDescription: 'Схоже, такої сторінки не існує або її було переміщено.',
|
||||||
},
|
},
|
||||||
nav: {
|
nav: {
|
||||||
home: 'Головна',
|
home: 'Головна',
|
||||||
@@ -98,11 +100,13 @@ export const ua = {
|
|||||||
storyTitle: 'Наша історія',
|
storyTitle: 'Наша історія',
|
||||||
story:
|
story:
|
||||||
'Devodytyji починався як звичайний двір, де збиралися сусіди. З часом він перетворився на відкритий культурний майданчик: тут грають музику, показують кіно під зорями, проводять лекції, ярмарки та майстер-класи. Ми віримо, що культура найкраще живе просто неба — під відкритим небом, у колі людей.',
|
'Devodytyji починався як звичайний двір, де збиралися сусіди. З часом він перетворився на відкритий культурний майданчик: тут грають музику, показують кіно під зорями, проводять лекції, ярмарки та майстер-класи. Ми віримо, що культура найкраще живе просто неба — під відкритим небом, у колі людей.',
|
||||||
|
venueAddress: 'Водотиї, Житомирська область',
|
||||||
|
venueAddressLong: 'село Водотиї, Житомирська область, 12624',
|
||||||
venueReviewsTitle: 'Відгуки про майданчик',
|
venueReviewsTitle: 'Відгуки про майданчик',
|
||||||
venueReviewCount: 'відгуків',
|
venueReviewCount: 'відгуків',
|
||||||
writeVenueReview: 'Залишити відгук про майданчик',
|
writeVenueReview: 'Залишити відгук про майданчик',
|
||||||
noVenueReviews: 'Відгуків поки немає. Будьте першим!',
|
noVenueReviews: 'Відгуків поки немає. Будьте першим!',
|
||||||
contactsTitle: 'Контакти',
|
contactsTitle: 'Контакти'
|
||||||
},
|
},
|
||||||
contacts: {
|
contacts: {
|
||||||
pageTitle: 'Контакти',
|
pageTitle: 'Контакти',
|
||||||
|
|||||||
+3
-9
@@ -1,5 +1,3 @@
|
|||||||
import type { Locale } from './i18n';
|
|
||||||
|
|
||||||
export interface VenueInfo {
|
export interface VenueInfo {
|
||||||
name: string;
|
name: string;
|
||||||
lat: number;
|
lat: number;
|
||||||
@@ -11,13 +9,9 @@ export interface VenueInfo {
|
|||||||
|
|
||||||
export const VENUE: VenueInfo = {
|
export const VENUE: VenueInfo = {
|
||||||
name: 'Devodytyji',
|
name: 'Devodytyji',
|
||||||
lat: 50.4584,
|
lat: 50.2384827,
|
||||||
lng: 30.5199,
|
lng: 29.439712,
|
||||||
phone: '+380 44 000 00 00',
|
phone: '+380 95 392 82 36',
|
||||||
email: 'hello@devodytyji.example',
|
email: 'hello@devodytyji.example',
|
||||||
hours: '10:00 – 23:00',
|
hours: '10:00 – 23:00',
|
||||||
};
|
};
|
||||||
|
|
||||||
export function venueAddress(locale: Locale): string {
|
|
||||||
return locale === 'en' ? '12 Vifleemska St, Kyiv, Ukraine' : 'вул. Вифлеємська, 12, Київ, Україна';
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -0,0 +1,29 @@
|
|||||||
|
---
|
||||||
|
import BaseLayout from '../layouts/BaseLayout.astro';
|
||||||
|
import { getDict, getLocaleFromUrl, localizedPath } from '../lib/i18n';
|
||||||
|
import type { Locale } from '../lib/i18n';
|
||||||
|
|
||||||
|
const locale: Locale = Astro.locals.locale ?? getLocaleFromUrl(Astro.url);
|
||||||
|
const dict = getDict(locale);
|
||||||
|
const user = Astro.locals.user;
|
||||||
|
---
|
||||||
|
|
||||||
|
<BaseLayout
|
||||||
|
locale={locale}
|
||||||
|
dict={dict}
|
||||||
|
pagePath="/404"
|
||||||
|
user={user}
|
||||||
|
title={`${dict.meta.notFoundTitle} — ${dict.meta.siteName}`}
|
||||||
|
description={dict.meta.notFoundDescription}
|
||||||
|
>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container" style="text-align:center;">
|
||||||
|
<span class="eyebrow">404</span>
|
||||||
|
<h1>{dict.meta.notFoundTitle}</h1>
|
||||||
|
<p class="text-muted">{dict.meta.notFoundDescription}</p>
|
||||||
|
<p>
|
||||||
|
<a class="btn btn--primary" href={localizedPath(locale, '/')}>{dict.nav.home}</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</BaseLayout>
|
||||||
@@ -40,7 +40,7 @@ const canDelete = (reviewUserId: string) => user !== null && (user.isAdmin || re
|
|||||||
<span><Icon name="pin" size={18} /></span>
|
<span><Icon name="pin" size={18} /></span>
|
||||||
<div>
|
<div>
|
||||||
<div class="contact-detail__label">{dict.contacts.addressLabel}</div>
|
<div class="contact-detail__label">{dict.contacts.addressLabel}</div>
|
||||||
{locale === 'en' ? '12 Vifleemska St, Kyiv, Ukraine' : 'вул. Вифлеємська, 12, Київ, Україна'}
|
{dict.about.venueAddress}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contact-detail">
|
<div class="contact-detail">
|
||||||
@@ -64,7 +64,7 @@ const canDelete = (reviewUserId: string) => user !== null && (user.isAdmin || re
|
|||||||
<div class="card" style="padding:24px;margin-bottom:24px;">
|
<div class="card" style="padding:24px;margin-bottom:24px;">
|
||||||
<h3>{dict.about.writeVenueReview}</h3>
|
<h3>{dict.about.writeVenueReview}</h3>
|
||||||
{user ? (
|
{user ? (
|
||||||
<VenueReviewForm dict={dict} />
|
<VenueReviewForm client:load dict={dict} />
|
||||||
) : (
|
) : (
|
||||||
<p>
|
<p>
|
||||||
<a href={localizedPath(locale, `/login?redirect=${encodeURIComponent(`/${locale}/about`)}`)}>
|
<a href={localizedPath(locale, `/login?redirect=${encodeURIComponent(`/${locale}/about`)}`)}>
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ import MapView from '../../components/islands/MapView';
|
|||||||
import Icon from '../../components/ui/Icon.astro';
|
import Icon from '../../components/ui/Icon.astro';
|
||||||
import { getDict } from '../../lib/i18n';
|
import { getDict } from '../../lib/i18n';
|
||||||
import type { Locale } from '../../lib/i18n';
|
import type { Locale } from '../../lib/i18n';
|
||||||
import { VENUE, venueAddress } from '../../lib/venue';
|
import { VENUE } from '../../lib/venue';
|
||||||
|
|
||||||
const { lang } = Astro.params;
|
const { lang } = Astro.params;
|
||||||
const locale = (lang ?? 'ua') as Locale;
|
const locale = (lang ?? 'ua') as Locale;
|
||||||
@@ -45,7 +45,7 @@ const user = Astro.locals.user;
|
|||||||
<span><Icon name="pin" size={18} /></span>
|
<span><Icon name="pin" size={18} /></span>
|
||||||
<div>
|
<div>
|
||||||
<div class="contact-detail__label">{dict.contacts.addressLabel}</div>
|
<div class="contact-detail__label">{dict.contacts.addressLabel}</div>
|
||||||
<strong>{venueAddress(locale)}</strong>
|
<strong>{dict.about.venueAddressLong}</strong>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contact-detail">
|
<div class="contact-detail">
|
||||||
@@ -77,7 +77,7 @@ const user = Astro.locals.user;
|
|||||||
lat={VENUE.lat}
|
lat={VENUE.lat}
|
||||||
lng={VENUE.lng}
|
lng={VENUE.lng}
|
||||||
name={VENUE.name}
|
name={VENUE.name}
|
||||||
address={venueAddress(locale)}
|
address={dict.about.venueAddressLong}
|
||||||
hint={dict.map.hint}
|
hint={dict.map.hint}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -149,7 +149,7 @@ const canDelete = (reviewUserId: string) => user !== null && (user.isAdmin || re
|
|||||||
<div class="card" style="padding:24px;">
|
<div class="card" style="padding:24px;">
|
||||||
<h3>{dict.event.writeReview}</h3>
|
<h3>{dict.event.writeReview}</h3>
|
||||||
{user ? (
|
{user ? (
|
||||||
<ReviewForm eventId={event.id} dict={dict} />
|
<ReviewForm client:load eventId={event.id} dict={dict} />
|
||||||
) : (
|
) : (
|
||||||
<p>
|
<p>
|
||||||
<a href={localizedPath(locale, `/login?redirect=${encodeURIComponent(`/${locale}/events/${event.slug}`)}`)}>
|
<a href={localizedPath(locale, `/login?redirect=${encodeURIComponent(`/${locale}/events/${event.slug}`)}`)}>
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ import MapView from '../../components/islands/MapView';
|
|||||||
import Icon from '../../components/ui/Icon.astro';
|
import Icon from '../../components/ui/Icon.astro';
|
||||||
import { getDict } from '../../lib/i18n';
|
import { getDict } from '../../lib/i18n';
|
||||||
import type { Locale } from '../../lib/i18n';
|
import type { Locale } from '../../lib/i18n';
|
||||||
import { VENUE, venueAddress } from '../../lib/venue';
|
import { VENUE } from '../../lib/venue';
|
||||||
|
|
||||||
const { lang } = Astro.params;
|
const { lang } = Astro.params;
|
||||||
const locale = (lang ?? 'ua') as Locale;
|
const locale = (lang ?? 'ua') as Locale;
|
||||||
@@ -37,7 +37,7 @@ const user = Astro.locals.user;
|
|||||||
<span><Icon name="pin" size={18} /></span>
|
<span><Icon name="pin" size={18} /></span>
|
||||||
<div>
|
<div>
|
||||||
<div class="contact-detail__label">{dict.contacts.addressLabel}</div>
|
<div class="contact-detail__label">{dict.contacts.addressLabel}</div>
|
||||||
<strong>{venueAddress(locale)}</strong>
|
<strong>{dict.about.venueAddressLong}</strong>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contact-detail">
|
<div class="contact-detail">
|
||||||
@@ -70,7 +70,7 @@ const user = Astro.locals.user;
|
|||||||
lat={VENUE.lat}
|
lat={VENUE.lat}
|
||||||
lng={VENUE.lng}
|
lng={VENUE.lng}
|
||||||
name={VENUE.name}
|
name={VENUE.name}
|
||||||
address={venueAddress(locale)}
|
address={dict.about.venueAddressLong}
|
||||||
hint={dict.map.hint}
|
hint={dict.map.hint}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -0,0 +1,101 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Admin
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.table-wrap {
|
||||||
|
overflow-x: auto;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
background: var(--surface);
|
||||||
|
}
|
||||||
|
|
||||||
|
.table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
font-size: 0.92rem;
|
||||||
|
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
padding: var(--space-3) var(--space-4);
|
||||||
|
text-align: left;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background: var(--bg-alt);
|
||||||
|
font-size: 0.78rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.07em;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
tr + tr td {
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--space-2);
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: stretch;
|
||||||
|
.btn {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-shell {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 220px 1fr;
|
||||||
|
gap: var(--space-6);
|
||||||
|
padding-block: var(--space-8);
|
||||||
|
align-items: start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-nav {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-1);
|
||||||
|
position: sticky;
|
||||||
|
top: calc(var(--header-h) + var(--space-4));
|
||||||
|
|
||||||
|
a {
|
||||||
|
padding: 0.6rem 0.9rem;
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
color: var(--text);
|
||||||
|
font-weight: 500;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: var(--bg-alt);
|
||||||
|
}
|
||||||
|
|
||||||
|
&[aria-current='page'] {
|
||||||
|
background: var(--primary);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
gap: var(--space-4);
|
||||||
|
margin-bottom: var(--space-8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card {
|
||||||
|
padding: var(--space-5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card__value {
|
||||||
|
font-family: var(--font-serif);
|
||||||
|
font-size: 2.2rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card__label {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Auth
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.auth-wrap {
|
||||||
|
max-width: 420px;
|
||||||
|
margin-inline: auto;
|
||||||
|
padding-block: var(--space-8) var(--space-10);
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-card {
|
||||||
|
padding: var(--space-8);
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.oauth-buttons {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.oauth-divider {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-3);
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.85rem;
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
flex: 1;
|
||||||
|
height: 1px;
|
||||||
|
background: var(--border);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,67 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Base & reset
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
background: var(--bg);
|
||||||
|
color: var(--text);
|
||||||
|
font-family: var(--font-sans);
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.6;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4 {
|
||||||
|
font-family: var(--font-serif);
|
||||||
|
color: var(--ink);
|
||||||
|
line-height: 1.2;
|
||||||
|
margin: 0 0 0.5em;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: clamp(2rem, 5vw, 3.25rem);
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: clamp(1.5rem, 3.2vw, 2.1rem);
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--primary);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: var(--primary-strong);
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
:focus-visible {
|
||||||
|
outline: 3px solid var(--accent);
|
||||||
|
outline-offset: 2px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
@@ -0,0 +1,91 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Buttons
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: var(--space-2);
|
||||||
|
font: inherit;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.65rem 1.25rem;
|
||||||
|
border-radius: var(--radius-full);
|
||||||
|
border: 2px solid transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
transition:
|
||||||
|
background 0.15s ease,
|
||||||
|
color 0.15s ease,
|
||||||
|
border-color 0.15s ease,
|
||||||
|
transform 0.1s ease;
|
||||||
|
line-height: 1.2;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
transform: translateY(1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:disabled {
|
||||||
|
opacity: 0.55;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn--primary {
|
||||||
|
background: var(--primary);
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: var(--primary-strong);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn--accent {
|
||||||
|
background: var(--accent);
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: var(--accent-strong);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn--outline {
|
||||||
|
background: transparent;
|
||||||
|
border-color: var(--primary);
|
||||||
|
color: var(--primary);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: var(--primary-soft);
|
||||||
|
color: var(--primary-strong);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn--ghost {
|
||||||
|
background: transparent;
|
||||||
|
color: var(--text);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: var(--bg-alt);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn--danger {
|
||||||
|
background: var(--danger);
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
filter: brightness(0.92);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn--sm {
|
||||||
|
padding: 0.4rem 0.9rem;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn--block {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
@@ -0,0 +1,131 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Cards & badges
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.card {
|
||||||
|
background: var(--surface);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-card {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
background: var(--surface);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
overflow: hidden;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
transition:
|
||||||
|
transform 0.18s ease,
|
||||||
|
box-shadow 0.18s ease;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
transform: translateY(-3px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-card__media {
|
||||||
|
position: relative;
|
||||||
|
aspect-ratio: 16 / 9;
|
||||||
|
background: var(--bg-alt);
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-card__media-placeholder {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
font-family: var(--font-serif);
|
||||||
|
font-size: 2rem;
|
||||||
|
color: var(--primary);
|
||||||
|
background:
|
||||||
|
radial-gradient(circle at 30% 20%, var(--primary-soft), transparent 60%),
|
||||||
|
var(--bg-alt);
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-card__date-badge {
|
||||||
|
position: absolute;
|
||||||
|
top: var(--space-3);
|
||||||
|
left: var(--space-3);
|
||||||
|
background: var(--accent);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 0.06em;
|
||||||
|
padding: 0.35rem 0.7rem;
|
||||||
|
border-radius: var(--radius-full);
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-card__body {
|
||||||
|
padding: var(--space-5);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: var(--space-2);
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-card__title {
|
||||||
|
font-family: var(--font-serif);
|
||||||
|
font-size: 1.3rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--ink);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-card__meta {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: var(--space-2) var(--space-4);
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.875rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-card__foot {
|
||||||
|
margin-top: auto;
|
||||||
|
padding-top: var(--space-3);
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.35rem;
|
||||||
|
font-size: 0.78rem;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 0.04em;
|
||||||
|
padding: 0.28rem 0.7rem;
|
||||||
|
border-radius: var(--radius-full);
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge--published {
|
||||||
|
background: var(--primary-soft);
|
||||||
|
color: var(--primary-strong);
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge--draft {
|
||||||
|
background: var(--accent-soft);
|
||||||
|
color: var(--accent-strong);
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge--past {
|
||||||
|
background: var(--bg-alt);
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Contact
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.contact-details {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-detail {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--space-3);
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-detail__label {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
color: var(--muted);
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
@@ -0,0 +1,67 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Event detail
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.event-hero {
|
||||||
|
position: relative;
|
||||||
|
padding-block: var(--space-8) var(--space-10);
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-hero__media {
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
aspect-ratio: 21 / 9;
|
||||||
|
background: var(--bg-alt);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
margin-bottom: var(--space-6);
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-hero__body {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 340px;
|
||||||
|
gap: var(--space-8);
|
||||||
|
align-items: start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-facts {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-fact {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--space-3);
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-fact__icon {
|
||||||
|
font-size: 1.15rem;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-fact__label {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
color: var(--muted);
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-fact__value {
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose {
|
||||||
|
color: var(--text);
|
||||||
|
|
||||||
|
p {
|
||||||
|
white-space: pre-line;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Filters & tabs
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.filter-bar {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--space-3);
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-bottom: var(--space-6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabs {
|
||||||
|
display: inline-flex;
|
||||||
|
background: var(--bg-alt);
|
||||||
|
border-radius: var(--radius-full);
|
||||||
|
padding: 3px;
|
||||||
|
gap: 2px;
|
||||||
|
|
||||||
|
button {
|
||||||
|
border: none;
|
||||||
|
background: transparent;
|
||||||
|
font: inherit;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
padding: 0.45rem 1rem;
|
||||||
|
border-radius: var(--radius-full);
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--text);
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
background: var(--surface);
|
||||||
|
color: var(--primary-strong);
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-input {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 220px;
|
||||||
|
max-width: 360px;
|
||||||
|
}
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Footer
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background: var(--ink);
|
||||||
|
color: rgb(255 255 255 / 0.75);
|
||||||
|
padding-block: var(--space-8) var(--space-6);
|
||||||
|
margin-top: var(--space-10);
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: rgb(255 255 255 / 0.8);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 2fr 1fr 1fr;
|
||||||
|
gap: var(--space-8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__title {
|
||||||
|
font-family: var(--font-serif);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 1.05rem;
|
||||||
|
margin-bottom: var(--space-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__bottom {
|
||||||
|
margin-top: var(--space-8);
|
||||||
|
padding-top: var(--space-4);
|
||||||
|
border-top: 1px solid rgb(255 255 255 / 0.15);
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
@@ -0,0 +1,74 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Forms
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.form {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-field {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-field label,
|
||||||
|
.form-field__label {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: var(--ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input,
|
||||||
|
.textarea,
|
||||||
|
.select {
|
||||||
|
font: inherit;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.7rem 0.9rem;
|
||||||
|
border: 1.5px solid var(--border-strong);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
background: var(--surface);
|
||||||
|
color: var(--ink);
|
||||||
|
transition:
|
||||||
|
border-color 0.15s ease,
|
||||||
|
box-shadow 0.15s ease;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: var(--primary);
|
||||||
|
box-shadow: 0 0 0 3px var(--primary-soft);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.textarea {
|
||||||
|
min-height: 130px;
|
||||||
|
resize: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-error {
|
||||||
|
background: var(--danger-soft);
|
||||||
|
color: var(--danger);
|
||||||
|
padding: var(--space-3) var(--space-4);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-success {
|
||||||
|
background: var(--primary-soft);
|
||||||
|
color: var(--primary-strong);
|
||||||
|
padding: var(--space-3) var(--space-4);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-error {
|
||||||
|
color: var(--danger);
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.honeypot {
|
||||||
|
position: absolute;
|
||||||
|
left: -9999px;
|
||||||
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
@@ -0,0 +1,102 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Header & navigation
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.header {
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 50;
|
||||||
|
background: rgb(250 246 239 / 0.92);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.header__inner {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-4);
|
||||||
|
min-height: var(--header-h);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-2);
|
||||||
|
font-family: var(--font-serif);
|
||||||
|
font-size: 1.35rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--ink);
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo__mark {
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--primary);
|
||||||
|
color: #fff;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
font-family: var(--font-serif);
|
||||||
|
font-size: 0.95rem;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-1);
|
||||||
|
margin-left: auto;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav__link {
|
||||||
|
padding: 0.5rem 0.85rem;
|
||||||
|
border-radius: var(--radius-full);
|
||||||
|
color: var(--text);
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: var(--bg-alt);
|
||||||
|
color: var(--ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
&[aria-current='page'] {
|
||||||
|
background: var(--primary-soft);
|
||||||
|
color: var(--primary-strong);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav__sep {
|
||||||
|
width: 1px;
|
||||||
|
height: 22px;
|
||||||
|
background: var(--border-strong);
|
||||||
|
margin-inline: var(--space-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.lang-switch {
|
||||||
|
display: inline-flex;
|
||||||
|
border: 1px solid var(--border-strong);
|
||||||
|
border-radius: var(--radius-full);
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--surface);
|
||||||
|
|
||||||
|
a {
|
||||||
|
padding: 0.35rem 0.75rem;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--muted);
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&[aria-current='true'] {
|
||||||
|
background: var(--primary);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,40 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Hero
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.hero {
|
||||||
|
position: relative;
|
||||||
|
padding-block: var(--space-12);
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background:
|
||||||
|
radial-gradient(60% 60% at 85% 15%, rgb(217 108 63 / 0.16), transparent 70%),
|
||||||
|
radial-gradient(50% 50% at 10% 90%, rgb(46 107 79 / 0.18), transparent 70%);
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-bottom: var(--space-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 1.15rem;
|
||||||
|
color: var(--text);
|
||||||
|
max-width: 60ch;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__inner {
|
||||||
|
max-width: 720px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__actions {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--space-3);
|
||||||
|
margin-top: var(--space-6);
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
@@ -0,0 +1,61 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Layout
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
max-width: var(--container);
|
||||||
|
margin-inline: auto;
|
||||||
|
padding-inline: var(--space-5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.section {
|
||||||
|
padding-block: var(--space-10);
|
||||||
|
}
|
||||||
|
|
||||||
|
.section--alt {
|
||||||
|
background: var(--bg-alt);
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-head {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: var(--space-4);
|
||||||
|
margin-bottom: var(--space-6);
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-head p {
|
||||||
|
color: var(--muted);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eyebrow {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 0.12em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: var(--accent-strong);
|
||||||
|
margin-bottom: var(--space-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.split {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: var(--space-8);
|
||||||
|
align-items: start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-3 {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: var(--space-5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-2 {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--space-5);
|
||||||
|
}
|
||||||
@@ -0,0 +1,23 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Map
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.map-wrap {
|
||||||
|
height: 420px;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.map-page {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 320px 1fr;
|
||||||
|
gap: var(--space-6);
|
||||||
|
align-items: stretch;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-container {
|
||||||
|
font: inherit;
|
||||||
|
}
|
||||||
@@ -0,0 +1,49 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Misc components
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: var(--space-10) var(--space-6);
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state__icon {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
margin-bottom: var(--space-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta-band {
|
||||||
|
background: var(--primary);
|
||||||
|
color: #fff;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: var(--space-8);
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: rgb(255 255 255 / 0.85);
|
||||||
|
max-width: 52ch;
|
||||||
|
margin-inline: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn--accent {
|
||||||
|
background: var(--accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
width: 38px;
|
||||||
|
height: 38px;
|
||||||
|
border-radius: 50%;
|
||||||
|
object-fit: cover;
|
||||||
|
background: var(--primary-soft);
|
||||||
|
color: var(--primary-strong);
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Responsive
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
@media (max-width: 920px) {
|
||||||
|
.grid-3 {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-hero__body,
|
||||||
|
.split,
|
||||||
|
.map-page,
|
||||||
|
.admin-shell {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.map-wrap {
|
||||||
|
height: 320px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-grid {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
gap: var(--space-6);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 620px) {
|
||||||
|
.grid-3,
|
||||||
|
.grid-2 {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section {
|
||||||
|
padding-block: var(--space-8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.header__inner {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
padding-block: var(--space-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
order: 3;
|
||||||
|
width: 100%;
|
||||||
|
overflow-x: auto;
|
||||||
|
margin-left: 0;
|
||||||
|
padding-bottom: var(--space-1);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,59 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Reviews
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.review {
|
||||||
|
padding: var(--space-5);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
background: var(--surface);
|
||||||
|
}
|
||||||
|
|
||||||
|
.review__head {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-3);
|
||||||
|
margin-bottom: var(--space-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.review__author {
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.review__date {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stars {
|
||||||
|
color: var(--accent);
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
font-size: 1.05rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.star-rating {
|
||||||
|
display: inline-flex;
|
||||||
|
gap: 0.2rem;
|
||||||
|
|
||||||
|
button {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
line-height: 1;
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--border-strong);
|
||||||
|
transition: color 0.1s ease;
|
||||||
|
padding: 0.1rem;
|
||||||
|
|
||||||
|
&.is-selected {
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.review-list {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-4);
|
||||||
|
}
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Design tokens
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--bg: #faf6ef;
|
||||||
|
--bg-alt: #f2ead9;
|
||||||
|
--surface: #ffffff;
|
||||||
|
--ink: #1d2a24;
|
||||||
|
--text: #3f4c44;
|
||||||
|
--muted: #6d766f;
|
||||||
|
--primary: #2e6b4f;
|
||||||
|
--primary-strong: #22543d;
|
||||||
|
--primary-soft: #e4efe8;
|
||||||
|
--accent: #d96c3f;
|
||||||
|
--accent-strong: #b8522b;
|
||||||
|
--accent-soft: #f9e6d8;
|
||||||
|
--danger: #b3392f;
|
||||||
|
--danger-soft: #fbe3e0;
|
||||||
|
--border: #e4d9c5;
|
||||||
|
--border-strong: #d3c5a9;
|
||||||
|
|
||||||
|
--radius-sm: 6px;
|
||||||
|
--radius: 12px;
|
||||||
|
--radius-lg: 20px;
|
||||||
|
--radius-full: 999px;
|
||||||
|
|
||||||
|
--shadow-sm: 0 1px 2px rgb(29 42 36 / 0.06);
|
||||||
|
--shadow: 0 4px 16px rgb(29 42 36 / 0.08);
|
||||||
|
--shadow-lg: 0 12px 40px rgb(29 42 36 / 0.14);
|
||||||
|
|
||||||
|
--font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
|
||||||
|
--font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
|
||||||
|
|
||||||
|
--container: 1160px;
|
||||||
|
--space-1: 0.25rem;
|
||||||
|
--space-2: 0.5rem;
|
||||||
|
--space-3: 0.75rem;
|
||||||
|
--space-4: 1rem;
|
||||||
|
--space-5: 1.5rem;
|
||||||
|
--space-6: 2rem;
|
||||||
|
--space-8: 3rem;
|
||||||
|
--space-10: 4rem;
|
||||||
|
--space-12: 5rem;
|
||||||
|
|
||||||
|
--header-h: 68px;
|
||||||
|
}
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Utilities
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
.mt-6 {
|
||||||
|
margin-top: var(--space-6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mb-2 {
|
||||||
|
margin-bottom: var(--space-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mb-6 {
|
||||||
|
margin-bottom: var(--space-6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-muted {
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sr-only {
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
height: 1px;
|
||||||
|
padding: 0;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
clip: rect(0, 0, 0, 0);
|
||||||
|
white-space: nowrap;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,23 @@
|
|||||||
|
// ============================================================
|
||||||
|
// Devodytyji — global styles entry
|
||||||
|
// ============================================================
|
||||||
|
|
||||||
|
@use 'tokens';
|
||||||
|
@use 'base';
|
||||||
|
@use 'layout';
|
||||||
|
@use 'buttons';
|
||||||
|
@use 'cards';
|
||||||
|
@use 'header';
|
||||||
|
@use 'footer';
|
||||||
|
@use 'forms';
|
||||||
|
@use 'auth';
|
||||||
|
@use 'reviews';
|
||||||
|
@use 'event-detail';
|
||||||
|
@use 'map';
|
||||||
|
@use 'contact';
|
||||||
|
@use 'admin';
|
||||||
|
@use 'hero';
|
||||||
|
@use 'filters';
|
||||||
|
@use 'misc';
|
||||||
|
@use 'utilities';
|
||||||
|
@use 'responsive';
|
||||||
Reference in New Issue
Block a user