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

18
src/index.html
View File

@ -1,19 +1,27 @@
<!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>
</button>
</section> </section>
</header> </header>
<main> <main>
@ -49,5 +57,5 @@
</noscript> </noscript>
</footer> </footer>
<script type="module" src="./rt/terminal.ts"></script> <script type="module" src="./rt/terminal.ts"></script>
</body> </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"