diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/404.astro | 20 | ||||
| -rw-r--r-- | src/pages/index.astro | 10 |
2 files changed, 27 insertions, 3 deletions
diff --git a/src/pages/404.astro b/src/pages/404.astro new file mode 100644 index 0000000..a34ff13 --- /dev/null +++ b/src/pages/404.astro @@ -0,0 +1,20 @@ +--- +import Page from "@layouts/Page.astro"; +import { Image } from "@astrojs/image/components"; +const title = "404!"; +const description = title; +--- + +<Page title={title} description={description}> + <h1>404! :(</h1> + <Image + src="/imgs/tapwater.png" + width={500} + height={515} + class="mx-auto" + format="webp" + quality={90} + decoding="async" + alt="can i get you some tapwater?" + /> +</Page> diff --git a/src/pages/index.astro b/src/pages/index.astro index cbf7d69..019375f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,6 +1,6 @@ --- import Index from "@layouts/Index.astro"; -import "@styles/global.sass"; +import { Image } from "@astrojs/image/components"; const title = "guzzle guzzle"; const description = title; --- @@ -15,13 +15,17 @@ const description = title; <p>this is under construction. i'm experimenting with astro</p> - <img + <Image src="/imgs/gifs/obras.gif" + width={106} + height={119} class="mx-auto" + format="webp" + quality={90} loading="lazy" decoding="async" alt="construction" /> - <a href="/lul">click here</a> + <a href="/lul">hehe funny click me</a> </Index> |