add react

2025-02-02 00:58:28 -05:00
parent ead9309e30
commit f5f335ff33
16 changed files with 258 additions and 31 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@ -1,22 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-		<meta name="generator" content={Astro.generator} />
-		<title>Astro Basics</title>
-	</head>
-	<body>
-		<slot />
-	</body>
-</html>
-
-<style>
-	html,
-	body {
-		margin: 0;
-		width: 100%;
-		height: 100%;
-	}
-</style>
--- a/src/layouts/Webpage.astro
+++ b/src/layouts/Webpage.astro
@ -0,0 +1,63 @@
+---
+import Metas from "../components/metas.astro"
+import Header from "../components/header.astro"
+import Footer from "../components/footer.astro"
+
+interface Props {
+	title: string,
+}
+const {title} = Astro.props
+---
+
+<!doctype html>
+<html lang="en">
+	<head>
+		<Metas/>
+		<link rel="icon" type="image/png" href="/logo.png"/>
+		<title>{`rhpidfyre.io | ${title}`}</title>
+	</head>
+	<body>
+		<Header title={title}/>
+		<slot/>
+		<Footer/>
+	</body>
+</html>
+
+<style is:global lang="scss">
+	@forward "../scss/fonts";
+	@forward "../scss/terminal";
+
+	* {
+		font-family: 'Terminus', monospace;
+		font-size: 15px;
+		letter-spacing: 2px;
+		cursor: text;
+	}
+	:root {
+		color-scheme: dark;
+
+		--body-background-color: rgb(0,0,0);
+		--hf-button-hover-color: rgb(50,50,50);
+	}
+	::selection {
+		background-color: rgb(255,255,255);
+		color: rgb(0,0,0);
+	}
+
+	body {
+		box-sizing: border-box;
+		margin: 0;
+		overflow: hidden;
+		background-color: var(--body-background-color);
+	}
+	button {
+		background-color: transparent;
+		border: 0;
+	}
+	a {
+		color: white;
+		cursor:	unset;
+
+		&:hover, &:active, &:link { text-decoration: none; }
+	}
+</style>