System-End/daydream-phoenix
1
0
Fork 0
mirror of https://github.com/System-End/daydream-phoenix.git synced 2026-04-19 22:05:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Misc fixes

Browse source
This commit is contained in:
Gus Ruben 2025-07-22 16:14:40 -04:00
parent 9d19534d27
commit 2bb9ea04a9
2 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/+page.svelte
View file

@ -615,7 +615,7 @@ Mumbai`.split("\n")
<div class="buildings-front-parallax absolute top-0 left-0 w-full h-full bg-[url(/buildings-front.png)] bg-no-repeat bg-contain pointer-events-none lg:-translate-y-15"></div>
<!-- brush texture clipped to front buildings -->
<div class="absolute top-0 left-0 w-full h-full bg-[url('brushstroking.png')] bg-size-[100vw_100vh] bg-repeat pointer-events-none opacity-100 lg:-translate-y-15 bg-center mix-blend-overlay" style="mask-image: url('/buildings-front.png'); mask-size: contain; mask-repeat: no-repeat; mask-position: center top; -webkit-mask-image: url('/buildings-front.png'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center top;"></div>
<div class="hero-ui-parallax flex flex-col items-center justify-center text-center relative z-10 -translate-y-2">
<div class="hero-ui-parallax flex flex-col items-center justify-center text-center relative z-5 -translate-y-2">
<div class="inline-block relative">
<div class="h-12"></div>
<!-- space for the ship -->
@ -647,7 +647,7 @@ Mumbai`.split("\n")
</h4>
</div>
<div class="mt-8 flex flex-col items-center gap-3 z-10 max-md:scale-90">
<div class="mt-8 flex flex-col items-center gap-3 z-5 max-md:scale-90">
<form on:submit={handleFormSubmit} class="rounded-full bg-white border-2 border-dark font-sans p-2 flex flex-row items-center gap-2 shadow-[0_3px_0_0_theme(colors.dark)] focus-within:border-pink focus-within:shadow-[0_3px_0_0_#E472AB] has-[button:active]:border-dark has-[button:active]:shadow-[0_3px_0_0_theme(colors.dark)] has-[button:focus]:border-dark has-[button:focus]:shadow-[0_3px_0_0_theme(colors.dark)]">
<input
type="email"
@ -706,9 +706,9 @@ Mumbai`.split("\n")
<img src="/clouds-top-left-bg.svg" alt="" class="absolute left-0 w-3/12 -bottom-12 translate-y-1/2">
<div class="absolute left-0 w-3/12 -bottom-12 translate-y-1/2 bg-[url('brushstroking.png')] bg-size-[100vw_100vh] bg-repeat mix-blend-overlay opacity-60 pointer-events-none h-full" style="mask-image: url('/clouds-top-left-bg.svg'); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('/clouds-top-left-bg.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;"></div>
<img src="/clouds-top-middle.png" alt="" class="absolute left-5/12 -translate-x-1/2 w-7/12 -bottom-24">
<img src="/clouds-top-right.png" alt="" class="absolute right-0 w-1/2 -bottom-12 translate-y-1/2">
<img src="/clouds-top-left.png" alt="" class="absolute left-0 w-3/12 -bottom-12 translate-y-1/2">
<img src="/clouds-top-middle.png" alt="" class="absolute left-5/12 -translate-x-1/2 w-7/12 -bottom-24 z-20">
<img src="/clouds-top-right.png" alt="" class="absolute right-0 w-1/2 -bottom-12 translate-y-1/2 z-20">
<img src="/clouds-top-left.png" alt="" class="absolute left-0 w-3/12 -bottom-12 translate-y-1/2 z-20">

12
src/routes/example/+page.svelte
View file

@ -604,7 +604,7 @@ Mumbai`.split("\n")
<div class="buildings-front-parallax absolute top-0 left-0 w-full h-full bg-[url(/buildings-front.png)] bg-no-repeat bg-contain pointer-events-none lg:-translate-y-15"></div>
<!-- brush texture clipped to front buildings -->
<div class="absolute top-0 left-0 w-full h-full bg-[url('brushstroking.png')] bg-size-[100vw_100vh] bg-repeat pointer-events-none opacity-100 lg:-translate-y-15 bg-center mix-blend-overlay" style="mask-image: url('/buildings-front.png'); mask-size: contain; mask-repeat: no-repeat; mask-position: center top; -webkit-mask-image: url('/buildings-front.png'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center top;"></div>
<div class="hero-ui-parallax flex flex-col items-center justify-center text-center relative z-10 -translate-y-2">
<div class="hero-ui-parallax flex flex-col items-center justify-center text-center relative z-5 -translate-y-2">
<div class="inline-block relative">
<div class="h-12"></div>
<!-- space for the ship -->
@ -632,11 +632,11 @@ Mumbai`.split("\n")
<h4
class="text-2xl opacity-90 mt-2 font-serif bg-gradient-to-b from-[#487DAB] to-[#3F709A] bg-clip-text text-transparent max-sm:text-xl"
>
Happening in {EVENT_LOCATION}
Organized by teenagers in {EVENT_LOCATION}
</h4>
</div>
<div class="mt-8 flex flex-col items-center gap-3 z-10 max-md:scale-90">
<div class="mt-8 flex flex-col items-center gap-3 z-5 max-md:scale-90">
<form on:submit={handleFormSubmit} class="rounded-full bg-white border-2 border-dark font-sans p-2 flex flex-row items-center gap-2 shadow-[0_3px_0_0_theme(colors.dark)] focus-within:border-pink focus-within:shadow-[0_3px_0_0_#E472AB] has-[button:active]:border-dark has-[button:active]:shadow-[0_3px_0_0_theme(colors.dark)] has-[button:focus]:border-dark has-[button:focus]:shadow-[0_3px_0_0_theme(colors.dark)]">
<input
type="email"
@ -695,9 +695,9 @@ Mumbai`.split("\n")
<img src="/clouds-top-left-bg.svg" alt="" class="absolute left-0 w-3/12 -bottom-12 translate-y-1/2">
<div class="absolute left-0 w-3/12 -bottom-12 translate-y-1/2 bg-[url('brushstroking.png')] bg-size-[100vw_100vh] bg-repeat mix-blend-overlay opacity-60 pointer-events-none h-full" style="mask-image: url('/clouds-top-left-bg.svg'); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('/clouds-top-left-bg.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;"></div>
<img src="/clouds-top-middle.png" alt="" class="absolute left-5/12 -translate-x-1/2 w-7/12 -bottom-24">
<img src="/clouds-top-right.png" alt="" class="absolute right-0 w-1/2 -bottom-12 translate-y-1/2">
<img src="/clouds-top-left.png" alt="" class="absolute left-0 w-3/12 -bottom-12 translate-y-1/2">
<img src="/clouds-top-middle.png" alt="" class="absolute left-5/12 -translate-x-1/2 w-7/12 -bottom-24 z-20">
<img src="/clouds-top-right.png" alt="" class="absolute right-0 w-1/2 -bottom-12 translate-y-1/2 z-20">
<img src="/clouds-top-left.png" alt="" class="absolute left-0 w-3/12 -bottom-12 translate-y-1/2 z-20">