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

10
src/index.html
View File

@ -9,11 +9,19 @@
</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>

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"