-
Notifications
You must be signed in to change notification settings - Fork 0
/
learn-more.html
130 lines (118 loc) · 4.47 KB
/
learn-more.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Learn More - WebShell</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: #f0f0f0; /* Changed header text color */
border-bottom: 2px solid #f0f0f0; /* Matching border color */
padding-bottom: 10px;
}
pre code {
color: #9b59b6; /* Purple color for code blocks */
}
code {
color: #9b59b6; /* Purple color for inline code */
}
.btn-primary {
background-color: #9b59b6;
border: none;
}
.btn-primary:hover {
background-color: #8e44ad;
}
a {
color: #9b59b6;
}
a:hover {
color: #fff;
}
nav {
background-color: #333;
}
nav a {
color: #f0f0f0;
}
nav a:hover {
color: #9b59b6;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark">
<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.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="learn-more.html">Learn More</a>
</li>
</ul>
</div>
</nav>
<header class="text-center text-white py-5">
<div class="container">
<h1 class="display-4">Learn More About WebShell</h1>
<p class="lead">Discover more about the WebShell terminal and its capabilities.</p>
</div>
</header>
<div class="container">
<section>
<h2 class="section-title">What is WebShell?</h2>
<p>WebShell is a web-based terminal interface that provides access to a Fedora environment through your browser. It enables you to execute commands, run scripts, and interact with the terminal as if you were using a native Fedora system.</p>
</section>
<section>
<h2 class="section-title">Key Features</h2>
<ul>
<li><strong>Web-Based Access:</strong> Access a Fedora terminal from anywhere with a web browser.</li>
<li><strong>Command Execution:</strong> Execute a wide range of Fedora commands directly from your browser.</li>
<li><strong>API Integration:</strong> Interact with the terminal programmatically using the WebShell API.</li>
<li><strong>Secure Environment:</strong> Run commands in an isolated environment to ensure security.</li>
</ul>
</section>
<section>
<h2 class="section-title">Getting Started</h2>
<p>To get started with WebShell, simply navigate to the terminal interface and begin running commands. You can also use the API to execute commands programmatically. Refer to the <a href="api.html">API documentation</a> for more details on how to interact with the WebShell API.</p>
</section>
<section>
<h2 class="section-title">Frequently Asked Questions</h2>
<h4>How do I access WebShell?</h4>
<p>WebShell is accessible through your web browser. You can navigate to the terminal interface using the provided URL and start executing commands.</p>
<h4>Is WebShell secure?</h4>
<p>Yes, WebShell operates in a secure environment that isolates commands from your local system to prevent any potential security risks.</p>
<h4>Can I use WebShell for production environments?</h4>
<p>WebShell is designed primarily for development and testing purposes. For production environments, consider using a dedicated Fedora server or other secure methods.</p>
</section>
<section>
</ul>
</section>
</div>
<footer class="text-center py-4">
<p>© 2024 WebShell. 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.5.4/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>