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