rhpidfyre.io/rhpidfyre.io
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header is now astro-less

Browse Source
This commit is contained in:
rhpidfyre 2025-02-22 21:11:54 -05:00
parent 9feda01532
commit 93217ac064
5 changed files with 82 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -14,4 +14,4 @@
"vite": "^6.1.1", "vite": "^6.1.1",
"vite-plugin-html": "^3.2.2" "vite-plugin-html": "^3.2.2"
} }
} }

100
src/index.html
View File

@ -1,53 +1,61 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width"/> <meta name="viewport" content="width=device-width"/>
<link rel="icon" type="image/png" href="/logo.png"/> <link rel="icon" type="image/png" href="/logo.png"/>
<link rel="stylesheet" href="./scss/global.scss"/> <link rel="stylesheet" href="./scss/global.scss"/>
<title>rhpidfyre.io</title> <title>rhpidfyre.io</title>
</head> </head>
<body> <body>
<header> <header>
<button class="header-left">
<a href="https://rhpidfyre.io/" class="header-button">[rhpidfyre.io]</a> <a href="https://rhpidfyre.io/" class="header-button">[rhpidfyre.io]</a>
<section> </button>
<section class="header-right">
<button>
<a href="https://git.rhpidfyre.io/" class="header-button">GIT</a> <a href="https://git.rhpidfyre.io/" class="header-button">GIT</a>
</button>
<button>
<a href="https://files.rhpidfyre.io/" class="header-button">CLOUD</a> <a href="https://files.rhpidfyre.io/" class="header-button">CLOUD</a>
</button>
<button>
<a href="https://gsm.rhpidfyre.io/" class="header-button">GSM</a> <a href="https://gsm.rhpidfyre.io/" class="header-button">GSM</a>
</section> </button>
</header> </section>
<main> </header>
<p>Welcome to rhpidfyre.io!</p> <main>
<div class="return"></div> <p>Welcome to rhpidfyre.io!</p>
<p>This is a personal website by rhpidfyre / Brandon.</p> <div class="return"></div>
<p>You can find my services here or learn about me.</p> <p>This is a personal website by rhpidfyre / Brandon.</p>
<div class="return"></div> <p>You can find my services here or learn about me.</p>
<p>You can also contribute or view the source code of my website via the links:</p> <div class="return"></div>
<p>&lt;<a href="https://git.rhpidfyre.io/rhpidfyre/rhpidfyre.io" target="_blank">https://git.rhpidfyre.io/rhpidfyre/rhpidfyre.io</a>&gt;.</p> <p>You can also contribute or view the source code of my website via the links:</p>
<p>&lt;<a href="https://github.com/unixtensor/rhpidfyre.io" target="_blank">https://github.com/unixtensor/rhpidfyre.io</a>&gt;.</p> <p>&lt;<a href="https://git.rhpidfyre.io/rhpidfyre/rhpidfyre.io" target="_blank">https://git.rhpidfyre.io/rhpidfyre/rhpidfyre.io</a>&gt;.</p>
<div class="return"></div> <p>&lt;<a href="https://github.com/unixtensor/rhpidfyre.io" target="_blank">https://github.com/unixtensor/rhpidfyre.io</a>&gt;.</p>
<p>You can get started with the command: <span class="bold">help</span></p> <div class="return"></div>
<div class="return"></div> <p>You can get started with the command: <span class="bold">help</span></p>
<noscript> <div class="return"></div>
<p><span class="red">=================================================</span></p> <noscript>
<p><span class="red">JavaScript is disabled, functionality will be limited. :(</span></p> <p><span class="red">=================================================</span></p>
<p><span class="red">But, you will not be limited at exploring my services which you can find by navigating towards the top-right.</span></p> <p><span class="red">JavaScript is disabled, functionality will be limited. :(</span></p>
<p><span class="red">=================================================</span></p> <p><span class="red">But, you will not be limited at exploring my services which you can find by navigating towards the top-right.</span></p>
</noscript> <p><span class="red">=================================================</span></p>
</main> </noscript>
<footer> </main>
<p class="raw-text" id="time">00:00:00</p> <footer>
<section> <p class="raw-text" id="time">00:00:00</p>
<p class="raw-text" id="column-line">0, 0</p> <section>
<button id="toggle-monospace">Monospace</button> <p class="raw-text" id="column-line">0, 0</p>
<button id="toggle-term-mode">UNIX</button> <button id="toggle-monospace">Monospace</button>
</section> <button id="toggle-term-mode">UNIX</button>
<noscript> </section>
<style> <noscript>
#toggle-monospace, .raw-text { display: none } <style>
</style> #toggle-monospace, .raw-text { display: none }
</noscript> </style>
</footer> </noscript>
<script type="module" src="./rt/terminal.ts"></script> </footer>
</body> <script type="module" src="./rt/terminal.ts"></script>
</body>
</html> </html>

26
src/scss/elements/header.scss
View File

@ -1,12 +1,32 @@
@use "../variables.scss"; @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 { @mixin styling {
@include navigation;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center;
width: 100vw; width: 100vw;
height: variables.$header-Y; height: variables.$header-Y;
background-color: rgb(10,10,10); background-color: rgb(10,10,10);
p { margin-left: 10px; }
section { height: 100%; }
} }

3
tsconfig.json
View File

@ -15,8 +15,7 @@
/* Linting */ /* Linting */
"strict": true, "strict": true,
"noUnusedLocals": true, // "noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true, "noFallthroughCasesInSwitch": true,
"noUncheckedSideEffectImports": true, "noUncheckedSideEffectImports": true,
"noImplicitAny": true, "noImplicitAny": true,

6
vite.config.js
View File

@ -2,9 +2,9 @@ import { defineConfig } from 'vite'
import { createHtmlPlugin } from 'vite-plugin-html' import { createHtmlPlugin } from 'vite-plugin-html'
export default defineConfig({ export default defineConfig({
plugins: [createHtmlPlugin({ plugins: [
minify: true createHtmlPlugin({minify: true}),
})], ],
root: "src", root: "src",
build: { build: {
outDir: "../dist" outDir: "../dist"