File size: 1,758 Bytes
52dd3c8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!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>