artie/artie.moe
1
0
Fork 0
mirror of https://github.com/artiemis/artie.moe.git synced 2026-02-14 09:01:55 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add 404 page (#1)

Browse Source
This commit is contained in:
Artemis 2023-03-07 14:10:33 +01:00 committed by GitHub
parent 3251ecfa9d
commit cd9da6e22f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/layouts/Layout.astro
View File

@ -1,3 +1,11 @@
---
interface Props {
title: string;
}
const { title } = Astro.props;
---
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -22,7 +30,7 @@
/> />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap" rel="stylesheet" />
<title>artie</title> <title>{title}</title>
</head> </head>
<body class="bg-zinc-900 h-screen text-white flex flex-col justify-center items-center"> <body class="bg-zinc-900 h-screen text-white flex flex-col justify-center items-center">
<slot /> <slot />

14
src/pages/404.astro Normal file
View File

@ -0,0 +1,14 @@
---
import Heart from "../components/Heart.astro";
import Prompt from "../components/Prompt.astro";
import Layout from "../layouts/Layout.astro";
---
<Layout title="404 - artie">
<Prompt />
<p class="font-bold lg:text-8xl text-7xl text-transparent bg-clip-text from-pink-400 to-purple-600 bg-gradient-to-r">
404
</p>
<a href="/" class="font-medium lg:text-2xl text-xl mt-3 underline text-pink-400 hover:text-pink-600">Home</a>
<Heart />
</Layout>

2
src/pages/index.astro
View File

@ -6,7 +6,7 @@ import Icons from "../components/Icons.astro";
import Heart from "../components/Heart.astro"; import Heart from "../components/Heart.astro";
--- ---
<Layout> <Layout title="artie">
<Prompt /> <Prompt />
<Centerpiece /> <Centerpiece />
<Icons /> <Icons />