forked from C9S/mono-landing
update manifest
This commit is contained in:
Alex Ant
@@ -0,0 +1 @@
|
||||
node_modules/
|
||||
@@ -23,6 +23,7 @@ const STANDALONE_PAGES = ['documents.html', 'proposal.html', 'contacts.html'];
|
||||
const PARTIALS_ORDER = [
|
||||
'nav',
|
||||
'hero',
|
||||
'why',
|
||||
'ready',
|
||||
'registries',
|
||||
'docsplit',
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="src/assets/logo.svg" type="image/svg+xml">
|
||||
<title>Контакты — Цифровой Кооператив</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&family=JetBrains+Mono:wght@300;400&display=swap" rel="stylesheet">
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="src/assets/logo.svg" type="image/svg+xml">
|
||||
<title>Документы — Цифровой Кооператив</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&family=JetBrains+Mono:wght@300;400&display=swap" rel="stylesheet">
|
||||
|
||||
+62
@@ -56,6 +56,68 @@
|
||||
</section>
|
||||
|
||||
|
||||
<section id="why">
|
||||
<div class="W">
|
||||
|
||||
<div class="why-split r">
|
||||
|
||||
<div class="why-text">
|
||||
<span class="cap" style="display:block;margin-bottom:14px">Экономика - наш Дом</span>
|
||||
<h2 class="t2" style="margin-bottom:24px">Кооператив —<br> узел <em>ДОМА</em></h2>
|
||||
|
||||
<p class="why-lead">
|
||||
Кооперативная экономика — живая среда, в которой хозяйство складывается из множества самостоятельных узлов, где люди совместно владеют, принимают решения и ведут общее дело.
|
||||
</p>
|
||||
|
||||
<p class="why-lead" style="margin-top:16px">
|
||||
Цифровой Кооператив — это платформа, которая предоставляет кооперативам рабочие столы, страницы, формы и кнопки для кооперации. Платформа производит электронные документы, ведёт учет, принимает и возвращает взносы, формирует отчетность и обеспечивает возможность коммуникации с другими хозяйствующими узлами кооперативной экономики.
|
||||
</p>
|
||||
|
||||
|
||||
<div class="why-foot" style="margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;">
|
||||
<a href="https://coopenomics.world" target="_blank" class="btn btn-ghost">Кооперативная экономика ↗</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="why-net">
|
||||
<div class="wf-hub">
|
||||
<svg class="wf-rays" viewBox="-100 -100 200 200" preserveAspectRatio="xMidYMid meet" aria-hidden="true">
|
||||
<!-- середина канала: внутр. граница центра ~46, внутр. граница периферии ~68 → центр 57, отрезок 52–62 -->
|
||||
<g class="wf-ray-main" fill="none" stroke="var(--line)" stroke-width="0.85" stroke-linecap="round" vector-effect="non-scaling-stroke">
|
||||
<line x1="0" y1="-52" x2="0" y2="-62"/>
|
||||
<line x1="45" y1="-26" x2="53.7" y2="-31"/>
|
||||
<line x1="45" y1="26" x2="53.7" y2="31"/>
|
||||
<line x1="0" y1="52" x2="0" y2="62"/>
|
||||
<line x1="-45" y1="26" x2="-53.7" y2="31"/>
|
||||
<line x1="-45" y1="-26" x2="-53.7" y2="-31"/>
|
||||
</g>
|
||||
</svg>
|
||||
<div class="wf-orbit">
|
||||
<div class="wf-arm" style="--k:0"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
<div class="wf-arm" style="--k:1"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
<div class="wf-arm" style="--k:2"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
<div class="wf-arm" style="--k:3"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
<div class="wf-arm" style="--k:4"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
<div class="wf-arm" style="--k:5"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
</div>
|
||||
<div class="wf-center">
|
||||
<div class="wn-node wn-node-hl wf-center-node">
|
||||
<svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet" aria-hidden="true"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg>
|
||||
<span>Семейный<br>Кооператив</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wn-caption">
|
||||
Семейный кооператив — минимальный хозяйствующий узел сети кооперативной экономики, который удовлетворяет потребности своих пайщиков с помощью других кооперативов.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="ready">
|
||||
<div class="W">
|
||||
<div class="r">
|
||||
|
||||
Generated
+246
@@ -0,0 +1,246 @@
|
||||
lockfileVersion: '9.0'
|
||||
|
||||
settings:
|
||||
autoInstallPeers: true
|
||||
excludeLinksFromLockfile: false
|
||||
|
||||
importers:
|
||||
|
||||
.:
|
||||
devDependencies:
|
||||
nodemon:
|
||||
specifier: ^3.1.0
|
||||
version: 3.1.14
|
||||
|
||||
packages:
|
||||
|
||||
anymatch@3.1.3:
|
||||
resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
|
||||
engines: {node: '>= 8'}
|
||||
|
||||
balanced-match@4.0.4:
|
||||
resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
|
||||
engines: {node: 18 || 20 || >=22}
|
||||
|
||||
binary-extensions@2.3.0:
|
||||
resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
|
||||
engines: {node: '>=8'}
|
||||
|
||||
brace-expansion@5.0.5:
|
||||
resolution: {integrity: sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==}
|
||||
engines: {node: 18 || 20 || >=22}
|
||||
|
||||
braces@3.0.3:
|
||||
resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
|
||||
engines: {node: '>=8'}
|
||||
|
||||
chokidar@3.6.0:
|
||||
resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
|
||||
engines: {node: '>= 8.10.0'}
|
||||
|
||||
debug@4.4.3:
|
||||
resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
|
||||
engines: {node: '>=6.0'}
|
||||
peerDependencies:
|
||||
supports-color: '*'
|
||||
peerDependenciesMeta:
|
||||
supports-color:
|
||||
optional: true
|
||||
|
||||
fill-range@7.1.1:
|
||||
resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
|
||||
engines: {node: '>=8'}
|
||||
|
||||
fsevents@2.3.3:
|
||||
resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
|
||||
engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
|
||||
os: [darwin]
|
||||
|
||||
glob-parent@5.1.2:
|
||||
resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
|
||||
engines: {node: '>= 6'}
|
||||
|
||||
has-flag@3.0.0:
|
||||
resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
|
||||
engines: {node: '>=4'}
|
||||
|
||||
ignore-by-default@1.0.1:
|
||||
resolution: {integrity: sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==}
|
||||
|
||||
is-binary-path@2.1.0:
|
||||
resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
|
||||
engines: {node: '>=8'}
|
||||
|
||||
is-extglob@2.1.1:
|
||||
resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
|
||||
is-glob@4.0.3:
|
||||
resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
|
||||
is-number@7.0.0:
|
||||
resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
|
||||
engines: {node: '>=0.12.0'}
|
||||
|
||||
minimatch@10.2.5:
|
||||
resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
|
||||
engines: {node: 18 || 20 || >=22}
|
||||
|
||||
ms@2.1.3:
|
||||
resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
|
||||
|
||||
nodemon@3.1.14:
|
||||
resolution: {integrity: sha512-jakjZi93UtB3jHMWsXL68FXSAosbLfY0In5gtKq3niLSkrWznrVBzXFNOEMJUfc9+Ke7SHWoAZsiMkNP3vq6Jw==}
|
||||
engines: {node: '>=10'}
|
||||
hasBin: true
|
||||
|
||||
normalize-path@3.0.0:
|
||||
resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
|
||||
picomatch@2.3.2:
|
||||
resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
|
||||
engines: {node: '>=8.6'}
|
||||
|
||||
pstree.remy@1.1.8:
|
||||
resolution: {integrity: sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==}
|
||||
|
||||
readdirp@3.6.0:
|
||||
resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
|
||||
engines: {node: '>=8.10.0'}
|
||||
|
||||
semver@7.7.4:
|
||||
resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
|
||||
engines: {node: '>=10'}
|
||||
hasBin: true
|
||||
|
||||
simple-update-notifier@2.0.0:
|
||||
resolution: {integrity: sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==}
|
||||
engines: {node: '>=10'}
|
||||
|
||||
supports-color@5.5.0:
|
||||
resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
|
||||
engines: {node: '>=4'}
|
||||
|
||||
to-regex-range@5.0.1:
|
||||
resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
|
||||
engines: {node: '>=8.0'}
|
||||
|
||||
touch@3.1.1:
|
||||
resolution: {integrity: sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==}
|
||||
hasBin: true
|
||||
|
||||
undefsafe@2.0.5:
|
||||
resolution: {integrity: sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==}
|
||||
|
||||
snapshots:
|
||||
|
||||
anymatch@3.1.3:
|
||||
dependencies:
|
||||
normalize-path: 3.0.0
|
||||
picomatch: 2.3.2
|
||||
|
||||
balanced-match@4.0.4: {}
|
||||
|
||||
binary-extensions@2.3.0: {}
|
||||
|
||||
brace-expansion@5.0.5:
|
||||
dependencies:
|
||||
balanced-match: 4.0.4
|
||||
|
||||
braces@3.0.3:
|
||||
dependencies:
|
||||
fill-range: 7.1.1
|
||||
|
||||
chokidar@3.6.0:
|
||||
dependencies:
|
||||
anymatch: 3.1.3
|
||||
braces: 3.0.3
|
||||
glob-parent: 5.1.2
|
||||
is-binary-path: 2.1.0
|
||||
is-glob: 4.0.3
|
||||
normalize-path: 3.0.0
|
||||
readdirp: 3.6.0
|
||||
optionalDependencies:
|
||||
fsevents: 2.3.3
|
||||
|
||||
debug@4.4.3(supports-color@5.5.0):
|
||||
dependencies:
|
||||
ms: 2.1.3
|
||||
optionalDependencies:
|
||||
supports-color: 5.5.0
|
||||
|
||||
fill-range@7.1.1:
|
||||
dependencies:
|
||||
to-regex-range: 5.0.1
|
||||
|
||||
fsevents@2.3.3:
|
||||
optional: true
|
||||
|
||||
glob-parent@5.1.2:
|
||||
dependencies:
|
||||
is-glob: 4.0.3
|
||||
|
||||
has-flag@3.0.0: {}
|
||||
|
||||
ignore-by-default@1.0.1: {}
|
||||
|
||||
is-binary-path@2.1.0:
|
||||
dependencies:
|
||||
binary-extensions: 2.3.0
|
||||
|
||||
is-extglob@2.1.1: {}
|
||||
|
||||
is-glob@4.0.3:
|
||||
dependencies:
|
||||
is-extglob: 2.1.1
|
||||
|
||||
is-number@7.0.0: {}
|
||||
|
||||
minimatch@10.2.5:
|
||||
dependencies:
|
||||
brace-expansion: 5.0.5
|
||||
|
||||
ms@2.1.3: {}
|
||||
|
||||
nodemon@3.1.14:
|
||||
dependencies:
|
||||
chokidar: 3.6.0
|
||||
debug: 4.4.3(supports-color@5.5.0)
|
||||
ignore-by-default: 1.0.1
|
||||
minimatch: 10.2.5
|
||||
pstree.remy: 1.1.8
|
||||
semver: 7.7.4
|
||||
simple-update-notifier: 2.0.0
|
||||
supports-color: 5.5.0
|
||||
touch: 3.1.1
|
||||
undefsafe: 2.0.5
|
||||
|
||||
normalize-path@3.0.0: {}
|
||||
|
||||
picomatch@2.3.2: {}
|
||||
|
||||
pstree.remy@1.1.8: {}
|
||||
|
||||
readdirp@3.6.0:
|
||||
dependencies:
|
||||
picomatch: 2.3.2
|
||||
|
||||
semver@7.7.4: {}
|
||||
|
||||
simple-update-notifier@2.0.0:
|
||||
dependencies:
|
||||
semver: 7.7.4
|
||||
|
||||
supports-color@5.5.0:
|
||||
dependencies:
|
||||
has-flag: 3.0.0
|
||||
|
||||
to-regex-range@5.0.1:
|
||||
dependencies:
|
||||
is-number: 7.0.0
|
||||
|
||||
touch@3.1.1: {}
|
||||
|
||||
undefsafe@2.0.5: {}
|
||||
@@ -3,6 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="src/assets/logo.svg" type="image/svg+xml">
|
||||
<title>Кооперативное Предложение — Цифровой Кооператив</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&family=JetBrains+Mono:wght@300;400&display=swap" rel="stylesheet">
|
||||
|
||||
@@ -114,6 +114,8 @@ p+p{margin-top:12px}
|
||||
.btn-g:hover{background:var(--g2)}
|
||||
.btn-o{background:transparent;color:var(--text);border:1px solid var(--l2)}
|
||||
.btn-o:hover{color:var(--fg);border-color:rgba(255,252,240,.35)}
|
||||
.btn.btn-ghost{background:transparent;font-size:13px;color:var(--text-soft);border:1px solid var(--line);padding:10px 20px;text-decoration:none;transition:color .2s,border-color .2s}
|
||||
.btn.btn-ghost:hover{color:var(--text);border-color:var(--text-soft)}
|
||||
|
||||
/* ─── nav ─── */
|
||||
nav{position:fixed;inset:0 0 auto;z-index:200;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--nav-bg);backdrop-filter:blur(22px);border-bottom:1px solid var(--line);transition:background .3s,border-color .3s}
|
||||
@@ -159,6 +161,262 @@ nav.scrolled{background:var(--nav-bg-scrolled)}
|
||||
.hero-p{font-size:clamp(15px,1.6vw,18px);color:var(--text-soft);line-height:1.65;max-width:560px;margin-bottom:34px}
|
||||
.hero-btns{display:flex;gap:10px;flex-wrap:wrap}
|
||||
|
||||
/* ════════════════════════════ WHY ═══════════════════════════ */
|
||||
#why{padding:76px 0 84px;background:var(--bg2);border-top:1px solid var(--line)}
|
||||
.why-text{min-width:0}
|
||||
.why-lead{font-size:clamp(14.5px,1.45vw,16.5px);line-height:1.82;color:var(--text-soft);margin:0}
|
||||
|
||||
/* ── why ── */
|
||||
.why-split {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 64px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-width: 860px) {
|
||||
.why-split { grid-template-columns: 1fr; gap: 40px; }
|
||||
}
|
||||
|
||||
/* network */
|
||||
.why-net {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
/* хаб: центр + 6 узлов; лучи — один набор, от границы к границе (см. SVG координаты) */
|
||||
.wf-hub {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: min(100%, 340px);
|
||||
margin: 0 auto;
|
||||
aspect-ratio: 1;
|
||||
--wf-orbit: 44%;
|
||||
}
|
||||
|
||||
.wf-rays {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.wf-orbit {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.wf-arm {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 50%;
|
||||
width: 0;
|
||||
height: var(--wf-orbit);
|
||||
transform-origin: bottom center;
|
||||
transform: translateX(-50%) rotate(calc(var(--k) * 60deg));
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.wf-arm-slot {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 100%;
|
||||
width: clamp(46px, 17.5vw, 68px);
|
||||
height: clamp(46px, 17.5vw, 68px);
|
||||
transform: translate(-50%, 50%);
|
||||
pointer-events: auto;
|
||||
cursor: default;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
.wf-arm-slot .wn-node {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* контр-поворот: шестиугольники и подписи остаются «вертикально» в экране, не крутятся с лучом */
|
||||
transform: rotate(calc(var(--k) * -60deg));
|
||||
transition: transform 0.22s cubic-bezier(0.33, 1, 0.68, 1);
|
||||
}
|
||||
|
||||
/* hover через слот: надёжнее, чем :hover на .wn-node при нулевой ширине .wf-arm; :active — для тач */
|
||||
.wf-arm-slot:hover,
|
||||
.wf-arm-slot:active {
|
||||
z-index: 12;
|
||||
}
|
||||
|
||||
.wf-arm-slot:hover .wn-node,
|
||||
.wf-arm-slot:active .wn-node {
|
||||
transform: rotate(calc(var(--k) * -60deg)) scale(1.18);
|
||||
}
|
||||
|
||||
.wf-arm-slot:hover .wn-node.wn-node-dim,
|
||||
.wf-arm-slot:active .wn-node.wn-node-dim {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.wn-orbit-label {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
text-align: center;
|
||||
line-height: 1.25;
|
||||
font-family: var(--mono);
|
||||
font-size: 6px;
|
||||
letter-spacing: .1em;
|
||||
text-transform: none;
|
||||
writing-mode: horizontal-tb;
|
||||
color: var(--fg);
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s ease;
|
||||
pointer-events: none;
|
||||
max-width: 92%;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.wf-arm-slot:hover .wn-orbit-label,
|
||||
.wf-arm-slot:active .wn-orbit-label {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.wf-arm-slot .wn-node {
|
||||
transition: none;
|
||||
}
|
||||
.wf-arm-slot:hover .wn-node,
|
||||
.wf-arm-slot:active .wn-node {
|
||||
transform: rotate(calc(var(--k) * -60deg));
|
||||
}
|
||||
.wn-orbit-label {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
.wf-center {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
z-index: 2;
|
||||
width: clamp(96px, 30vw, 128px);
|
||||
aspect-ratio: 1;
|
||||
transform: translate(-50%, -50%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.wf-center .wf-center-node {
|
||||
pointer-events: auto;
|
||||
transition: transform 0.22s cubic-bezier(0.33, 1, 0.68, 1);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
.wf-center-node:hover,
|
||||
.wf-center-node:active {
|
||||
transform: scale(1.18);
|
||||
}
|
||||
|
||||
/* плотнее заливка при увеличении — полупрозрачный gb пропускал лучи */
|
||||
.wf-center-node:hover .wn-poly,
|
||||
.wf-center-node:active .wn-poly {
|
||||
fill: var(--bg2);
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.wf-center .wf-center-node {
|
||||
transition: none;
|
||||
}
|
||||
.wf-center-node:hover,
|
||||
.wf-center-node:active {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.wf-center-node {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wf-center-node span {
|
||||
font-size: 7px;
|
||||
letter-spacing: .07em;
|
||||
line-height: 1.4;
|
||||
max-width: 11em;
|
||||
text-transform: none;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
@media (max-width: 860px) {
|
||||
.wf-hub { max-width: min(100%, 280px); }
|
||||
}
|
||||
|
||||
/* узлы сети — шестиугольник в SVG (те же fill/stroke, что у прямоугольников) */
|
||||
.wn-node {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
aspect-ratio: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: var(--mono);
|
||||
font-size: 9px;
|
||||
letter-spacing: .1em;
|
||||
text-transform: uppercase;
|
||||
color: var(--text-soft);
|
||||
}
|
||||
|
||||
.wn-svg {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.wn-poly {
|
||||
fill: var(--bg);
|
||||
stroke: var(--line);
|
||||
stroke-width: 1;
|
||||
vector-effect: non-scaling-stroke;
|
||||
stroke-linejoin: round;
|
||||
}
|
||||
|
||||
.wn-node-hl .wn-poly {
|
||||
fill: var(--gb);
|
||||
stroke: var(--gc);
|
||||
}
|
||||
|
||||
.wn-node-hl {
|
||||
color: var(--gold);
|
||||
opacity: 1;
|
||||
text-align: center;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.wn-node-hl span {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.wn-node-dim {
|
||||
opacity: .35;
|
||||
}
|
||||
|
||||
.wn-caption {
|
||||
font-size: 11px;
|
||||
color: var(--dim, var(--text-soft));
|
||||
font-family: var(--mono);
|
||||
letter-spacing: .06em;
|
||||
line-height: 1.7;
|
||||
border-top: 1px solid var(--line);
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
/* ════════════════════════════ READY ═══════════════════════════ */
|
||||
#ready{padding:88px 0;background:var(--bg1);border-top:1px solid var(--line)}
|
||||
.ready-grid{margin-top:48px;display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
|
||||
|
||||
@@ -0,0 +1,60 @@
|
||||
<section id="why">
|
||||
<div class="W">
|
||||
|
||||
<div class="why-split r">
|
||||
|
||||
<div class="why-text">
|
||||
<span class="cap" style="display:block;margin-bottom:14px">Экономика - наш Дом</span>
|
||||
<h2 class="t2" style="margin-bottom:24px">Кооператив —<br> узел <em>ДОМА</em></h2>
|
||||
|
||||
<p class="why-lead">
|
||||
Кооперативная экономика — живая среда, в которой хозяйство складывается из множества самостоятельных узлов, где люди совместно владеют, принимают решения и ведут общее дело.
|
||||
</p>
|
||||
|
||||
<p class="why-lead" style="margin-top:16px">
|
||||
Цифровой Кооператив — это платформа, которая предоставляет кооперативам рабочие столы, страницы, формы и кнопки для кооперации. Платформа производит электронные документы, ведёт учет, принимает и возвращает взносы, формирует отчетность и обеспечивает возможность коммуникации с другими хозяйствующими узлами кооперативной экономики.
|
||||
</p>
|
||||
|
||||
|
||||
<div class="why-foot" style="margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;">
|
||||
<a href="https://coopenomics.world" target="_blank" class="btn btn-ghost">Кооперативная экономика ↗</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="why-net">
|
||||
<div class="wf-hub">
|
||||
<svg class="wf-rays" viewBox="-100 -100 200 200" preserveAspectRatio="xMidYMid meet" aria-hidden="true">
|
||||
<!-- середина канала: внутр. граница центра ~46, внутр. граница периферии ~68 → центр 57, отрезок 52–62 -->
|
||||
<g class="wf-ray-main" fill="none" stroke="var(--line)" stroke-width="0.85" stroke-linecap="round" vector-effect="non-scaling-stroke">
|
||||
<line x1="0" y1="-52" x2="0" y2="-62"/>
|
||||
<line x1="45" y1="-26" x2="53.7" y2="-31"/>
|
||||
<line x1="45" y1="26" x2="53.7" y2="31"/>
|
||||
<line x1="0" y1="52" x2="0" y2="62"/>
|
||||
<line x1="-45" y1="26" x2="-53.7" y2="31"/>
|
||||
<line x1="-45" y1="-26" x2="-53.7" y2="-31"/>
|
||||
</g>
|
||||
</svg>
|
||||
<div class="wf-orbit">
|
||||
<div class="wf-arm" style="--k:0"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
<div class="wf-arm" style="--k:1"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
<div class="wf-arm" style="--k:2"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
<div class="wf-arm" style="--k:3"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
<div class="wf-arm" style="--k:4"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
<div class="wf-arm" style="--k:5"><div class="wf-arm-slot"><div class="wn-node wn-node-dim"><svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg><span class="wn-orbit-label">кооператив</span></div></div></div>
|
||||
</div>
|
||||
<div class="wf-center">
|
||||
<div class="wn-node wn-node-hl wf-center-node">
|
||||
<svg class="wn-svg" viewBox="-2 -2 104 104" preserveAspectRatio="xMidYMid meet" aria-hidden="true"><polygon class="wn-poly" points="50,4 90,27 90,73 50,96 10,73 10,27"/></svg>
|
||||
<span>Семейный<br>Кооператив</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wn-caption">
|
||||
Семейный кооператив — минимальный хозяйствующий узел сети кооперативной экономики, который удовлетворяет потребности своих пайщиков с помощью других кооперативов.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user