From 93217ac064675814681c24c73142a96224b01857 Mon Sep 17 00:00:00 2001 From: rhpidfyre Date: Sat, 22 Feb 2025 21:11:54 -0500 Subject: [PATCH] header is now astro-less --- package.json | 2 +- src/index.html | 100 ++++++++++++++++++---------------- src/scss/elements/header.scss | 26 ++++++++- tsconfig.json | 3 +- vite.config.js | 6 +- 5 files changed, 82 insertions(+), 55 deletions(-) diff --git a/package.json b/package.json index f986b7f..278eb1a 100644 --- a/package.json +++ b/package.json @@ -14,4 +14,4 @@ "vite": "^6.1.1", "vite-plugin-html": "^3.2.2" } -} +} \ No newline at end of file diff --git a/src/index.html b/src/index.html index 9954bc8..da2a339 100644 --- a/src/index.html +++ b/src/index.html @@ -1,53 +1,61 @@ - - - - - - rhpidfyre.io - - -
+ + + + + + rhpidfyre.io + + +
+ +
+ + +
-
-
-

Welcome to rhpidfyre.io!

-
-

This is a personal website by rhpidfyre / Brandon.

-

You can find my services here or learn about me.

-
-

You can also contribute or view the source code of my website via the links:

-

<https://git.rhpidfyre.io/rhpidfyre/rhpidfyre.io>.

-

<https://github.com/unixtensor/rhpidfyre.io>.

-
-

You can get started with the command: help

-
- -
-
-

00:00:00

-
-

0, 0

- - -
- -
- - + + +
+
+

Welcome to rhpidfyre.io!

+
+

This is a personal website by rhpidfyre / Brandon.

+

You can find my services here or learn about me.

+
+

You can also contribute or view the source code of my website via the links:

+

<https://git.rhpidfyre.io/rhpidfyre/rhpidfyre.io>.

+

<https://github.com/unixtensor/rhpidfyre.io>.

+
+

You can get started with the command: help

+
+ +
+ + + \ No newline at end of file diff --git a/src/scss/elements/header.scss b/src/scss/elements/header.scss index acce7ee..be8f4dc 100644 --- a/src/scss/elements/header.scss +++ b/src/scss/elements/header.scss @@ -1,12 +1,32 @@ @use "../variables.scss"; +@mixin navigation { + .header-left { + height: 100%; + padding: 0 20px 0 20px; + background-color: rgb(0,0,0); + } + .header-right { + display: flex; + height: 100%; + + button { + padding: 0 20px 0 20px; + &:hover { + background-color: white; + & > a { color: black; } + } + } + } +} + @mixin styling { + @include navigation; + display: flex; justify-content: space-between; + align-items: center; width: 100vw; height: variables.$header-Y; background-color: rgb(10,10,10); - - p { margin-left: 10px; } - section { height: 100%; } } \ No newline at end of file diff --git a/tsconfig.json b/tsconfig.json index ab67711..a30127d 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -15,8 +15,7 @@ /* Linting */ "strict": true, - "noUnusedLocals": true, - "noUnusedParameters": true, + // "noUnusedLocals": true, "noFallthroughCasesInSwitch": true, "noUncheckedSideEffectImports": true, "noImplicitAny": true, diff --git a/vite.config.js b/vite.config.js index 526da59..1ebd9a6 100644 --- a/vite.config.js +++ b/vite.config.js @@ -2,9 +2,9 @@ import { defineConfig } from 'vite' import { createHtmlPlugin } from 'vite-plugin-html' export default defineConfig({ - plugins: [createHtmlPlugin({ - minify: true - })], + plugins: [ + createHtmlPlugin({minify: true}), + ], root: "src", build: { outDir: "../dist"