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-plugin-html": "^3.2.2"
}
}
}

100
src/index.html
View File

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

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

@ -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%; }
}

3
tsconfig.json
View File

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

6
vite.config.js
View File

@ -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"