z0x/z0x.ca
Code Activity Actions

refactor(index): create reusable component for text above logo

Browse source
This commit is contained in:
z0x 2025-04-09 20:43:09 -04:00
parent 18df241880
commit 51d8c01db6
4 changed files with 13 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/NotFound.astro
View file

@ -1,6 +0,0 @@
<p class="relative text-4xl font-semibold text-foreground">
<span
class="absolute inset-0 opacity-0 blur-md motion-text bg-muted-foreground"
></span>
<span class="relative opacity-0 motion-text">404</span>
</p>

14
src/components/Text.astro
View file

@ -1,6 +1,12 @@
---
export interface Props {
text: string;
}
const { text } = Astro.props;
---
<p class="relative text-4xl font-semibold text-foreground">
<span
class="absolute inset-0 opacity-0 blur-md motion-text bg-muted-foreground"
></span>
<span class="relative opacity-0 motion-text">z0x</span>
<span class="absolute inset-0 opacity-0 blur-md motion-text bg-muted-foreground"></span>
<span class="relative opacity-0 motion-text">{text}</span>
</p>