1<!DOCTYPE html>
2<html>
3
4<head>
5    <meta charset="utf-8">
6    <title>Circuit Viewer</title>
7    <style>
8        html,
9        body {
10            height: 100%;
11        }
12
13        #visual_area {
14            background-color: #ffffff;
15            width: 100%;
16            height: 100%;
17            position: absolute;
18            left: 0px;
19        }
20
21        #canvas_textarea {
22            border: 1px solid groove;
23            position: absolute;
24            margin-left: 8px;
25            margin-right: 8px;
26            width: 258px;
27            height: 32px;
28            border-style: none;
29            outline: none;
30            background-color: rgba(255, 255, 255, 0.1);
31            border-radius: 8px;
32            display: none;
33            color: #ffffff;
34            padding-left: 8px;
35            padding-right: 8px;
36            caret-color: #ffffff;
37            font-size: 14px;
38            resize: none;
39            line-height: 30px;
40        }
41    </style>
42</head>
43
44<body style="margin:0">
45    <canvas id="visual_area"></canvas>
46    <textarea id="canvas_textarea"></textarea>
47    <script src="./main.js"></script>
48</body>
49
50</html>