Make stars always cover all the possible screen (account for parallax)

[Archived] Archived WIP of vielle.dev

- remove whitespace in Moon imports // is the syntax error for conflicting Moon an astro/ts bug? runtime doesnt have it soo

vielle.dev 9 months ago cb2ad116 4b2dbf00

+1 -2

2 changed files

expand all

unified split

src

components

blog

background

Moon.astro

Star.astro

-1

src/components/blog/background/Moon.astro

··· 1 1 --- 2 2 import { blog } from "@/config"; 3 - 4 3 import { Moon } from "lunarphase-js"; 5 4 6 5 // sorry south hemisphere, theres fuck all i can do without getting ur location which is weird </3

+1 -1

src/components/blog/background/Star.astro

··· 7 7 position: absolute; 8 8 width: var(--size); 9 9 height: var(--size); 10 - top: calc(var(--y) * 120lvh - 10lvh); 10 + top: calc(var(--y) * (120lvh + var(--parallax-speed) * 1lvh) - 10lvh); 11 11 left: calc(var(--x) * 120lvw - 10lvw); 12 12 } 13 13 </style>