web-terminal-lite
Version:
A lightweight in-browser terminal that simulates a shell-like experience
44 lines (38 loc) • 904 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Web Terminal</title>
<link rel="stylesheet" href="/node_modules/xterm/css/xterm.css" />
<style>
body {
margin: 0;
font-family: sans-serif;
}
#terminal-container {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 300px; /* You can adjust this */
background: #1e1e1e;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.4);
border-top: 1px solid #333;
z-index: 1000;
}
#terminal {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<!-- Main App Content -->
<h1 style="padding: 20px;">Your App UI Above</h1>
<!-- Docked Terminal -->
<div id="terminal-container">
<div id="terminal"></div>
</div>
<script type="module" src="/main.js"></script>
</body>
</html>