github-personal/vancouver
1
0
Fork 0
mirror of https://github.com/shadoll/vancouver.git synced 2026-08-28 11:33:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implement code changes to enhance functionality and improve performance

Browse Source
This commit is contained in:
sha
2025-06-20 18:39:10 +03:00
parent b4698872da
commit e3ab3391bc
2 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/hero-background-dark.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 MiB

src/components/Home.svelte
+15 -10
View File
@@ -16,8 +16,8 @@
import energyBg from '/energy-background.jpg?url'; import energyBg from '/energy-background.jpg?url';
import retailBg from '/retail-background.jpg?url'; import retailBg from '/retail-background.jpg?url';
import officeBg from '/office-background.jpg?url'; import officeBg from '/office-background.jpg?url';
import heroBgLight from '/hero-background.jpg?url'; import heroBgLight from '/hero-background-dark.jpg?url';
import heroBgDark from '/hero-background.jpg?url'; import heroBgDark from '/hero-background-dark.jpg?url';
let mounted = false; let mounted = false;
@@ -307,8 +307,7 @@
} }
:global([data-theme="dark"]) .hero { :global([data-theme="dark"]) .hero {
/* background-image: var(--hero-bg-dark); */ background-image: var(--hero-bg-dark);
/* background-image: url('/hero-background-dark.svg'); */
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
} }
@@ -319,16 +318,22 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: linear-gradient( /* background: linear-gradient(
168deg, 168deg,
var(--bg-color) 0%, var(--bg-color) 0%,
transparent 50%, transparent 50%,
var(--bg-secondary) 100% var(--bg-secondary) 100%
); ); */
background: rgba(248, 250, 252, 0.8);
opacity: 0.8; opacity: 0.8;
z-index: 1; z-index: 1;
} }
:global([data-theme="dark"]) .hero::before {
background: rgba(17, 24, 39, 1);
}
.hero-content { .hero-content {
position: relative; position: relative;
z-index: 2; z-index: 2;
@@ -337,8 +342,8 @@
.hero-title { .hero-title {
font-size: clamp(1.5rem, 4vw, 2.5rem); font-size: clamp(1.5rem, 4vw, 2.5rem);
font-weight: 300; font-weight: 300;
color: white; /* color: white;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); */
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
line-height: 1.2; line-height: 1.2;
text-align: center; text-align: center;
@@ -348,8 +353,8 @@
.hero-subtitle { .hero-subtitle {
font-size: clamp(2rem, 6vw, 4rem); font-size: clamp(2rem, 6vw, 4rem);
font-weight: 800; font-weight: 800;
color: white; /* color: white;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); */
margin-bottom: 0; margin-bottom: 0;
margin-top: 0; margin-top: 0;
line-height: 1.1; line-height: 1.1;