diff --git a/icons b/icons index cdce71a..d6a92fc 160000 --- a/icons +++ b/icons @@ -1 +1 @@ -Subproject commit cdce71a3d7669d3b9d3660db82935c339373151f +Subproject commit d6a92fc4bf89cf97ee0c051f1bfd8afb742de2fd diff --git a/kodorvan/perm/system/public/js/pages/main.js b/kodorvan/perm/system/public/js/pages/main.js index d95783f..262b4b4 100644 --- a/kodorvan/perm/system/public/js/pages/main.js +++ b/kodorvan/perm/system/public/js/pages/main.js @@ -28,13 +28,13 @@ import("../modules/womb3-simplex.mjs").then((module) => { // Initializing the process registers let offset = 0; - let speed = 0.003; + let speed = 0.01; // Starting the process setInterval(function () { womb.dump(); womb.generate((offset += speed), '#000'); - }, 20); + }, 60); // Initializing the resizing event processor window.addEventListener( diff --git a/kodorvan/perm/system/public/themes/default/css/aside.css b/kodorvan/perm/system/public/themes/default/css/aside.css index 7ba2c94..def1a19 100644 --- a/kodorvan/perm/system/public/themes/default/css/aside.css +++ b/kodorvan/perm/system/public/themes/default/css/aside.css @@ -1,7 +1,7 @@ @charset "UTF-8"; aside { - &:not(:has(*)) { - display: none; - } + &:not(:has(*)) { + display: none; + } } diff --git a/kodorvan/perm/system/public/themes/default/css/blocks/description.css b/kodorvan/perm/system/public/themes/default/css/blocks/description.css deleted file mode 100644 index c187806..0000000 --- a/kodorvan/perm/system/public/themes/default/css/blocks/description.css +++ /dev/null @@ -1,61 +0,0 @@ -section#description { - padding-top: 1.5rem; - gap: 1rem; - - > p { - margin: unset; - width: var(--width); - font-family: "Cascadia Code"; - font-weight: 300; - font-size: 0.8rem; - - > span { - font-weight: 400; - } - - + small { - font-family: "Bahnschrift"; - font-weight: 100; - } - } - - > div.lists { - margin-top: 1rem; - display: flex; - width: var(--width); - - > ul { - margin: unset; - padding: unset; - display: flex; - flex-direction: column; - gap: 0.4em; - font-family: "Bahnschrift"; - font-size: 0.7rem; - font-weight: 300; - list-style: none; - - &:is(.bad) { - width: 45%; - } - - &:is(.good) { - margin-left: auto; - width: 70%; - - > li { - gap: 0.4em; - - > i.icon.check { - min-width: var(--width); - } - } - } - - > li { - display: inline-flex; - align-items: center; - } - } - } -} diff --git a/kodorvan/perm/system/public/themes/default/css/blocks/advantages.css b/kodorvan/perm/system/public/themes/default/css/elements/advantages.css similarity index 94% rename from kodorvan/perm/system/public/themes/default/css/blocks/advantages.css rename to kodorvan/perm/system/public/themes/default/css/elements/advantages.css index ec8b3e0..fc4a64e 100644 --- a/kodorvan/perm/system/public/themes/default/css/blocks/advantages.css +++ b/kodorvan/perm/system/public/themes/default/css/elements/advantages.css @@ -1,3 +1,5 @@ +@charset "UTF-8"; + .advantages { margin: 0 auto; diff --git a/kodorvan/perm/system/public/themes/default/css/elements/company.css b/kodorvan/perm/system/public/themes/default/css/elements/company.css new file mode 100644 index 0000000..c7d9711 --- /dev/null +++ b/kodorvan/perm/system/public/themes/default/css/elements/company.css @@ -0,0 +1,54 @@ +@charset "UTF-8"; + +section#company { + justify-self: end; + width: 160px; + padding: 1rem; + padding-bottom: unset; + display: flex; + flex-direction: column; + gap: 0.5rem; + font-family: "Bahnschrift"; + + > h4.name { + margin: unset; + display: block; + text-align: right; + font-weight: 600; + font-size: 1rem; + } + + > p.column { + margin: unset; + display: inline-flex; + flex-direction: column; + text-align: right; + gap: 0.2em; + font-size: 0.8rem; + color: grey; + + > span.row { + display: inline-flex; + justify-content: end; + font-weight: 400; + + &:before { + margin-right: auto; + font-weight: 600; + color: #fff; + } + } + + > span.tax { + &:before { + content: var(--company-tax) ":"; + } + } + + > span.identifier { + &:before { + content: var(--company-identifier) ":"; + } + } + } +} diff --git a/kodorvan/perm/system/public/themes/default/css/elements/cookies.css b/kodorvan/perm/system/public/themes/default/css/elements/cookies.css new file mode 100644 index 0000000..e713412 --- /dev/null +++ b/kodorvan/perm/system/public/themes/default/css/elements/cookies.css @@ -0,0 +1,54 @@ +@charset "UTF-8"; + +section#cookies { + --shadow: 4px 4px 10px 0px rgb(0 0 0 / 45%); + z-index: 3100; + right: var(--fixed-right, 2rem); + bottom: var(--fixed-bottom, 2rem); + position: fixed; + font-family: "Bahnschrift"; + /* border: 1px solid #a8a8a847; */ + border: 1px solid #fff; + /* border-right: unset; + border-bottom: unset; */ + border-radius: 0.75rem; + color: #fff; + background-color: #000000b8; + background-color: #000000; + /* backdrop-filter: blur(3px); */ + box-shadow: var(--shadow); + -webkit-box-shadow: var(--shadow); + -moz-box-shadow: var(--shadow); + transition: opacity 0.1s ease-out; + + > div { + padding: 0.8rem 1.2rem 0.7rem; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + > p { + margin: unset; + font-size: 1rem; + } + + > small { + font-size: 0.8rem; + font-weight: 200; + color: #a6a69d; + } + } + + > button { + top: -0.4rem; + right: -2rem; + position: absolute; + padding: unset; + padding-right: 0.1em; + cursor: pointer; + border: unset; + color: #f00; + background: unset; + } +} diff --git a/kodorvan/perm/system/public/themes/default/css/elements/cookies_glass.css b/kodorvan/perm/system/public/themes/default/css/elements/cookies_glass.css new file mode 100644 index 0000000..c274a6d --- /dev/null +++ b/kodorvan/perm/system/public/themes/default/css/elements/cookies_glass.css @@ -0,0 +1,70 @@ +@charset "UTF-8"; + +section#cookies { + --shadow: 4px 4px 10px 0px rgb(0 0 0 / 45%); + z-index: var(--cookies-z-index, 6000); + right: var(--cookies-right, 2rem); + bottom: var(--cookies-bottom, 2rem); + position: fixed; + width: var(--cookies-width, 400px); + height: var(--cookies-height, 40px); + /* padding: 0.8rem 1.2rem 0.7rem; */ + font-family: "Bahnschrift"; + color: #fff; + transition: opacity 0.1s ease-out; + + :is(> label[for="cookies"]:focus) { + opacity: 0; + } + + + div.cookies.background { + z-index: calc(var(--cookies-z-index, 6000) - 1); + right: var(--cookies-right, 2rem); + bottom: var(--cookies-bottom, 2rem); + position: fixed; + width: var(--cookies-width, 400px); + height: var(--cookies-height, 40px); + border: 1px solid #a8a8a847; + border-right: unset; + border-bottom: unset; + border-radius: 0.75rem; + background-color: #33323691; + backdrop-filter: blur(3px); + mix-blend-mode: screen; + box-shadow: var(--shadow); + -webkit-box-shadow: var(--shadow); + -moz-box-shadow: var(--shadow); + } + + > div { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + > p { + margin: unset; + font-size: 1rem; + } + + > small { + font-size: 0.8rem; + font-weight: 200; + color: #a6a69d; + } + } + + > label { + right: -20px; + top: -20px; + position: absolute; + padding: unset; + padding-right: 0.1em; + cursor: pointer; + border: unset; + color: #f00; + background: unset; + } +} diff --git a/kodorvan/perm/system/public/themes/default/css/elements/description.css b/kodorvan/perm/system/public/themes/default/css/elements/description.css new file mode 100644 index 0000000..3abc9e9 --- /dev/null +++ b/kodorvan/perm/system/public/themes/default/css/elements/description.css @@ -0,0 +1,94 @@ +@charset "UTF-8"; + +section#description { + padding-top: 1.5rem; + gap: 1rem; + + > p { + margin: unset; + width: var(--width); + font-family: "Cascadia Code"; + font-weight: 300; + font-size: 0.8rem; + + > span { + font-weight: 400; + } + + + small { + font-family: "Bahnschrift"; + font-weight: 100; + } + } + + > ul.table { + /* --border-color: #000; */ + --border-color: unset; + margin: unset; + margin-top: 1rem; + width: var(--width); + padding: unset; + display: flex; + flex-direction: column; + font-family: "Bahnschrift"; + font-size: 0.8rem; + font-weight: 400; + list-style: none; + overflow: hidden; + border-radius: 0.75rem; + border: 1px solid var(--border-color); + + > li { + height: 3rem; + display: flex; + border-bottom: 1px dashed var(--border-color); + + &:is(:last-of-type) { + border-bottom: unset; + } + + > span { + padding: 0.25rem 0.45rem; + display: inline; + align-content: center; + + &:is(.bad) { + width: 45%; + opacity: 0.6; + border-right: 1px solid var(--border-color); + /* background-color: #ffe1e1; */ + + > i.icon.close { + margin-top: -0.4em; + color: #c64d4d; + } + } + + &:is(.good) { + width: 70%; + /* background-color: #e0ffd5; */ + + > i.icon.check { + min-width: var(--width); + color: #77b81b; + } + } + + > i.icon { + float: left; + height: 100%; + } + } + } + } + + > strong.partners { + font-family: "Geologica"; + font-weight: 400; + font-size: 1.2rem; + + > span { + color: #1e1df2; + } + } +} diff --git a/kodorvan/perm/system/public/themes/default/css/blocks/introdution.css b/kodorvan/perm/system/public/themes/default/css/elements/introdution.css similarity index 77% rename from kodorvan/perm/system/public/themes/default/css/blocks/introdution.css rename to kodorvan/perm/system/public/themes/default/css/elements/introdution.css index 3391395..794bb6c 100644 --- a/kodorvan/perm/system/public/themes/default/css/blocks/introdution.css +++ b/kodorvan/perm/system/public/themes/default/css/elements/introdution.css @@ -1,9 +1,19 @@ +@charset "UTF-8"; + section#introdution { position: relative; width: 100%; - height: min(350px, 35vh); + height: var(--introdution-height, 350px); overflow: hidden; + + section.row { + --shadow: 0px -10px 60px 30px rgba(0, 0, 0, 0.6); + padding-top: 1rem; + box-shadow: var(--shadow); + -webkit-box-shadow: var(--shadow); + -moz-box-shadow: var(--shadow); + } + > div.information { z-index: 200; position: fixed; @@ -30,7 +40,7 @@ section#introdution { backdrop-filter: blur(1.3px); > i.icon.code { - margin-bottom: 3px; + margin-bottom: 3px; } } @@ -42,6 +52,9 @@ section#introdution { font-size: 2.6rem; font-weight: 400; color: #fff; + text-shadow: + 0px 0px 4px #ffffff, + 0px 0px 9px #ffffff96; } > p#team { @@ -85,6 +98,10 @@ section#introdution { position: absolute; width: 110%; height: 110%; + animation-name: appearance; + animation-fill-mode: forwards; + animation-duration: 0.2s; + animation-timing-function: ease-in; filter: blur(1.8px) contrast(50); > div.dots { @@ -110,7 +127,7 @@ section#introdution { center / var(--dot-space) var(--dot-space), var(--dot-color); mix-blend-mode: color-burn; - /* filter: blur(1px); */ + filter: contrast(5); } > video:only-of-type { @@ -133,3 +150,13 @@ section#introdution { } } } + +@keyframes appearance { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} diff --git a/kodorvan/perm/system/public/themes/default/css/elements/links.css b/kodorvan/perm/system/public/themes/default/css/elements/links.css new file mode 100644 index 0000000..34b1344 --- /dev/null +++ b/kodorvan/perm/system/public/themes/default/css/elements/links.css @@ -0,0 +1,27 @@ +@charset "UTF-8"; + +nav#links { + flex-grow: 1; + display: inline-flex; + justify-content: center; + gap: 1rem; + + > a { + text-decoration: none; + font-family: "Geologica"; + font-weight: 400; + font-size: 0.85rem; + color: #807f7f; + transition: color 0.1s ease-out; + + &:is(:hover, :focus) { + color: #d5d5d5; + transition: color 0s; + } + + &:active { + color: #4b4b4b; + transition: color 0s; + } + } +} diff --git a/kodorvan/perm/system/public/themes/default/css/elements/office.css b/kodorvan/perm/system/public/themes/default/css/elements/office.css new file mode 100644 index 0000000..b22680e --- /dev/null +++ b/kodorvan/perm/system/public/themes/default/css/elements/office.css @@ -0,0 +1,41 @@ +@charset "UTF-8"; + +section#office { + display: flex; + height: 100%; + + > div.map { + width: 250px; + height: 100%; + overflow: hidden; + border-radius: 0.75rem; + border: 1px solid #fff; + background-color: #0c110c; + + > div.loading { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + filter: brigtless(0.8) blur(1px); + + &:before { + margin-top: 50px; + position: absolute; + content: var(--map-loading, "Loading"); + width: max-content; + text-align: center; + font-family: "Geologica"; + font-style: normal; + font-weight: 400; + font-size: 0.6rem; + color: #533a3a; + } + + > i.icon.loading.spinner { + color: #fff; + } + } + } +} diff --git a/kodorvan/perm/system/public/themes/default/css/blocks/projects.css b/kodorvan/perm/system/public/themes/default/css/elements/projects.css similarity index 80% rename from kodorvan/perm/system/public/themes/default/css/blocks/projects.css rename to kodorvan/perm/system/public/themes/default/css/elements/projects.css index 5c2f891..843b212 100644 --- a/kodorvan/perm/system/public/themes/default/css/blocks/projects.css +++ b/kodorvan/perm/system/public/themes/default/css/elements/projects.css @@ -1,7 +1,11 @@ +@charset "UTF-8"; + section#projects { padding-top: 2.5rem; + padding-bottom: 1rem; + /* transform: rotate3d(220, -777, -100, 385deg) scale(1.1); */ - >h2.title { + > h2.title { font-size: 2.4rem; font-family: "Bahnschrift"; margin: 0.1em 0 0.2em 0; @@ -45,20 +49,20 @@ section#projects { } &:is(.pechatalka) { - >img.background { + > img.background { filter: blur(1.5px) brightness(0.8); } } &:is(.understyle) { - >img.background { + > img.background { object-position: bottom; filter: blur(1px) brightness(0.8); } } &:is(.surikov) { - >img.background { + > img.background { object-position: bottom; filter: blur(0.4px) brightness(0.8); } diff --git a/kodorvan/perm/system/public/themes/default/css/blocks/service.css b/kodorvan/perm/system/public/themes/default/css/elements/service.css similarity index 93% rename from kodorvan/perm/system/public/themes/default/css/blocks/service.css rename to kodorvan/perm/system/public/themes/default/css/elements/service.css index b03305d..0a425bb 100644 --- a/kodorvan/perm/system/public/themes/default/css/blocks/service.css +++ b/kodorvan/perm/system/public/themes/default/css/elements/service.css @@ -1,3 +1,5 @@ +@charset "UTF-8"; + section#services { margin: unset; display: flex; diff --git a/kodorvan/perm/system/public/themes/default/css/blocks/statistics.css b/kodorvan/perm/system/public/themes/default/css/elements/shortcut.css similarity index 72% rename from kodorvan/perm/system/public/themes/default/css/blocks/statistics.css rename to kodorvan/perm/system/public/themes/default/css/elements/shortcut.css index cee90f8..ae43150 100644 --- a/kodorvan/perm/system/public/themes/default/css/blocks/statistics.css +++ b/kodorvan/perm/system/public/themes/default/css/elements/shortcut.css @@ -1,5 +1,7 @@ -section#statistics { - > div.row { +@charset "UTF-8"; + +section#shortcut { + > div { width: var(--width); display: flex; flex-direction: row; @@ -8,18 +10,22 @@ section#statistics { > div.column { display: flex; flex-direction: column; - flex-grow: 1; &:is(.statistics) { width: 300px; > p { margin: unset; + margin-top: 0.8rem; display: flex; gap: 0.4rem; font-family: "Cascadia Code"; font-weight: 600; + &:is(:first-of-type) { + margin-top: unset; + } + > span { font-weight: 400; } diff --git a/kodorvan/perm/system/public/themes/default/css/elements/telegram.css b/kodorvan/perm/system/public/themes/default/css/elements/telegram.css new file mode 100644 index 0000000..551edce --- /dev/null +++ b/kodorvan/perm/system/public/themes/default/css/elements/telegram.css @@ -0,0 +1,76 @@ +@charset "UTF-8"; + +section#telegram { + --diameter: var(--telegram-diameter, 50px); + z-index: 3000; + bottom: var(--fixed-bottom); + left: var(--fixed-left); + position: fixed; + width: var(--diameter); + height: var(--diameter); + display: flex; + justify-content: center; + align-items: center; + + > a { + z-index: 200; + width: 100%; + height: 100%; + border-radius: 100%; + box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 30%); + transition: scale 0.1s ease-out; + + &:is(:hover, :focus) { + scale: 1.05; + transition: scale 0.1s ease-in; + } + + &:active { + scale: 1; + filter: brightness(0.8); + transition: scale 0s; + } + + > img { + width: 100%; + height: 100%; + } + } + + > div { + --half: calc(var(--telegram-diameter, 0) / 2); + --border-radius: 10rem; + --gap: 1rem; + --border: 1px; + z-index: 100; + left: var(--half); + position: absolute; + width: max-content; + height: 100%; + box-sizing: border-box; + padding-right: 2rem; + padding-left: calc(var(--half, 0) + var(--gap, 1rem)); + display: flex; + flex-direction: column; + justify-content: center; + font-family: "Bahnschrift"; + border-radius: 0 var(--border-radius) var(--border-radius) 0; + border: var(--border, 1px) solid #ded9fae6; + border-bottom: unset; + background-color: #c0bcd6cc; + backdrop-filter: blur(2px); + + > span { + font-size: 1.2rem; + font-weight: 400; + color: #09394e; + } + + > small { + margin-top: -0.2em; + font-size: 0.8rem; + font-weight: 400; + color: #415970; + } + } +} diff --git a/kodorvan/perm/system/public/themes/default/css/blocks/workload.css b/kodorvan/perm/system/public/themes/default/css/elements/workload.css similarity index 72% rename from kodorvan/perm/system/public/themes/default/css/blocks/workload.css rename to kodorvan/perm/system/public/themes/default/css/elements/workload.css index 050eacd..964f047 100644 --- a/kodorvan/perm/system/public/themes/default/css/blocks/workload.css +++ b/kodorvan/perm/system/public/themes/default/css/elements/workload.css @@ -1,14 +1,12 @@ +@charset "UTF-8"; + section#workload { - --shadow: 0px -10px 60px 30px rgba(0, 0, 0, 0.6); - height: 100px; - box-sizing: border-box; + height: 80px; + padding-top: unset !important; padding-bottom: 1rem; display: inline-flex; justify-content: center; align-items: center; - box-shadow: var(--shadow); - -webkit-box-shadow: var(--shadow); - -moz-box-shadow: var(--shadow); > p { margin: unset; diff --git a/kodorvan/perm/system/public/themes/default/css/footer.css b/kodorvan/perm/system/public/themes/default/css/footer.css index 485723c..28f3244 100644 --- a/kodorvan/perm/system/public/themes/default/css/footer.css +++ b/kodorvan/perm/system/public/themes/default/css/footer.css @@ -1,42 +1,28 @@ @charset "UTF-8"; footer { - box-sizing: border-box; - padding: 0 20%; - display: flex; - flex-direction: column; - justify-content: center; - text-align: center; - gap: 0.5rem; - margin: 2rem 0 1rem 0; + z-index: 4000; + position: relative; + height: var(--footer-height, 200px); + padding: 1rem 10vw; + display: flex; + align-items: self-end; + color: #fff; + background-color: #000; + --shadow: 0px 0px 80px 25px rgba(0, 0, 0, 0.4); + box-shadow: var(--shadow); + -webkit-box-shadow: var(--shadow); + -moz-box-shadow: var(--shadow); - &:not(:has(*)) { - display: none; - } + > div.column { + height: 100%; + display: flex; + flex-direction: column; + justify-content: end; + gap: 1rem; - > p#description { - text-align: center; - font-size: 1rem; - font-family: "Geologica"; - font-weight: 400; - margin: unset; - color: rgb(0, 0, 0, 0.6); - } - > div#link { - display: inline-flex; - justify-content: center; - gap: 1rem; - - > a { - text-decoration: none; - font-size: 1rem; - font-family: "Geologica"; - font-weight: 400; - color: rgb(160, 160, 160); - transition: ease 0.2s; - &:hover { - color: #000; - } - } - } + &:is(:last-of-type:last-child) { + margin-left: auto; + } + } } diff --git a/kodorvan/perm/system/public/themes/default/css/header.css b/kodorvan/perm/system/public/themes/default/css/header.css index 0a80bef..bdb8d6d 100644 --- a/kodorvan/perm/system/public/themes/default/css/header.css +++ b/kodorvan/perm/system/public/themes/default/css/header.css @@ -1,69 +1,75 @@ @charset "UTF-8"; header { - top: 0; - left: 0; - position: fixed; - width: 100vw; - height: var(--menu-height); - box-sizing: border-box; - padding: 0 20%; - display: flex; - justify-content: space-between; + z-index: 1000; + top: 0; + left: 0; + position: absolute; + width: 100vw; + height: calc(var(--menu-height) + var(--introdution-height)); + pointer-events: none; - align-items: center; - background-color: #f7fafc; - z-index: 1000; + > div { + top: 0; + position: sticky; + width: 100%; + height: var(--menu-height); + box-sizing: border-box; + padding: 0 20%; + display: flex; + justify-content: space-between; + align-items: center; + pointer-events: all; + background-color: #fff; - &:not(:has(*)) { - display: none; - } + &:not(:has(*)) { + display: none; + } - > a#logotype { - margin-top: -0.4rem; - display: flex; - flex-direction: column; - font-size: 1.1rem; - text-decoration: none; - color: #000; + > a#logotype { + margin-top: -0.4rem; + display: flex; + flex-direction: column; + font-size: 1.1rem; + text-decoration: none; + color: #000; - > h4:only-of-type:first-child { - margin: unset; - font-family: "Cascadia Code"; - font-size: 2.5em; - } + > h4:only-of-type:first-child { + margin: unset; + font-family: "Cascadia Code"; + font-size: 2.5em; + } - > small:only-of-type:last-child { - justify-self: end; - align-self: end; - margin-top: -0.8em; - font-family: "Bahnschrift"; - font-size: 0.62em; - font-weight: 800; - text-transform: uppercase; - } - } + > small:only-of-type:last-child { + justify-self: end; + align-self: end; + margin-top: -0.8em; + font-family: "Bahnschrift"; + font-size: 0.62em; + font-weight: 800; + text-transform: uppercase; + } + } - > nav#menu { - display: flex; - justify-content: center; - align-items: center; - gap: 1rem; - font-family: "Geologica"; - - > a { - text-decoration: none; - font-weight: 500; - font-size: 1rem; - text-transform: uppercase; - color: rgb(0, 0, 0, 0.5); - transition: ease 0.2s; - - &:hover { - color: #000; - } - } - } + > nav#menu { + display: flex; + justify-content: center; + align-items: center; + gap: 1rem; + font-family: "Geologica"; + > a { + text-decoration: none; + font-weight: 500; + font-size: 1rem; + text-transform: uppercase; + color: rgb(0, 0, 0, 0.5); + transition: ease 0.2s; + &:hover { + color: #000; + } + } + } + } } diff --git a/kodorvan/perm/system/public/themes/default/css/main.css b/kodorvan/perm/system/public/themes/default/css/main.css index b2faeb5..5aa40a5 100644 --- a/kodorvan/perm/system/public/themes/default/css/main.css +++ b/kodorvan/perm/system/public/themes/default/css/main.css @@ -6,22 +6,6 @@ @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Pochaevsk&display=swap"); -body { - margin: unset; - /* overflow-x: hidden; */ - background-color: #f7fafc; -} - -.unselectable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - outline: none; -} - main { margin-top: var(--menu-height); display: flex; @@ -34,131 +18,4 @@ main { &:not(:has(*)) { display: none; } - - > section { - z-index: 500; - width: 100%; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - background-color: #fff; - - > h2#title { - font-size: 2.4rem; - font-family: "Bahnschrift"; - margin: 0.1em 0 0.2em 0; - - > span { - color: #0ea5e9; - } - } - - > p#description { - margin: unset; - text-align: center; - font-size: 1.2rem; - font-family: "Geologica"; - font-weight: 400; - color: rgb(0, 0, 0, 0.6); - - > span { - color: #0ea5e9; - font-weight: 800; - } - } - - > p.description { - width: 40%; - } - - > a#order { - padding: 0.5em 1.3em; - margin-top: 1rem; - display: flex; - align-items: center; - gap: 5px; - border-radius: 1.125em; - font-size: 1em; - font-family: "Geologica"; - font-weight: 400; - text-decoration: none; - background-color: #0ea5e9; - color: #fff; - transition: 0.2s; - - &:hover { - transform: scale(1.05); - } - } - > div#team { - margin-top: 1rem; - display: inline-flex; - justify-content: center; - align-items: center; - gap: 1rem; - - > div#card { - padding: 0.6em 0.8em; - width: 180px; - height: 220px; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - text-align: center; - border-radius: 1.125rem; - box-shadow: 0px 0px 15px 0px rgba(14, 165, 233, 0.1); - background-color: #fff; - transition: ease 0.2s; - - > img { - object-fit: cover; - width: 140px; - height: 140px; - border-radius: 100%; - } - - > p { - margin: 1em 0 0; - font-size: 1.2em; - font-family: "Geologica"; - font-weight: 900; - color: #000000; - } - - > span { - font-size: 1em; - font-family: "Geologica"; - font-weight: 400; - color: #0ea5e9; - } - } - } - - > a#telegram { - padding: 0.5em 1.3em; - margin-top: 1rem; - display: flex; - align-items: center; - gap: 5px; - border-radius: 1.125em; - font-size: 1em; - font-family: "Geologica"; - font-weight: 400; - text-decoration: none; - background-color: #0ea5e9; - color: #fff; - transition: 0.2s; - - &:hover { - transform: scale(1.05); - } - - > img { - width: 20px; - height: 20px; - } - } - } } diff --git a/kodorvan/perm/system/public/themes/default/css/pages/index.css b/kodorvan/perm/system/public/themes/default/css/pages/index.css new file mode 100644 index 0000000..d2f6f4d --- /dev/null +++ b/kodorvan/perm/system/public/themes/default/css/pages/index.css @@ -0,0 +1,130 @@ +@charset "UTF-8"; + +main { + > section.row { + z-index: 500; + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: #fff; + + > h2#title { + font-size: 2.4rem; + font-family: "Bahnschrift"; + margin: 0.1em 0 0.2em 0; + + > span { + color: #0ea5e9; + } + } + + > p#description { + margin: unset; + text-align: center; + font-size: 1.2rem; + font-family: "Geologica"; + font-weight: 400; + color: rgb(0, 0, 0, 0.6); + + > span { + color: #0ea5e9; + font-weight: 800; + } + } + + > p.description { + width: 40%; + } + + > a#order { + padding: 0.5em 1.3em; + margin-top: 1rem; + display: flex; + align-items: center; + gap: 5px; + border-radius: 1.125em; + font-size: 1em; + font-family: "Geologica"; + font-weight: 400; + text-decoration: none; + background-color: #0ea5e9; + color: #fff; + transition: 0.2s; + + &:hover { + transform: scale(1.05); + } + } + > div#team { + margin-top: 1rem; + display: inline-flex; + justify-content: center; + align-items: center; + gap: 1rem; + + > div#card { + padding: 0.6em 0.8em; + width: 180px; + height: 220px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + border-radius: 1.125rem; + box-shadow: 0px 0px 15px 0px rgba(14, 165, 233, 0.1); + background-color: #fff; + transition: ease 0.2s; + + > img { + object-fit: cover; + width: 140px; + height: 140px; + border-radius: 100%; + } + + > p { + margin: 1em 0 0; + font-size: 1.2em; + font-family: "Geologica"; + font-weight: 900; + color: #000000; + } + + > span { + font-size: 1em; + font-family: "Geologica"; + font-weight: 400; + color: #0ea5e9; + } + } + } + + > a#telegram { + padding: 0.5em 1.3em; + margin-top: 1rem; + display: flex; + align-items: center; + gap: 5px; + border-radius: 1.125em; + font-size: 1em; + font-family: "Geologica"; + font-weight: 400; + text-decoration: none; + background-color: #0ea5e9; + color: #fff; + transition: 0.2s; + + &:hover { + transform: scale(1.05); + } + + > img { + width: 20px; + height: 20px; + } + } + } +} diff --git a/kodorvan/perm/system/public/themes/default/css/system.css b/kodorvan/perm/system/public/themes/default/css/system.css index c211eaa..806cb89 100644 --- a/kodorvan/perm/system/public/themes/default/css/system.css +++ b/kodorvan/perm/system/public/themes/default/css/system.css @@ -1,9 +1,20 @@ @charset "UTF-8"; :root { - --width: max(800px, 40vw); + --width: max(850px, 45vw); --menu-height: 70px; + --introdution-height: min(350px, 35vh); --gap: min(12px, 1rem); + --fixed-right: 3rem; + --fixed-bottom: 2rem; + --fixed-left: 3rem; + --telegram-diameter: 50px; + + --cookies-z-index: 6000; + --cookies-right: var(--fixed-right); + --cookies-bottom: var(--fixed-bottom); + --cookies-width: 24rem; + --cookies-height: 4rem; /* font-family: , system-ui, sans-serif; */ font-family: "dejavu"; @@ -13,18 +24,12 @@ transition: 0.1s ease-out; } -/* Selection */ -::selection { - color: var(--text-selected-color); - background: var(--text-selected-background-color); +body { + margin: unset; + overflow-x: hidden; + background-color: #f7fafc; } -::-moz-selection { - color: var(--text-selected-color); - background: var(--text-selected-background-color); -} - - .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; @@ -33,4 +38,3 @@ -ms-user-select: none; user-select: none; } - diff --git a/kodorvan/perm/system/public/themes/default/images/icons/telegram.svg b/kodorvan/perm/system/public/themes/default/images/icons/telegram.svg index f5b505e..c67526f 100644 --- a/kodorvan/perm/system/public/themes/default/images/icons/telegram.svg +++ b/kodorvan/perm/system/public/themes/default/images/icons/telegram.svg @@ -1 +1,16 @@ - \ No newline at end of file + + + + Artboard + Created with Sketch. + + + + + + + + + + + \ No newline at end of file diff --git a/kodorvan/perm/system/views/themes/default/aside.html b/kodorvan/perm/system/views/themes/default/aside.html index 1de7b19..acf3796 100644 --- a/kodorvan/perm/system/views/themes/default/aside.html +++ b/kodorvan/perm/system/views/themes/default/aside.html @@ -2,8 +2,7 @@ {% endblock %} {% block body %} - {% endblock %} {% block js %} -{% endblock %} \ No newline at end of file +{% endblock %} diff --git a/kodorvan/perm/system/views/themes/default/elements/company.html b/kodorvan/perm/system/views/themes/default/elements/company.html new file mode 100644 index 0000000..a5e85b9 --- /dev/null +++ b/kodorvan/perm/system/views/themes/default/elements/company.html @@ -0,0 +1,11 @@ + + +
+

ИП Мирзаев

+

271103176488322270000004691

+
diff --git a/kodorvan/perm/system/views/themes/default/elements/cookies.html b/kodorvan/perm/system/views/themes/default/elements/cookies.html new file mode 100644 index 0000000..7b62b27 --- /dev/null +++ b/kodorvan/perm/system/views/themes/default/elements/cookies.html @@ -0,0 +1,7 @@ +
+
+

ИСПОЛЬЗУЕТСЯ ТЕХНОЛОГИЯ COOKIES

+ №152-ФЗ «О персональных данных» +
+ +
diff --git a/kodorvan/perm/system/views/themes/default/elements/links.html b/kodorvan/perm/system/views/themes/default/elements/links.html new file mode 100644 index 0000000..4baa956 --- /dev/null +++ b/kodorvan/perm/system/views/themes/default/elements/links.html @@ -0,0 +1,7 @@ + diff --git a/kodorvan/perm/system/views/themes/default/elements/office.html b/kodorvan/perm/system/views/themes/default/elements/office.html new file mode 100644 index 0000000..8c2ed70 --- /dev/null +++ b/kodorvan/perm/system/views/themes/default/elements/office.html @@ -0,0 +1,13 @@ + + +
+
+
+ +
+
+
diff --git a/kodorvan/perm/system/views/themes/default/elements/telegram.html b/kodorvan/perm/system/views/themes/default/elements/telegram.html new file mode 100644 index 0000000..fa56d2c --- /dev/null +++ b/kodorvan/perm/system/views/themes/default/elements/telegram.html @@ -0,0 +1,10 @@ +
+ + Telegram logotype icon + + +
+ Конструктор заказа + Получи стоимость за 2 минуты +
+
diff --git a/kodorvan/perm/system/views/themes/default/footer.html b/kodorvan/perm/system/views/themes/default/footer.html index 0714396..9187713 100644 --- a/kodorvan/perm/system/views/themes/default/footer.html +++ b/kodorvan/perm/system/views/themes/default/footer.html @@ -1,13 +1,18 @@ {% block css %} + + + {% endblock %} {% block body %} -