3 Commits

Author SHA1 Message Date
d26a88628b boiler plating 2025-03-02 17:04:31 -05:00
d499e013f5 move vite-plugin-html into devDependencies 2025-03-02 16:04:28 -05:00
b64ccd6975 add vite-plugin-ejs 2025-03-02 15:36:01 -05:00
7 changed files with 84 additions and 62 deletions

View File

@ -12,6 +12,7 @@
"sass": "^1.85.1",
"typescript": "^5.8.2",
"vite": "^6.2.0",
"vite-plugin-html": "^3.2.2"
"vite-plugin-html": "^3.2.2",
"vite-plugin-ejs": "^1.7.0"
}
}

11
src/html/footer.html Normal file
View File

@ -0,0 +1,11 @@
<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>

14
src/html/header.html Normal file
View File

@ -0,0 +1,14 @@
<button class="header-left">
<a href="https://rhpidfyre.io/" class="header-button">[rhpidfyre.io]</a>
</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>

17
src/html/motd.html Normal file
View File

@ -0,0 +1,17 @@
<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>

22
src/index.ejs Normal file
View File

@ -0,0 +1,22 @@
<!doctype html>
<html>
<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>
<%- inlineHtml("header") %>
</header>
<main>
<%- inlineHtml("motd") %>
</main>
<footer>
<%- inlineHtml("footer") %>
</footer>
<script type="module" src="./rt/emulator/terminal.ts"></script>
</body>
</html>

View File

@ -1,61 +0,0 @@
<!doctype html>
<html>
<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>
</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>
<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/emulator/terminal.ts"></script>
</body>
</html>

View File

@ -1,9 +1,27 @@
import { defineConfig } from 'vite'
import { createHtmlPlugin } from 'vite-plugin-html'
import { ViteEjsPlugin } from 'vite-plugin-ejs'
import fs from "fs"
import path from "path"
const html_dir = path.join(__dirname, "src", "html")
function inlineHtml(html_file_name) {
try {
const html_path = path.resolve(path.join(html_dir, html_file_name+".html"))
return fs.readFileSync(html_path, "utf-8")
} catch(read_err) {
return "[INLINE-ERROR], "+read_err
}
}
export default defineConfig({
plugins: [
createHtmlPlugin({minify: true}),
ViteEjsPlugin({
inlineHtml: inlineHtml
})
],
root: "src",
build: {