Ihor_Zhekov/Websites
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

h

Browse Source
This commit is contained in:
Ihor_Zhekov
2026-02-19 11:45:25 +01:00
parent a8caee15f9
commit c718f15f09
9 changed files with 129 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Profice WebSite/style/cursor.css
View File

@@ -8,7 +8,6 @@ body.system-cursor button,
body.system-cursor input,
body.system-cursor textarea,
body.system-cursor select,
body.system-cursor .menu-toggle,
body.system-cursor label,
body.system-cursor [role="button"],
body.system-cursor [onclick],
@@ -24,7 +23,6 @@ body:not(.system-cursor) button,
body:not(.system-cursor) input,
body:not(.system-cursor) textarea,
body:not(.system-cursor) select,
body:not(.system-cursor) .menu-toggle,
body:not(.system-cursor) label,
body:not(.system-cursor) [role="button"],
body:not(.system-cursor) [onclick],
@@ -38,7 +36,6 @@ body:not(.system-cursor) button,
body:not(.system-cursor) .btn,
body:not(.system-cursor) .offer-card,
body:not(.system-cursor) .service-card,
body:not(.system-cursor) .menu-toggle,
body:not(.system-cursor) #cursorToggle {
cursor: none !important;
}

191
Profice WebSite/style/design.css
View File

@@ -3,10 +3,10 @@
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 100px;
gap: 8px;
height: 80px;
margin-top: 80px;
margin-bottom: 30px;
margin-bottom: 20px;
opacity: 1;
transition: opacity 0.3s ease;
}
@@ -16,21 +16,21 @@
}
.sound-bar {
width: 10px;
width: 8px;
background: linear-gradient(to top, var(--accent-orange), var(--accent-teal));
border-radius: 5px;
border-radius: 4px;
animation: soundWave 1.2s ease-in-out infinite;
transform-origin: bottom;
}
.sound-bar:nth-child(1) { animation-delay: 0s; height: 25px; }
.sound-bar:nth-child(2) { animation-delay: 0.1s; height: 40px; }
.sound-bar:nth-child(3) { animation-delay: 0.2s; height: 32px; }
.sound-bar:nth-child(4) { animation-delay: 0.3s; height: 50px; }
.sound-bar:nth-child(5) { animation-delay: 0.4s; height: 40px; }
.sound-bar:nth-child(6) { animation-delay: 0.5s; height: 28px; }
.sound-bar:nth-child(7) { animation-delay: 0.6s; height: 45px; }
.sound-bar:nth-child(8) { animation-delay: 0.7s; height: 35px; }
.sound-bar:nth-child(1) { animation-delay: 0s; height: 20px; }
.sound-bar:nth-child(2) { animation-delay: 0.1s; height: 32px; }
.sound-bar:nth-child(3) { animation-delay: 0.2s; height: 26px; }
.sound-bar:nth-child(4) { animation-delay: 0.3s; height: 40px; }
.sound-bar:nth-child(5) { animation-delay: 0.4s; height: 32px; }
.sound-bar:nth-child(6) { animation-delay: 0.5s; height: 24px; }
.sound-bar:nth-child(7) { animation-delay: 0.6s; height: 36px; }
.sound-bar:nth-child(8) { animation-delay: 0.7s; height: 28px; }
@keyframes soundWave {
0%, 100% {
@@ -181,27 +181,6 @@ body {
height: 40px;
}
.menu-toggle {
background: transparent;
border: 2px solid var(--primary-dark);
color: var(--primary-dark);
width: 45px;
height: 45px;
border-radius: 12px;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.top-banner.scrolled .menu-toggle,
.top-banner.scrolled #cursorToggle {
width: 35px;
height: 35px;
}
.opening-hours {
font-size: 14px;
color: var(--primary-mid);
@@ -408,22 +387,6 @@ body {
transition: font-size 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-toggle {
background: transparent;
border: 2px solid var(--primary-dark);
color: var(--primary-dark);
width: 45px;
height: 45px;
border-radius: 12px;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
transition: background 0.3s ease, color 0.3s ease, width 0.25s cubic-bezier(0.4, 0, 0.2, 1), height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
#cursorToggle {
background: transparent;
border: 2px solid var(--primary-dark);
@@ -447,7 +410,6 @@ body {
opacity: 1 !important;
filter: none !important;
}
#cursorToggle:hover {
background: var(--primary-dark);
}
@@ -457,90 +419,6 @@ body {
opacity: 1 !important;
}
.menu-toggle:hover {
background: var(--primary-dark);
}
.menu-toggle:hover span {
background: var(--primary-light);
}
.menu-toggle span {
display: block;
width: 20px;
height: 2px;
background: var(--primary-dark);
border-radius: 2px;
transition: all 0.3s ease;
}
.menu-toggle.active {
background: var(--primary-dark);
}
.menu-toggle.active span {
background: var(--primary-light);
}
.menu-toggle.active span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
}
/* Slide Menu */
.slide-menu {
position: fixed;
top: 110px;
left: -280px;
width: 280px;
background: white;
box-shadow: 4px 0 25px rgba(79, 71, 71, 0.15);
border-radius: 0 20px 20px 0;
padding: 30px 0;
transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0.3s ease;
z-index: 1000;
}
.top-banner.scrolled ~ .slide-menu,
.top-banner.scrolled + .overlay + .slide-menu {
top: 80px;
}
.slide-menu.active {
left: 0;
}
.slide-menu a {
display: block;
padding: 18px 30px;
color: var(--primary-dark);
text-decoration: none;
font-size: 17px;
font-weight: 500;
transition: all 0.3s ease;
border-left: 4px solid transparent;
}
.slide-menu a:hover {
background: var(--primary-light);
border-left-color: var(--accent-teal);
padding-left: 40px;
color: var(--accent-teal);
}
.slide-menu a.active {
background: var(--primary-light);
border-left-color: var(--accent-teal);
color: var(--accent-teal);
}
/* Main Content */
.main-content {
max-width: 700px;
@@ -801,22 +679,6 @@ body {
color: var(--primary-light);
}
.top-banner.dark-theme .menu-toggle {
border-color: var(--primary-light);
}
.top-banner.dark-theme .menu-toggle span {
background: var(--primary-light);
}
.top-banner.dark-theme .menu-toggle:hover {
background: var(--primary-light);
}
.top-banner.dark-theme .menu-toggle:hover span {
background: var(--primary-dark);
}
/* 2. Home Page Layout */
.home-content {
max-width: 1200px;
@@ -1200,21 +1062,6 @@ body {
height: 32px;
}
.menu-toggle {
width: 38px;
height: 38px;
}
.top-banner.scrolled .menu-toggle {
width: 32px;
height: 32px;
}
#cursorToggle {
width: 38px;
height: 38px;
}
.top-banner.scrolled #cursorToggle {
width: 32px;
height: 32px;
@@ -1248,7 +1095,6 @@ body {
height: 28px;
}
.menu-toggle,
#cursorToggle {
width: 34px;
height: 34px;
@@ -1956,8 +1802,7 @@ body {
display: block;
color: var(--accent-teal);
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 1px;
font-weight: 500;
margin-bottom: 15px;
}
@@ -1965,6 +1810,14 @@ body {
text-align: center;
}
.process-section .section-label {
text-align: center;
}
.results-section .section-label {
text-align: center;
}
.problems-headline {
font-size: 2.5rem;
color: var(--primary-dark);