parent
960d587436
commit
17f26d98a3
|
@ -0,0 +1,14 @@
|
||||||
|
---
|
||||||
|
export interface Props {
|
||||||
|
code: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const { code } = Astro.props;
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="flex items-center justify-center h-screen flex-col">
|
||||||
|
<div class="w-3/4">
|
||||||
|
<h1 class="text-6xl font-bold m-250">Error: { code }</h1>
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
|
</div>
|
|
@ -1,17 +1,20 @@
|
||||||
---
|
---
|
||||||
|
// import Error from "../components/Error.astro"; //! TODO: sort this out
|
||||||
import Error from "../components/Error.astro";
|
import Error from "../components/Error.astro";
|
||||||
import Boilerplate from "../layouts/Boilerplate.astro";
|
import Boilerplate from "../layouts/Boilerplate.astro";
|
||||||
|
|
||||||
|
// use styles.scss
|
||||||
|
import "../styles.scss";
|
||||||
|
|
||||||
const keywords: string[] = []
|
const keywords: string[] = []
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<Boilerplate title="404" description="Page not found" keywords={keywords}>
|
<Boilerplate title="404" description="Page not found" keywords={keywords}>
|
||||||
<div class="error">
|
<Error code="404">
|
||||||
<h1>404</h1>
|
<p class="text-xl p-250">
|
||||||
<p>Page not found</p>
|
Sorry, the page `<code>{Astro.url}</code>` does not exist,
|
||||||
<p>
|
Click <a href="/" class="text-hue_4a hover:text-hue_4b">here</a> to go back to the homepage.
|
||||||
Sorry, the page `<code>https://hullcss.org/{Astro.url}</code>` does not exist,
|
|
||||||
Click <a href="/">here</a> to go back to the homepage.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</Error>
|
||||||
</Boilerplate>
|
</Boilerplate>
|
|
@ -0,0 +1,26 @@
|
||||||
|
|
||||||
|
header {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
|
||||||
|
}
|
|
@ -0,0 +1,40 @@
|
||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
module.exports = {
|
||||||
|
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
||||||
|
theme: {
|
||||||
|
extend: {},
|
||||||
|
colors: {
|
||||||
|
transparent: 'transparent',
|
||||||
|
current: 'currentColor',
|
||||||
|
|
||||||
|
// grayscale colors
|
||||||
|
mono_1: 'hsl(220, 14%, 71%)',
|
||||||
|
mono_2: 'hsl(220, 9%, 55%)',
|
||||||
|
mono_3: 'hsl(220, 14%, 45%)',
|
||||||
|
mono_4: 'hsl(220, 10%, 40%)',
|
||||||
|
mono_5: 'hsl(220, 13%, 18%)',
|
||||||
|
mono_6: 'hsl(220, 15%, 13%)',
|
||||||
|
|
||||||
|
// hue colors
|
||||||
|
hue_1a: 'hsl(187, 47%, 55%)',
|
||||||
|
hue_2a: 'hsl(207, 82%, 66%)',
|
||||||
|
hue_3a: 'hsl(286, 60%, 67%)',
|
||||||
|
hue_4a: 'hsl( 95, 100%, 68%)',
|
||||||
|
hue_4b: 'hsl(104, 16%, 41%)',
|
||||||
|
hue_5a: 'hsl(355, 65%, 65%)',
|
||||||
|
hue_5b: 'hsl( 5, 48%, 51%)',
|
||||||
|
hue_6a: 'hsl( 29, 54%, 61%)',
|
||||||
|
hue_6b: 'hsl( 39, 67%, 69%)',
|
||||||
|
|
||||||
|
// generic colors
|
||||||
|
foreground: 'hsl(220, 14%, 71%)',
|
||||||
|
background_1: 'hsl(220, 13%, 18%)',
|
||||||
|
background_2: 'hsl(220, 15%, 13%)',
|
||||||
|
// gutter: 'hsl(220, 9%, 55%)',
|
||||||
|
gutter: 'hsl(220, 14%, 45%)',
|
||||||
|
accent: 'hsl(220, 100%, 66%)',
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
}
|
Loading…
Reference in New Issue