terminal prelim
This commit is contained in:
parent
3401753f2a
commit
dfe3d2f2d8
5 changed files with 1417 additions and 8 deletions
3
public/scripts/test.js
Normal file
3
public/scripts/test.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
const commands = {};
|
||||||
|
|
||||||
|
const term = $('body').terminal(commands);
|
1376
public/styles/css/terminal.css
Normal file
1376
public/styles/css/terminal.css
Normal file
File diff suppressed because it is too large
Load diff
|
@ -12,5 +12,6 @@ import Footer from "../components/Footer.astro";
|
||||||
<slot />
|
<slot />
|
||||||
<Footer />
|
<Footer />
|
||||||
<script type="text/javascript" src="/scripts/sga.js"></script>
|
<script type="text/javascript" src="/scripts/sga.js"></script>
|
||||||
|
<script type="text/javascript" src="/scripts/test.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -4,14 +4,17 @@ import Layout from "../layouts/Layout.astro";
|
||||||
|
|
||||||
<Layout>
|
<Layout>
|
||||||
<main>
|
<main>
|
||||||
<!-- Title Area -->
|
<!-- Title Area -->
|
||||||
<section class="content">
|
<section class="content">
|
||||||
<h1 class="title"> nelle.observer</h1>
|
<h1 class="title">nelle.observer</h1>
|
||||||
<h2 class="subtitle"></h2>
|
<h2 class="subtitle"></h2>
|
||||||
</section>
|
</section>
|
||||||
<section class="content">
|
<section class="content">
|
||||||
<p>hello, what brings you here?</p>
|
<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>
|
<p>
|
||||||
</section>
|
my name is nelle (not Nelle, nelle), some call me <span
|
||||||
|
style="color: var(--accent);">[data expunged]</span>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
</main>
|
</main>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
26
src/pages/terminal.html
Normal file
26
src/pages/terminal.html
Normal 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>
|
Loading…
Reference in a new issue