mirror of
https://github.com/hyprwm/hyprland-website.git
synced 2024-11-17 02:45:59 +01:00
fix grain path
This commit is contained in:
parent
db13188ef9
commit
20045a3b55
7 changed files with 11 additions and 11 deletions
|
@ -107,7 +107,7 @@
|
||||||
height: 900px;
|
height: 900px;
|
||||||
z-index: -10;
|
z-index: -10;
|
||||||
mask-image: radial-gradient(105vw 450px at 50% 50%, rgba(0, 0, 0, 1) 80%, transparent);
|
mask-image: radial-gradient(105vw 450px at 50% 50%, rgba(0, 0, 0, 1) 80%, transparent);
|
||||||
background: url('imgs/grain.webp'),
|
background: url('/imgs/grain.webp'),
|
||||||
radial-gradient(105vw 450px at 50% 50%, theme(colors.blue.600 / 80%), transparent);
|
radial-gradient(105vw 450px at 50% 50%, theme(colors.blue.600 / 80%), transparent);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -199,7 +199,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-light {
|
.top-light {
|
||||||
background: url('imgs/grain.webp'),
|
background: url('/imgs/grain.webp'),
|
||||||
radial-gradient(
|
radial-gradient(
|
||||||
100% 80% at top,
|
100% 80% at top,
|
||||||
theme(colors.cyan.500 / 50%) 0%,
|
theme(colors.cyan.500 / 50%) 0%,
|
||||||
|
|
|
@ -135,7 +135,7 @@
|
||||||
width: 1100px;
|
width: 1100px;
|
||||||
height: 200%;
|
height: 200%;
|
||||||
|
|
||||||
background-image: url('imgs/grain.webp'),
|
background-image: url('/imgs/grain.webp'),
|
||||||
radial-gradient(closest-side, theme(colors.sky.500), theme(colors.indigo.500 / 0%));
|
radial-gradient(closest-side, theme(colors.sky.500), theme(colors.indigo.500 / 0%));
|
||||||
|
|
||||||
mask-image: radial-gradient(
|
mask-image: radial-gradient(
|
||||||
|
|
|
@ -58,7 +58,7 @@
|
||||||
width: 200vw;
|
width: 200vw;
|
||||||
max-width: 2400px;
|
max-width: 2400px;
|
||||||
max-height: 1000px;
|
max-height: 1000px;
|
||||||
background: url('imgs/grain.webp'),
|
background: url('/imgs/grain.webp'),
|
||||||
radial-gradient(closest-side, theme(colors.blue.500 / 30%), transparent),
|
radial-gradient(closest-side, theme(colors.blue.500 / 30%), transparent),
|
||||||
radial-gradient(15% 20%, theme(colors.cyan.500 / 70%), transparent);
|
radial-gradient(15% 20%, theme(colors.cyan.500 / 70%), transparent);
|
||||||
mask-image: radial-gradient(closest-side, white, rgba(0, 0, 0, 0.8) 80%, transparent);
|
mask-image: radial-gradient(closest-side, white, rgba(0, 0, 0, 0.8) 80%, transparent);
|
||||||
|
@ -74,7 +74,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
background-image: url('imgs/grain.webp'),
|
background-image: url('/imgs/grain.webp'),
|
||||||
radial-gradient(
|
radial-gradient(
|
||||||
ellipse at bottom,
|
ellipse at bottom,
|
||||||
theme(colors.pink.400),
|
theme(colors.pink.400),
|
||||||
|
|
|
@ -41,7 +41,7 @@
|
||||||
</Title>
|
</Title>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Contest name="Space" number={3} date="November 2023" --color="BlueViolet">
|
<Contest name="Space" number={3} date="November 2023" --color={colors.indigo[500]}>
|
||||||
<FamedRice
|
<FamedRice
|
||||||
name="Celestial"
|
name="Celestial"
|
||||||
creator="Flafy"
|
creator="Flafy"
|
||||||
|
@ -82,7 +82,7 @@
|
||||||
creator="Flafy"
|
creator="Flafy"
|
||||||
pretitel="#2"
|
pretitel="#2"
|
||||||
dotfilesLink="https://github.com/FlafyDev/flutter_background_bar"
|
dotfilesLink="https://github.com/FlafyDev/flutter_background_bar"
|
||||||
creatorProfilePicture="https://avatars.githubusercontent.com/u/25975326?v=4"
|
creatorProfilePicture="https://avatars.githubusercontent.com/u/44374434?s=96&v=4"
|
||||||
thumbnail="/imgs/ricing_competitions/2/flafy.webp"
|
thumbnail="/imgs/ricing_competitions/2/flafy.webp"
|
||||||
/>
|
/>
|
||||||
<FamedRice
|
<FamedRice
|
||||||
|
@ -173,7 +173,7 @@
|
||||||
inset: 0;
|
inset: 0;
|
||||||
z-index: -1000;
|
z-index: -1000;
|
||||||
mask-image: radial-gradient(70% 50% at 50% 0%, white 70%, transparent);
|
mask-image: radial-gradient(70% 50% at 50% 0%, white 70%, transparent);
|
||||||
background: url('imgs/grain.webp'),
|
background: url('/imgs/grain.webp'),
|
||||||
radial-gradient(70% 50% at 50% 0%, theme(colors.cyan.500 / 40%), transparent);
|
radial-gradient(70% 50% at 50% 0%, theme(colors.cyan.500 / 40%), transparent);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -99,7 +99,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 1000px;
|
height: 1000px;
|
||||||
z-index: -10;
|
z-index: -10;
|
||||||
background: url('imgs/grain.webp'),
|
background: url('/imgs/grain.webp'),
|
||||||
radial-gradient(140px 100px at 50% 45%, var(--color), transparent),
|
radial-gradient(140px 100px at 50% 45%, var(--color), transparent),
|
||||||
radial-gradient(145px 110px at 50% 45%, var(--c1), transparent),
|
radial-gradient(145px 110px at 50% 45%, var(--c1), transparent),
|
||||||
radial-gradient(210px 140px, var(--c2, theme(colors.blue.600)), transparent),
|
radial-gradient(210px 140px, var(--c2, theme(colors.blue.600)), transparent),
|
||||||
|
|
|
@ -122,7 +122,7 @@
|
||||||
contain: layout size style paint;
|
contain: layout size style paint;
|
||||||
|
|
||||||
background-blend-mode: hard-light;
|
background-blend-mode: hard-light;
|
||||||
mask-image: radial-gradient(farthest-side, black 50%, transparent);
|
mask-image: radial-gradient(farthest-side, black 80%, transparent);
|
||||||
background-image: url('imgs/grain.webp');
|
background-image: url('/imgs/grain.webp');
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue