Add 404, do some scripty things

2 years ago · 08f9043ab0
parent 2f341a4e2b
commit 08f9043ab0
4 changed files with 62 additions and 6 deletions
--- a/4
+++ b/4
@ -1,6 +1,6 @@
 all: dev
 build:
-	npm run build
+	npm run realBuild
 	node postBuild.mjs
 dev:
-	npm run dev
+	npm run realDev
--- a/package.json
+++ b/package.json
@ -3,12 +3,13 @@
  "version": "0.0.1",
  "private": true,
  "scripts": {
-    "dev": "astro dev",
-    "start": "astro dev",
-    "build": "astro build",
+    "dev": "make dev",
+	"realDev": "astro dev",
+    "build": "make build",
+	"realBuild": "astro build",
    "preview": "astro preview"
  },
  "devDependencies": {
    "astro": "^0.22.20"
  }
-}
+}
--- a/src/layout/BaseHeaderless.astro
+++ b/src/layout/BaseHeaderless.astro
@ -0,0 +1,46 @@
+---
+import '../css/font.css'
+import '../css/color.css'
+const {title} = Astro.props;
+---
+
+<html lang="en">
+  <!--TODO: set meta tags for discord embed-->
+  <head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width" />
+    <title>{title}</title>
+	<style>
+a + a {
+    margin-left: 5px;
+} /*i will kill you if this breaks other parts of the site*/
+
+.footer {
+  position: fixed;
+  bottom: 0;
+  left: 0px;
+  width: 100%;
+  height: 100;
+}
+.white {
+  background-color: #222222;
+}
+.grey {
+  color: #ffffff;
+}
+
+.padding {
+	position: relative;
+	left: 10px;
+}
+
+.padding-right {
+	position: relative;
+	right: 10px;
+}
+
+	</style>
+  </head>
+  <body>
+    <slot />
+  </body>
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@ -0,0 +1,9 @@
+---
+import Base from '../layout/BaseHeaderless.astro'
+---
+
+<Base title="ruthenic.com: 404">
+	<center><h1>404</h1>
+	<h3>Sorry, the page you are looking for does not exist!</h3>
+	</center>
+</Base>