terminal prelim

This commit is contained in:
nelle 2024-08-03 02:56:55 -06:00
parent 3401753f2a
commit dfe3d2f2d8
5 changed files with 1417 additions and 8 deletions

3
public/scripts/test.js Normal file
View file

@ -0,0 +1,3 @@
const commands = {};
const term = $('body').terminal(commands);

File diff suppressed because it is too large Load diff

View file

@ -12,5 +12,6 @@ import Footer from "../components/Footer.astro";
<slot />
<Footer />
<script type="text/javascript" src="/scripts/sga.js"></script>
<script type="text/javascript" src="/scripts/test.js"></script>
</body>
</html>

View file

@ -4,14 +4,17 @@ import Layout from "../layouts/Layout.astro";
<Layout>
<main>
<!-- Title Area -->
<!-- Title Area -->
<section class="content">
<h1 class="title"> nelle.observer</h1>
<h2 class="subtitle"></h2>
</section>
<section class="content">
<p>hello, what brings you here?</p>
<p>my name is nelle (not Nelle, nelle), some call me <span style="color: var(--accent);">[data expunged]</span></p>
</section>
<h1 class="title">nelle.observer</h1>
<h2 class="subtitle"></h2>
</section>
<section class="content">
<p>hello, what brings you here?</p>
<p>
my name is nelle (not Nelle, nelle), some call me <span
style="color: var(--accent);">[data expunged]</span>
</p>
</section>
</main>
</Layout>

26
src/pages/terminal.html Normal file
View file

@ -0,0 +1,26 @@
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.terminal/css/jquery.terminal.min.css" />
<link rel="stylesheet" href="/styles/main.css" />
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/jquery"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery.terminal/js/jquery.terminal.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/figlet/lib/figlet.js"></script>
<script>
$(function() {
$('body').terminal({
help: function() {
this.echo('Hello, ' +
'. Wellcome to this terminal.');
}
}, {
greetings: '[[;#d7bfa2;]Welcome to nelle.observer OS.]\n[[;#d7bfa2;]Type] [[;#ffa941;]Help] [[;#d7bfa2;]for commands.]'
});
});
</script>
</body>
</html>