gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 23:29:02 +02:00
Code Issues Actions 19 Packages Projects Releases Wiki Activity

style(website): improve hero section

Browse Source
This commit is contained in:
Elian Doran 2025-09-26 23:46:29 +03:00
parent 4afceeca79
commit e6c806d462
No known key found for this signature in database
1 changed files with 26 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
apps/website2/src/pages/Home/index.css
View File

@ -22,14 +22,7 @@ section.hero-section::before {
radial-gradient(15vmax 15vmax at 40% 50%, rgba(79, 165, 43, 0.15), transparent 70%); radial-gradient(15vmax 15vmax at 40% 50%, rgba(79, 165, 43, 0.15), transparent 70%);
} }
section.hero-section.dark::before { @media (prefers-color-scheme: light) {
background:
radial-gradient(40vmax 40vmax at 20% 30%, rgba(228, 123, 25, 0.25), transparent 70%),
radial-gradient(30vmax 30vmax at 75% 25%, rgba(79, 165, 43, 0.25), transparent 70%),
radial-gradient(25vmax 25vmax at 60% 75%, rgba(227, 63, 59, 0.25), transparent 70%),
radial-gradient(20vmax 20vmax at 85% 65%, rgba(228, 123, 25, 0.15), transparent 70%);
}
/* Soft vignette for focus */ /* Soft vignette for focus */
section.hero-section::after { section.hero-section::after {
content: ""; content: "";
@ -38,9 +31,19 @@ section.hero-section::after {
background: radial-gradient(circle, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.06) 100%); background: radial-gradient(circle, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.06) 100%);
pointer-events: none; pointer-events: none;
} }
}
/* Optional subtle noise for depth */ @media (prefers-color-scheme: dark) {
section.hero-section.dark::after { section.hero-section::before {
background:
radial-gradient(40vmax 40vmax at 20% 30%, rgba(228, 123, 25, 0.25), transparent 70%),
radial-gradient(30vmax 30vmax at 75% 25%, rgba(79, 165, 43, 0.25), transparent 70%),
radial-gradient(25vmax 25vmax at 60% 75%, rgba(227, 63, 59, 0.25), transparent 70%),
radial-gradient(20vmax 20vmax at 85% 65%, rgba(228, 123, 25, 0.15), transparent 70%);
}
/* Subtle noise for depth */
section.hero-section::after {
content: ""; content: "";
position: absolute; position: absolute;
inset: 0; inset: 0;
@ -48,6 +51,7 @@ section.hero-section.dark::after {
opacity: 0.04; opacity: 0.04;
pointer-events: none; pointer-events: none;
} }
}
section.hero-section > .content-wrapper { section.hero-section > .content-wrapper {
display: flex; display: flex;