404 page

Changed files
+31 -1
src
components
pages
styles
+1 -1
src/components/Base.astro
··· 3 title: string; 4 graph?: { 5 description: string; 6 - url: string; 7 type?: "website" | "article"; 8 image?: string; 9 };
··· 3 title: string; 4 graph?: { 5 description: string; 6 + url?: string; 7 type?: "website" | "article"; 8 image?: string; 9 };
+20
src/pages/404.astro
···
··· 1 + --- 2 + import Base from "../components/Base.astro"; 3 + import "../styles/main.css"; 4 + import "../styles/splashscreen.css"; 5 + --- 6 + 7 + <Base 8 + title="ENTRANCE" 9 + graph={{ 10 + description: "Page not found.", 11 + }} 12 + > 13 + <div class="bwcontainer"> 14 + <main class="bwbox center"> 15 + <h1>ERROR_404</h1> 16 + <p>This page doesn't exist.</p> 17 + <p><a href="/home">Return home.</a></p> 18 + </main> 19 + </div> 20 + </Base>
+10
src/styles/main.css
··· 21 line-height: 1.5rem; 22 } 23 24 a { 25 color: var(--yellow); 26 text-decoration: underline dashed; 27 text-underline-offset: 4px; ··· 42 border: 10px double var(--white); 43 padding: 13px 15px; 44 }
··· 21 line-height: 1.5rem; 22 } 23 24 + p { 25 + margin: 13px 0; 26 + } 27 + 28 a { 29 + font-size: 1rem; 30 color: var(--yellow); 31 text-decoration: underline dashed; 32 text-underline-offset: 4px; ··· 47 border: 10px double var(--white); 48 padding: 13px 15px; 49 } 50 + 51 + .center { 52 + text-align: center; 53 + vertical-align: middle; 54 + }