fix grain path

This commit is contained in:
VDawg 2023-11-16 16:20:53 +01:00
parent db13188ef9
commit 20045a3b55
7 changed files with 11 additions and 11 deletions

View file

@ -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>

View file

@ -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%,

View file

@ -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(

View file

@ -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),

View file

@ -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);
} }

View file

@ -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),

View file

@ -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>