-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfeatures.html
140 lines (131 loc) · 6.34 KB
/
features.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebShell Features</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
body {
background-color: #2e2e2e;
color: #f0f0f0;
}
.container {
margin-top: 30px;
}
.section-title {
color: #9b59b6;
border-bottom: 2px solid #9b59b6;
padding-bottom: 10px;
}
pre code {
color: #ffffff;
}
.btn-primary {
background-color: #9b59b6;
border: none;
}
.btn-primary:hover {
background-color: #8e44ad;
}
a {
color: #9b59b6;
}
a:hover {
color: #fff;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #333;">
<a class="navbar-brand" href="#">WebShell</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="api.html">API</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="terminal.html">Getting Started</a>
</li>
</ul>
</div>
</nav>
<header class="text-center text-white py-5">
<div class="container">
<h1 class="display-4">WebShell Features</h1>
<p class="lead">Discover the power and versatility of our web-based Debian terminal.</p>
</div>
</header>
<section class="container">
<h2 class="section-title">Features</h2>
<div class="row">
<div class="col-md-6 mb-4">
<h3>Fully Interactive Terminal</h3>
<p>Experience a genuine Debian terminal environment in your browser. Run various Linux commands, explore file systems, and interact with your environment as if you were using a local terminal.</p>
<pre><code>curl -X POST https://web-terminal-eight.vercel.app/run -H "Content-Type: application/json" -d '{"command": "ls -l"}'</code></pre>
<p>This command lists files in the current directory, showcasing the terminal's capability to execute common commands.</p>
</div>
<div class="col-md-6 mb-4">
<h3>Instant Access</h3>
<p>Launch the terminal directly from your browser with no setup or installation required. Ideal for quick tasks and experiments, WebShell provides immediate access to a Debian environment.</p>
<pre><code>curl -X POST https://web-terminal-eight.vercel.app/run -H "Content-Type: application/json" -d '{"command": "df -h"}'</code></pre>
<p>This command displays disk usage, illustrating how WebShell can be used for various administrative tasks.</p>
</div>
<div class="col-md-6 mb-4">
<h3>Customizable Experience</h3>
<p>Although WebShell is not highly customizable, it provides an easy-on-the-eyes experience with its default settings. Tailor the terminal's appearance to some extent to make your terminal experience pleasant.</p>
<pre><code>curl -X POST https://web-terminal-eight.vercel.app/run -H "Content-Type: application/json" -d '{"command": "echo $PS1"}'</code></pre>
<p>This command shows the current shell prompt, which can be customized according to user preferences within the limits of the current design.</p>
</div>
<div class="col-md-6 mb-4">
<h3>API Integration</h3>
<p>WebShell's API allows you to integrate terminal commands into your applications. Use the API to execute commands remotely and retrieve results programmatically.</p>
<pre><code>curl -X POST https://web-terminal-eight.vercel.app/run -H "Content-Type: application/json" -d '{"command": "cat /proc/uptime"}'</code></pre>
<p>This command returns system uptime, demonstrating how the API can be used for monitoring and automation.</p>
</div>
</div>
</section>
<section class="container">
<h2 class="section-title">Node.js Support</h2>
<p>The WebShell terminal now supports Node.js. Simply type <code>node</code> in the terminal, and you will be redirected to the Node.js browser REPL, where you can run JavaScript commands directly.</p>
</section>
<section class="container">
<h2 class="section-title">Terminal Customization Commands</h2>
<p>WebShell provides several commands to customize the appearance and behavior of the terminal. Here are the commands available:</p>
<h3>Font Customization</h3>
<p>Change the terminal font using the <code>setfont</code> command. You can specify a URL to a font file to apply a custom font to the terminal:</p>
<pre><code>setfont <font-url></code></pre>
<p>Example commands:</p>
<ul>
<li><code>setfont https://webshell-omega.vercel.app/assets/fonts/Pixel_NES.ttf</code> - Applies the Pixel NES font.</li>
<li><code>setfont https://webshell-omega.vercel.app/assets/fonts/GreaterTheory.otf</code> - Applies the Greater Theory font.</li>
<li><code>setfont https://webshell-omega.vercel.app/assets/fonts/Code.ttf</code> - Applies the Code font.</li>
<li><code>setfont https://webshell-omega.vercel.app/assets/fonts/Comic%20Sans%20MS.ttf</code> - Applies the Comic Sans font.</li>
</ul>
<h3>Text and Background Color Customization</h3>
<p>Customize text and background colors using the following commands:</p>
<pre><code>setcolor <color></code></pre>
<pre><code>setbgcolor <color></code></pre>
<p>Replace <color> with a color name (e.g., <code>red</code>) or hex code (e.g., <code>#ff0000</code>). Example commands:</p>
<ul>
<li><code>setcolor #ff0000</code> - Sets text color to red.</li>
<li><code>setbgcolor #0000ff</code> - Sets background color to blue.</li>
</ul>
</section>
<footer class="text-center py-4">
<p>© 2024 <a href="index.html">WebShell</a>. All rights reserved.</p>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>