-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (86 loc) · 5.94 KB
/
index.html
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Contrail</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<main>
<div id="line-number">
<span class="line-item">1</span>
</div>
<div class="cover">
<textarea wrap="off" oninput="CountLine(value)" id="editor" class="editor" spellcheck="false"></textarea>
<pre id="dummy"><code id="code" class="hljs"></code></pre>
</div>
</main>
<footer>
<div id="commands">
<svg class="commnad-item" id="cmd-line-num" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/></svg>
<svg class="commnad-item" id="cmd-code-mode" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"/></svg>
<svg class="commnad-item" id="cmd-front-clip" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M32 32C32 14.3 46.3 0 64 0H320c17.7 0 32 14.3 32 32s-14.3 32-32 32H290.5l11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3H32c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64H64C46.3 64 32 49.7 32 32zM160 384h64v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384z"/></svg>
<svg class="commnad-item" id="cmd-glass-mode" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M 23.15,0.72
C 23.15,0.72 66.72,0.00 66.72,0.00
66.72,0.00 148.43,0.00 148.43,0.00
148.43,0.00 401.70,0.00 401.70,0.00
401.70,0.00 479.32,0.00 479.32,0.00
500.90,0.10 511.97,13.05 512.00,34.04
512.00,34.04 512.00,401.70 512.00,401.70
512.00,401.70 512.00,479.32 512.00,479.32
511.90,500.90 498.95,511.97 477.96,512.00
477.96,512.00 110.30,512.00 110.30,512.00
110.30,512.00 32.68,512.00 32.68,512.00
11.10,511.90 0.03,498.95 -0.00,477.96
-0.00,477.96 -0.00,115.74 -0.00,115.74
-0.00,115.74 -0.00,34.04 -0.00,34.04
0.03,17.34 6.24,5.77 23.15,0.72 Z
M 446.64,65.36
C 446.64,65.36 65.36,65.36 65.36,65.36
65.36,65.36 65.36,446.64 65.36,446.64
65.36,446.64 446.64,446.64 446.64,446.64
446.64,446.64 446.64,65.36 446.64,65.36 Z
M 258.72,74.26
C 268.49,72.89 277.97,77.93 279.00,88.51
279.95,98.25 274.89,103.36 269.04,110.30
269.04,110.30 246.64,136.17 246.64,136.17
246.64,136.17 143.35,256.00 143.35,256.00
143.35,256.00 119.83,283.23 119.83,283.23
113.03,291.10 108.25,297.83 96.68,296.70
86.00,295.66 79.70,285.10 82.79,275.06
85.16,267.40 103.33,248.27 109.51,241.02
109.51,241.02 215.22,118.47 215.22,118.47
215.22,118.47 241.09,88.51 241.09,88.51
247.33,81.48 249.43,77.23 258.72,74.26 Z
M 166.13,77.01
C 181.42,76.62 189.81,90.30 182.16,103.49
182.16,103.49 164.19,125.28 164.19,125.28
164.19,125.28 126.82,168.85 126.82,168.85
120.72,175.93 113.14,187.59 103.49,188.98
93.72,190.39 84.87,184.26 83.56,174.30
82.20,163.95 92.65,154.32 98.83,147.06
98.83,147.06 141.04,98.04 141.04,98.04
148.58,89.19 154.23,79.54 166.13,77.01 Z" />
</svg>
</div>
</footer>
</div>
<!-- You can also require other files to run in this process -->
<script src="contrail.js"></script>
<script type="text/javascript">
var editor = document.getElementById('editor')
editor.focus()
CountLine(editor.value)
var editor = document.getElementById('editor');
var linenum = document.getElementById('line-number');
var dummy = document.getElementById('dummy');
editor.addEventListener('scroll', function() {
linenum.scrollTop = editor.scrollTop;
dummy.scrollTop = editor.scrollTop;
dummy.scrollLeft = editor.scrollLeft;
});
</script>
</body>
</html>