From 8dee9cdeffafcb45f31d0eeb6afc4af396c56e94 Mon Sep 17 00:00:00 2001
From: rhpidfyre <brandon@rhpidfyre.io>
Date: Sat, 22 Feb 2025 15:37:39 -0500
Subject: [PATCH] scss styling and remove astro elements

---
 src/pages/index.astro         | 25 -------------------------
 src/scss/elements/footer.scss | 27 +++++++++++++++++++++++++++
 src/scss/elements/header.scss |  2 ++
 src/scss/elements/main.scss   |  3 ++-
 src/scss/global.scss          |  5 +----
 src/scss/variables.scss       |  3 +++
 src/ts/links.ts               | 10 ----------
 7 files changed, 35 insertions(+), 40 deletions(-)
 create mode 100644 src/scss/variables.scss
 delete mode 100644 src/ts/links.ts

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 23cf5eb..b51d34b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -11,30 +11,5 @@ import Motd from '../components/terminal/motd.astro';
 </Webpage>
 
 <style lang="scss" is:global>
-	@use "../scss/variables";
-	@use "../scss/terminal";
 
-	::spelling-error {
-		text-decoration: none
-	}
-
-	main {
-		@include terminal.formatting;
-
-		width: 100vw;
-		height: calc(99.3vh - variables.$header-Y - variables.$footer-Y);
-		padding: 5px;
-		overflow-y: auto;
-	}
-	input {
-		font-size: 1.2rem;
-		background-color: transparent;
-		border: 0;
-		outline: 0;
-		width: 90%;
-		/* Pester me when this gets undrafted */
-		caret-shape: block;
-
-		&:disabled { color: white }
-	}
 </style>
\ No newline at end of file
diff --git a/src/scss/elements/footer.scss b/src/scss/elements/footer.scss
index e69de29..745221c 100644
--- a/src/scss/elements/footer.scss
+++ b/src/scss/elements/footer.scss
@@ -0,0 +1,27 @@
+@use "../variables.scss";
+
+@mixin styling {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 100vw;
+	height: variables.$footer-Y;
+	background-color: var(--body-background-color)
+
+	p { padding: 0 20px 0 20px; }
+	section {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 100%;
+
+		button {
+			height: 100%;
+			padding: 0 20px 0 20px;
+
+			&:hover { background-color: var(--hf-button-hover-color) }
+		}
+	}
+
+	#toggle-term-mode { background-color: rgb(0,50,90) }
+}
\ No newline at end of file
diff --git a/src/scss/elements/header.scss b/src/scss/elements/header.scss
index 963f916..acce7ee 100644
--- a/src/scss/elements/header.scss
+++ b/src/scss/elements/header.scss
@@ -1,3 +1,5 @@
+@use "../variables.scss";
+
 @mixin styling {
 	display: flex;
 	justify-content: space-between;
diff --git a/src/scss/elements/main.scss b/src/scss/elements/main.scss
index 9edcbcd..d680597 100644
--- a/src/scss/elements/main.scss
+++ b/src/scss/elements/main.scss
@@ -1,4 +1,5 @@
 @use "./terminal";
+@use "../variables.scss";
 
 @mixin input {
 	font-size: 1.2rem;
@@ -16,7 +17,7 @@
 	@include terminal.formatting;
 
 	width: 100vw;
-	height: calc(99.3vh - $header-Y - $footer-Y);
+	height: calc(99.3vh - variables.$header-Y - variables.$footer-Y);
 	padding: 5px;
 	overflow-y: auto;
 
diff --git a/src/scss/global.scss b/src/scss/global.scss
index cd4cfb6..be16307 100644
--- a/src/scss/global.scss
+++ b/src/scss/global.scss
@@ -1,13 +1,10 @@
 @forward "./font.scss";
 
+@use "./variables.scss";
 @use "./elements/header.scss";
 @use "./elements/main.scss";
 @use "./elements/footer.scss";
 
-$header-Y: 30px;
-$footer-Y: 30px;
-$component-padding: 20px;
-
 :root {
 	color-scheme: dark;
 
diff --git a/src/scss/variables.scss b/src/scss/variables.scss
new file mode 100644
index 0000000..90e5f50
--- /dev/null
+++ b/src/scss/variables.scss
@@ -0,0 +1,3 @@
+$header-Y: 30px;
+$footer-Y: 30px;
+$component-padding: 20px;
\ No newline at end of file
diff --git a/src/ts/links.ts b/src/ts/links.ts
deleted file mode 100644
index 1934c07..0000000
--- a/src/ts/links.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-const enum Links {
-	Self = "https://rhpidfyre.io/",
-	Cloud = "https://files.rhpidfyre.io/",
-	Gsm = "https://gsm.rhpidfyre.io/",
-	Git = "https://git.rhpidfyre.io/",
-	RepoGitea = "https://git.rhpidfyre.io/rhpidfyre/rhpidfyre.io/",
-	RepoGithub = "https://github.com/unixtensor/rhpidfyre.io/"
-}
-
-export { Links }
\ No newline at end of file