terminal / terminal.html
ghostdrive1's picture
Upload 8 files
52dd3c8 verified
Raw
History Blame Contribute Delete
1.76 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HF Terminal</title>
<link rel="stylesheet" href="/static/css/terminal.css">
</head>
<body>
<div id="monitor">
<div id="bezel">
<div id="screen">
<div id="scanlines"></div>
<div id="terminal"></div>
</div>
</div>
<div id="monitor-base">
<div id="monitor-foot"></div>
</div>
</div>
<div id="controls">
<label class="control-group">
<span>Phosphor</span>
<select id="phosphor-select">
<option value="green" selected>Green (P1)</option>
<option value="amber">Amber (P3)</option>
<option value="white">White (P4)</option>
</select>
</label>
<label class="control-group">
<span>Scanlines</span>
<input type="checkbox" id="scanline-toggle" checked>
</label>
<label class="control-group">
<span>Glow</span>
<input type="checkbox" id="glow-toggle" checked>
</label>
<label class="control-group">
<span>Curvature</span>
<input type="checkbox" id="curve-toggle" checked>
</label>
<label class="control-group">
<span>Bell</span>
<input type="checkbox" id="bell-toggle">
</label>
</div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@5.3.0/css/xterm.css">
<script src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.js"></script>
<script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/lib/xterm-addon-fit.js"></script>
<script src="https://cdn.jsdelivr.net/npm/xterm-addon-web-links@0.9.0/lib/xterm-addon-web-links.js"></script>
<script src="/static/js/terminal.js"></script>
</body>
</html>