-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
91 lines (91 loc) · 4.62 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
89
90
91
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8' />
<meta name='description' content='Terminal emulator, made for the web.' />
<meta name='theme-color' content='#3742fa' />
<meta name='viewport' content='width=device-width' />
<title>wt</title>
<link rel='stylesheet' href='css/main.css' />
<link rel='stylesheet' href='css/wt.min.css' />
<script type='module' src='js/main.js'></script>
</head>
<body>
<header>
<h1>
<svg enable-background='new 0 0 24 24' height='32' viewBox='0 0 24 24' width='32'>
<g><rect fill='none' height='24' width='24'></rect></g>
<g><path fill='#f1c40f' d='M11,21h-1l1-7H6.74c0,0,3.68-6.46,6.26-11h1l-1,7h4.28L11,21z'></path></g>
</svg>
wt
</h1>
<p>Terminal emulator, made for the web.</p>
</header>
<main>
<section>
<h2>
<svg enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24'>
<g><rect fill='none' height='24' width='24' /></g>
<g>
<path fill='#3742fa' d='M11.07,12.85c0.77-1.39,2.25-2.21,3.11-3.44c0.91-1.29,0.4-3.7-2.18-3.7c-1.69,0-2.52,1.28-2.87,2.34L6.54,6.96 C7.25,4.83,9.18,3,11.99,3c2.35,0,3.96,1.07,4.78,2.41c0.7,1.15,1.11,3.3,0.03,4.9c-1.2,1.77-2.35,2.31-2.97,3.45 c-0.25,0.46-0.35,0.76-0.35,2.24h-2.89C10.58,15.22,10.46,13.95,11.07,12.85z M14,20c0,1.1-0.9,2-2,2s-2-0.9-2-2c0-1.1,0.9-2,2-2 S14,18.9,14,20z' />
</g>
</svg>
Introduction
</h2>
<p><strong>wt</strong> stands for <strong>web terminal</strong>.</p>
<p>It is a lightweight terminal emulator library.</p>
</section>
<section>
<h2>
<svg height='24' viewBox='0 0 24 24' width='24'>
<path fill='none' d='M0 0h24v24H0V0z' />
<path fill='#3742fa' d='M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z' />
</svg>
What does it have to offer?
</h2>
<ul>
<li>A simple and flexible API</li>
<li>High performance</li>
<li>Zero dependencies</li>
<li>Easy to configure and work with</li>
<li>Effortless command argument handling</li>
<li>Infinite possibilities!</li>
</ul>
</section>
<section>
<h2>
<svg height='24' viewBox='0 0 24 24' width='24'>
<path fill='none' d='M0 0h24v24H0V0z' />
<path fill='#3742fa' d='M12 4C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z' />
</svg>
Demo
</h2>
<p>Below is a simple demonstration of using <strong>wt</strong>.</p>
<div class='wt'><noscript>You must enable JavaScript.</noscript></div>
</section>
<section>
<h2>
<svg enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24'>
<g><rect fill='none' height='24' width='24'></rect></g>
<g>
<g></g>
<path fill='#3742fa' d='M21,5c-1.11-0.35-2.33-0.5-3.5-0.5c-1.95,0-4.05,0.4-5.5,1.5c-1.45-1.1-3.55-1.5-5.5-1.5S2.45,4.9,1,6v15.5 C2.45,20.4,4.55,20,6.5,20s4.05,0.4,5.5,1.5c1.45-1.1,3.55-1.5,5.5-1.5c1.17,0,2.39,0.15,3.5,0.5c0.75,0.25,1.4,0.55,2,1V6 C22.4,5.55,21.75,5.25,21,5z M21,18.5c-1.1-0.35-2.3-0.5-3.5-0.5c-1.7,0-4.15,0.65-5.5,1.5V8c1.35-0.85,3.8-1.5,5.5-1.5 c1.2,0,2.4,0.15,3.5,0.5V18.5z'></path>
<g>
<path fill='#3742fa' d='M17.5,10.5c0.88,0,1.73,0.09,2.5,0.26V9.24C19.21,9.09,18.36,9,17.5,9c-1.7,0-3.24,0.29-4.5,0.83v1.66 C14.13,10.85,15.7,10.5,17.5,10.5z'></path>
<path fill='#3742fa' d='M13,12.49v1.66c1.13-0.64,2.7-0.99,4.5-0.99c0.88,0,1.73,0.09,2.5,0.26V11.9c-0.79-0.15-1.64-0.24-2.5-0.24 C15.8,11.66,14.26,11.96,13,12.49z'></path>
<path fill='#3742fa' d='M17.5,14.33c-1.7,0-3.24,0.29-4.5,0.83v1.66c1.13-0.64,2.7-0.99,4.5-0.99c0.88,0,1.73,0.09,2.5,0.26v-1.52 C19.21,14.41,18.36,14.33,17.5,14.33z'></path>
</g>
</g>
</svg>
API documentation & usage
</h2>
<p>You can read the API documentation <a href='https://github.com/often/wt/blob/main/API.md' target='_blank' rel='noopener'>here</a></p>
<p>For usage examples, <a href='https://github.com/often/wt/blob/main/USAGE.md' target='_blank' rel='noopener'>click here</a></p>
</section>
<footer>
Licensed with <strong>GPL-3.0</strong>.
<a href='https://github.com/often/wt' target='_blank' rel='noopener'>View on GitHub</a>
</footer>
</main>
</body>
</html>