Hugging Face's logo

Spaces:
muralipala
/
deepshell
Running

App Files Community
muralipala1504 commited on
Commit
2ed385e
·
1 Parent(s): b6b8547

Add About and Contact pages with navbar links

Browse files
Files changed (5) hide show
  1. about.html +386 -0
  2. contact.html +282 -0
  3. deepshell-backend/deepshell/__main__.py +14 -0
  4. index.html +2 -0
  5. libretranslate.pid +1 -0
about.html ADDED
@@ -0,0 +1,386 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
+ <title>DeepShell — About</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap" rel="stylesheet">
8
+ <style>
9
+ :root {
10
+ --bg: #0a0a0a;
11
+ --panel: #161616;
12
+ --border: #2a2a2a;
13
+ --text: #e0e0e0;
14
+ --muted: #888888;
15
+ --accent: #00a832;
16
+ }
17
+ * { box-sizing: border-box; margin: 0; padding: 0; }
18
+ body {
19
+ background: var(--bg);
20
+ color: var(--text);
21
+ font-family: 'JetBrains Mono', 'Courier New', monospace;
22
+ min-height: 100vh;
23
+ }
24
+ .container {
25
+ max-width: 1100px;
26
+ margin: 0 auto;
27
+ padding: 24px 40px;
28
+ }
29
+ header {
30
+ display: flex;
31
+ align-items: center;
32
+ justify-content: space-between;
33
+ margin-bottom: 40px;
34
+ }
35
+ .brand {
36
+ font-weight: 700;
37
+ font-size: 18px;
38
+ letter-spacing: 1px;
39
+ color: var(--accent);
40
+ text-shadow: 0 0 10px #00ff4155;
41
+ text-decoration: none;
42
+ }
43
+ nav {
44
+ display: flex;
45
+ gap: 8px;
46
+ }
47
+ nav a {
48
+ padding: 5px 14px;
49
+ font-size: 12px;
50
+ border: 1px solid var(--border);
51
+ border-radius: 4px;
52
+ color: var(--muted);
53
+ text-decoration: none;
54
+ font-family: 'JetBrains Mono', monospace;
55
+ transition: all 0.2s;
56
+ }
57
+ nav a:hover {
58
+ color: var(--accent);
59
+ border-color: var(--accent);
60
+ }
61
+ nav a.active {
62
+ color: var(--accent);
63
+ border-color: var(--accent);
64
+ }
65
+
66
+ /* Hero */
67
+ .hero {
68
+ text-align: center;
69
+ padding: 40px 0 50px;
70
+ border-bottom: 1px solid var(--border);
71
+ margin-bottom: 50px;
72
+ }
73
+ .hero-tag {
74
+ display: inline-block;
75
+ font-size: 11px;
76
+ letter-spacing: 2px;
77
+ color: var(--accent);
78
+ border: 1px solid var(--accent);
79
+ padding: 4px 14px;
80
+ border-radius: 2px;
81
+ margin-bottom: 20px;
82
+ }
83
+ .hero h1 {
84
+ font-size: 36px;
85
+ font-weight: 700;
86
+ color: var(--accent);
87
+ text-shadow: 0 0 20px #00ff4133;
88
+ margin-bottom: 16px;
89
+ }
90
+ .hero p {
91
+ font-size: 14px;
92
+ color: var(--muted);
93
+ max-width: 640px;
94
+ margin: 0 auto;
95
+ line-height: 1.8;
96
+ }
97
+
98
+ /* Section */
99
+ .section {
100
+ margin-bottom: 50px;
101
+ }
102
+ .section-title {
103
+ font-size: 11px;
104
+ letter-spacing: 3px;
105
+ color: var(--accent);
106
+ margin-bottom: 20px;
107
+ display: flex;
108
+ align-items: center;
109
+ gap: 12px;
110
+ }
111
+ .section-title::after {
112
+ content: '';
113
+ flex: 1;
114
+ height: 1px;
115
+ background: var(--border);
116
+ }
117
+
118
+ /* Mission */
119
+ .mission-box {
120
+ background: var(--panel);
121
+ border: 1px solid var(--border);
122
+ border-left: 3px solid var(--accent);
123
+ border-radius: 8px;
124
+ padding: 24px 28px;
125
+ font-size: 14px;
126
+ line-height: 1.9;
127
+ color: var(--text);
128
+ }
129
+
130
+ /* Features grid */
131
+ .features-grid {
132
+ display: grid;
133
+ grid-template-columns: repeat(3, 1fr);
134
+ gap: 16px;
135
+ }
136
+ .feature-card {
137
+ background: var(--panel);
138
+ border: 1px solid var(--border);
139
+ border-radius: 8px;
140
+ padding: 20px;
141
+ transition: border-color 0.2s;
142
+ }
143
+ .feature-card:hover {
144
+ border-color: var(--accent);
145
+ }
146
+ .feature-icon {
147
+ font-size: 24px;
148
+ margin-bottom: 10px;
149
+ }
150
+ .feature-title {
151
+ font-size: 13px;
152
+ font-weight: 700;
153
+ color: var(--accent);
154
+ margin-bottom: 6px;
155
+ }
156
+ .feature-desc {
157
+ font-size: 12px;
158
+ color: var(--muted);
159
+ line-height: 1.7;
160
+ }
161
+
162
+ /* Built for */
163
+ .builtfor-grid {
164
+ display: flex;
165
+ flex-wrap: wrap;
166
+ gap: 10px;
167
+ }
168
+ .builtfor-tag {
169
+ background: var(--panel);
170
+ border: 1px solid var(--border);
171
+ border-radius: 4px;
172
+ padding: 6px 16px;
173
+ font-size: 12px;
174
+ color: var(--text);
175
+ }
176
+
177
+ /* Builder */
178
+ .builder-box {
179
+ background: var(--panel);
180
+ border: 1px solid var(--border);
181
+ border-radius: 8px;
182
+ padding: 24px 28px;
183
+ display: flex;
184
+ align-items: center;
185
+ gap: 24px;
186
+ }
187
+ .builder-avatar {
188
+ font-size: 48px;
189
+ flex-shrink: 0;
190
+ }
191
+ .builder-name {
192
+ font-size: 16px;
193
+ font-weight: 700;
194
+ color: var(--accent);
195
+ margin-bottom: 6px;
196
+ }
197
+ .builder-roles {
198
+ font-size: 12px;
199
+ color: var(--muted);
200
+ line-height: 1.8;
201
+ }
202
+
203
+ /* Thanks grid */
204
+ .thanks-grid {
205
+ display: grid;
206
+ grid-template-columns: repeat(3, 1fr);
207
+ gap: 12px;
208
+ }
209
+ .thanks-card {
210
+ background: var(--panel);
211
+ border: 1px solid var(--border);
212
+ border-radius: 6px;
213
+ padding: 14px 18px;
214
+ display: flex;
215
+ flex-direction: column;
216
+ gap: 4px;
217
+ }
218
+ .thanks-name {
219
+ font-size: 13px;
220
+ font-weight: 700;
221
+ color: var(--accent);
222
+ }
223
+ .thanks-role {
224
+ font-size: 11px;
225
+ color: var(--muted);
226
+ }
227
+
228
+ /* Footer */
229
+ footer {
230
+ border-top: 1px solid var(--border);
231
+ margin-top: 60px;
232
+ padding: 24px 0;
233
+ text-align: center;
234
+ font-size: 12px;
235
+ color: var(--muted);
236
+ }
237
+ footer a {
238
+ color: var(--accent);
239
+ text-decoration: none;
240
+ }
241
+ </style>
242
+ </head>
243
+ <body>
244
+ <div class="container">
245
+ <header>
246
+ <a class="brand" href="/">&gt;_ DeepShell</a>
247
+ <nav>
248
+ <a href="/">Assistant</a>
249
+ <a href="/about.html" class="active">About</a>
250
+ <a href="/contact.html">Contact</a>
251
+ </nav>
252
+ </header>
253
+
254
+ <!-- Hero -->
255
+ <div class="hero">
256
+ <div class="hero-tag">● ABOUT DEEPSHELL ●</div>
257
+ <h1>&gt;_ About DeepShell</h1>
258
+ <p>An AI-powered Linux and DevOps assistant built for engineers who want fast, accurate, copy-paste-ready answers — without leaving the terminal mindset.</p>
259
+ </div>
260
+
261
+ <!-- Mission -->
262
+ <div class="section">
263
+ <div class="section-title">OUR MISSION</div>
264
+ <div class="mission-box">
265
+ DeepShell was built for one reason — to give Linux and DevOps engineers a fast, focused AI assistant that speaks their language. No generic chatbot noise. No off-topic answers. Just clean, accurate, production-aware responses for the command line world. Think of it as an AI-thrusted co-pilot for your infrastructure work.
266
+ </div>
267
+ </div>
268
+
269
+ <!-- Features -->
270
+ <div class="section">
271
+ <div class="section-title">KEY FEATURES</div>
272
+ <div class="features-grid">
273
+ <div class="feature-card">
274
+ <div class="feature-icon">🤖</div>
275
+ <div class="feature-title">Assistant Mode</div>
276
+ <div class="feature-desc">Fast DevOps answers. Copy-paste ready commands. Instant response.</div>
277
+ </div>
278
+ <div class="feature-card">
279
+ <div class="feature-icon">🎓</div>
280
+ <div class="feature-title">Trainer Mode</div>
281
+ <div class="feature-desc">Structured learning with explanations, examples, and step-by-step guidance.</div>
282
+ </div>
283
+ <div class="feature-card">
284
+ <div class="feature-icon">🔊</div>
285
+ <div class="feature-title">Voice TTS</div>
286
+ <div class="feature-desc">English and Hindi text-to-speech. Listen while you work.</div>
287
+ </div>
288
+ <div class="feature-card">
289
+ <div class="feature-icon">🌐</div>
290
+ <div class="feature-title">Translation</div>
291
+ <div class="feature-desc">Hindi translation powered by LibreTranslate. Inclusive by design.</div>
292
+ </div>
293
+ <div class="feature-card">
294
+ <div class="feature-icon">📥</div>
295
+ <div class="feature-title">Export</div>
296
+ <div class="feature-desc">Save any session as a Markdown reference document. Offline ready.</div>
297
+ </div>
298
+ <div class="feature-card">
299
+ <div class="feature-icon">🔒</div>
300
+ <div class="feature-title">Secure</div>
301
+ <div class="feature-desc">Rate limiting, CORS locking, input validation. Hardened by design.</div>
302
+ </div>
303
+ </div>
304
+ </div>
305
+
306
+ <!-- Built For -->
307
+ <div class="section">
308
+ <div class="section-title">BUILT FOR</div>
309
+ <div class="builtfor-grid">
310
+ <span class="builtfor-tag">Linux Administrators</span>
311
+ <span class="builtfor-tag">DevOps Engineers</span>
312
+ <span class="builtfor-tag">Cloud Engineers</span>
313
+ <span class="builtfor-tag">Site Reliability Engineers</span>
314
+ <span class="builtfor-tag">Infrastructure Engineers</span>
315
+ <span class="builtfor-tag">Docker & Kubernetes Users</span>
316
+ <span class="builtfor-tag">Bash Scripters</span>
317
+ <span class="builtfor-tag">Students & Learners</span>
318
+ </div>
319
+ </div>
320
+
321
+ <!-- Builder -->
322
+ <div class="section">
323
+ <div class="section-title">THE BUILDER</div>
324
+ <div class="builder-box">
325
+ <div class="builder-avatar">🖥️</div>
326
+ <div>
327
+ <div class="builder-name">Muralidhar M Pala</div>
328
+ <div class="builder-roles">
329
+ 🪖 Indian Air Force Veteran — 13.5 years service<br>
330
+ ⚙️ Senior DevOps & Linux Engineer — 20+ years experience<br>
331
+ 🔓 Open Source Enthusiast<br>
332
+ 📍 Ajman, UAE
333
+ </div>
334
+ </div>
335
+ </div>
336
+ </div>
337
+
338
+ <!-- Special Thanks -->
339
+ <div class="section">
340
+ <div class="section-title">SPECIAL THANKS</div>
341
+ <div class="thanks-grid">
342
+ <div class="thanks-card">
343
+ <div class="thanks-name">Groq</div>
344
+ <div class="thanks-role">LLM inference engine</div>
345
+ </div>
346
+ <div class="thanks-card">
347
+ <div class="thanks-name">Cerebras</div>
348
+ <div class="thanks-role">Failover LLM provider</div>
349
+ </div>
350
+ <div class="thanks-card">
351
+ <div class="thanks-name">HuggingFace</div>
352
+ <div class="thanks-role">Hosting platform</div>
353
+ </div>
354
+ <div class="thanks-card">
355
+ <div class="thanks-name">Claude — Anthropic</div>
356
+ <div class="thanks-role">AI development partner</div>
357
+ </div>
358
+ <div class="thanks-card">
359
+ <div class="thanks-name">DeepSeek</div>
360
+ <div class="thanks-role">Architecture consultation</div>
361
+ </div>
362
+ <div class="thanks-card">
363
+ <div class="thanks-name">OpenAI</div>
364
+ <div class="thanks-role">Early inspiration</div>
365
+ </div>
366
+ <div class="thanks-card">
367
+ <div class="thanks-name">Piper TTS</div>
368
+ <div class="thanks-role">Hindi voice engine</div>
369
+ </div>
370
+ <div class="thanks-card">
371
+ <div class="thanks-name">LibreTranslate</div>
372
+ <div class="thanks-role">Translation engine</div>
373
+ </div>
374
+ <div class="thanks-card">
375
+ <div class="thanks-name">Cloudflare</div>
376
+ <div class="thanks-role">Proxy + Email routing</div>
377
+ </div>
378
+ </div>
379
+ </div>
380
+
381
+ <footer>
382
+ &copy; 2026 DeepShell — <a href="/">deepshell.cloud</a> &nbsp;|&nbsp; Built with ❤️ and Linux &nbsp;|&nbsp; Follow <a href="https://youtube.com/@murlipalam" target="_blank">@murlipalam</a> on YouTube
383
+ </footer>
384
+ </div>
385
+ </body>
386
+ </html>
contact.html ADDED
@@ -0,0 +1,282 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
+ <title>DeepShell — Contact</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap" rel="stylesheet">
8
+ <style>
9
+ :root {
10
+ --bg: #0a0a0a;
11
+ --panel: #161616;
12
+ --border: #2a2a2a;
13
+ --text: #e0e0e0;
14
+ --muted: #888888;
15
+ --accent: #00a832;
16
+ }
17
+ * { box-sizing: border-box; margin: 0; padding: 0; }
18
+ body {
19
+ background: var(--bg);
20
+ color: var(--text);
21
+ font-family: 'JetBrains Mono', 'Courier New', monospace;
22
+ min-height: 100vh;
23
+ }
24
+ .container {
25
+ max-width: 1100px;
26
+ margin: 0 auto;
27
+ padding: 24px 40px;
28
+ }
29
+ header {
30
+ display: flex;
31
+ align-items: center;
32
+ justify-content: space-between;
33
+ margin-bottom: 40px;
34
+ }
35
+ .brand {
36
+ font-weight: 700;
37
+ font-size: 18px;
38
+ letter-spacing: 1px;
39
+ color: var(--accent);
40
+ text-shadow: 0 0 10px #00ff4155;
41
+ text-decoration: none;
42
+ }
43
+ nav {
44
+ display: flex;
45
+ gap: 8px;
46
+ }
47
+ nav a {
48
+ padding: 5px 14px;
49
+ font-size: 12px;
50
+ border: 1px solid var(--border);
51
+ border-radius: 4px;
52
+ color: var(--muted);
53
+ text-decoration: none;
54
+ font-family: 'JetBrains Mono', monospace;
55
+ transition: all 0.2s;
56
+ }
57
+ nav a:hover {
58
+ color: var(--accent);
59
+ border-color: var(--accent);
60
+ }
61
+ nav a.active {
62
+ color: var(--accent);
63
+ border-color: var(--accent);
64
+ }
65
+
66
+ /* Hero */
67
+ .hero {
68
+ text-align: center;
69
+ padding: 40px 0 50px;
70
+ border-bottom: 1px solid var(--border);
71
+ margin-bottom: 50px;
72
+ }
73
+ .hero-tag {
74
+ display: inline-block;
75
+ font-size: 11px;
76
+ letter-spacing: 2px;
77
+ color: var(--accent);
78
+ border: 1px solid var(--accent);
79
+ padding: 4px 14px;
80
+ border-radius: 2px;
81
+ margin-bottom: 20px;
82
+ }
83
+ .hero h1 {
84
+ font-size: 36px;
85
+ font-weight: 700;
86
+ color: var(--accent);
87
+ text-shadow: 0 0 20px #00ff4133;
88
+ margin-bottom: 16px;
89
+ }
90
+ .hero p {
91
+ font-size: 14px;
92
+ color: var(--muted);
93
+ max-width: 540px;
94
+ margin: 0 auto;
95
+ line-height: 1.8;
96
+ }
97
+
98
+ /* Cards grid */
99
+ .cards-grid {
100
+ display: grid;
101
+ grid-template-columns: 1fr 1fr;
102
+ gap: 24px;
103
+ margin-bottom: 50px;
104
+ }
105
+
106
+ .card {
107
+ background: var(--panel);
108
+ border: 1px solid var(--border);
109
+ border-radius: 8px;
110
+ padding: 28px;
111
+ }
112
+ .card-title {
113
+ font-size: 11px;
114
+ letter-spacing: 3px;
115
+ color: var(--accent);
116
+ margin-bottom: 24px;
117
+ display: flex;
118
+ align-items: center;
119
+ gap: 10px;
120
+ }
121
+ .card-title::after {
122
+ content: '';
123
+ flex: 1;
124
+ height: 1px;
125
+ background: var(--border);
126
+ }
127
+
128
+ /* Contact items */
129
+ .contact-item {
130
+ display: flex;
131
+ align-items: flex-start;
132
+ gap: 14px;
133
+ margin-bottom: 20px;
134
+ }
135
+ .contact-icon {
136
+ font-size: 20px;
137
+ flex-shrink: 0;
138
+ margin-top: 2px;
139
+ }
140
+ .contact-label {
141
+ font-size: 10px;
142
+ letter-spacing: 2px;
143
+ color: var(--muted);
144
+ margin-bottom: 4px;
145
+ }
146
+ .contact-value {
147
+ font-size: 13px;
148
+ color: var(--text);
149
+ }
150
+ .contact-value a {
151
+ color: var(--accent);
152
+ text-decoration: none;
153
+ }
154
+ .contact-value a:hover {
155
+ text-decoration: underline;
156
+ }
157
+
158
+ /* Feedback box */
159
+ .feedback-box {
160
+ background: var(--bg);
161
+ border: 1px solid var(--border);
162
+ border-radius: 6px;
163
+ padding: 20px;
164
+ margin-top: 8px;
165
+ }
166
+ .feedback-box p {
167
+ font-size: 13px;
168
+ color: var(--muted);
169
+ line-height: 1.8;
170
+ margin-bottom: 16px;
171
+ }
172
+ .feedback-btn {
173
+ display: inline-block;
174
+ padding: 8px 20px;
175
+ font-size: 12px;
176
+ border: 1px solid var(--accent);
177
+ border-radius: 4px;
178
+ color: var(--accent);
179
+ text-decoration: none;
180
+ font-family: 'JetBrains Mono', monospace;
181
+ font-weight: 700;
182
+ transition: all 0.2s;
183
+ letter-spacing: 1px;
184
+ }
185
+ .feedback-btn:hover {
186
+ background: var(--accent);
187
+ color: #000;
188
+ }
189
+
190
+ /* Footer */
191
+ footer {
192
+ border-top: 1px solid var(--border);
193
+ margin-top: 40px;
194
+ padding: 24px 0;
195
+ text-align: center;
196
+ font-size: 12px;
197
+ color: var(--muted);
198
+ }
199
+ footer a {
200
+ color: var(--accent);
201
+ text-decoration: none;
202
+ }
203
+ </style>
204
+ </head>
205
+ <body>
206
+ <div class="container">
207
+ <header>
208
+ <a class="brand" href="/">&gt;_ DeepShell</a>
209
+ <nav>
210
+ <a href="/">Assistant</a>
211
+ <a href="/about.html">About</a>
212
+ <a href="/contact.html" class="active">Contact</a>
213
+ </nav>
214
+ </header>
215
+
216
+ <!-- Hero -->
217
+ <div class="hero">
218
+ <div class="hero-tag">● GET IN TOUCH ●</div>
219
+ <h1>&gt;_ Contact Us</h1>
220
+ <p>Have a question, feedback, or feature request? We'd love to hear from you.</p>
221
+ </div>
222
+
223
+ <!-- Cards -->
224
+ <div class="cards-grid">
225
+
226
+ <!-- Get In Touch -->
227
+ <div class="card">
228
+ <div class="card-title">GET IN TOUCH</div>
229
+
230
+ <div class="contact-item">
231
+ <div class="contact-icon">📧</div>
232
+ <div>
233
+ <div class="contact-label">GENERAL ENQUIRIES</div>
234
+ <div class="contact-value"><a href="mailto:contact@deepshell.cloud">contact@deepshell.cloud</a></div>
235
+ </div>
236
+ </div>
237
+
238
+ <div class="contact-item">
239
+ <div class="contact-icon">🐙</div>
240
+ <div>
241
+ <div class="contact-label">GITHUB</div>
242
+ <div class="contact-value"><a href="https://github.com/muralipala1504" target="_blank">github.com/muralipala1504</a></div>
243
+ </div>
244
+ </div>
245
+
246
+ <div class="contact-item">
247
+ <div class="contact-icon">▶️</div>
248
+ <div>
249
+ <div class="contact-label">YOUTUBE — SYSTELLIGENCE</div>
250
+ <div class="contact-value"><a href="https://youtube.com/@murlipalam" target="_blank">@murlipalam</a></div>
251
+ </div>
252
+ </div>
253
+
254
+ <div class="contact-item">
255
+ <div class="contact-icon">🌐</div>
256
+ <div>
257
+ <div class="contact-label">WEBSITE</div>
258
+ <div class="contact-value"><a href="https://deepshell.cloud">deepshell.cloud</a></div>
259
+ </div>
260
+ </div>
261
+ </div>
262
+
263
+ <!-- Feedback -->
264
+ <div class="card">
265
+ <div class="card-title">FEEDBACK & FEATURES</div>
266
+ <div class="feedback-box">
267
+ <p>Found a bug? Have a feature idea? Want to suggest a new DevOps topic for DeepShell to cover?</p>
268
+ <p>Send us an email — we read everything and respond to every genuine message.</p>
269
+ <a href="mailto:contact@deepshell.cloud?subject=DeepShell Feedback" class="feedback-btn">
270
+ 📩 SEND FEEDBACK
271
+ </a>
272
+ </div>
273
+ </div>
274
+
275
+ </div>
276
+
277
+ <footer>
278
+ &copy; 2026 DeepShell — <a href="/">deepshell.cloud</a> &nbsp;|&nbsp; Built with ❤️ and Linux &nbsp;|&nbsp; Follow <a href="https://youtube.com/@murlipalam" target="_blank">@murlipalam</a> on YouTube
279
+ </footer>
280
+ </div>
281
+ </body>
282
+ </html>
deepshell-backend/deepshell/__main__.py CHANGED
@@ -195,6 +195,20 @@ def get_css():
195
  return FileResponse(str(path), media_type="text/css")
196
  return JSONResponse({"detail": "Not Found"}, status_code=404)
197
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
198
  @app.get("/favicon.ico")
199
  def favicon():
200
  return JSONResponse({"ok": True})
 
195
  return FileResponse(str(path), media_type="text/css")
196
  return JSONResponse({"detail": "Not Found"}, status_code=404)
197
 
198
+
199
+ @app.get("/about.html")
200
+ def get_about():
201
+ path = REPO_ROOT / "about.html"
202
+ if path.exists():
203
+ return FileResponse(str(path), media_type="text/html")
204
+ return JSONResponse({"detail": "Not Found"}, status_code=404)
205
+
206
+ @app.get("/contact.html")
207
+ def get_contact():
208
+ path = REPO_ROOT / "contact.html"
209
+ if path.exists():
210
+ return FileResponse(str(path), media_type="text/html")
211
+ return JSONResponse({"detail": "Not Found"}, status_code=404)
212
  @app.get("/favicon.ico")
213
  def favicon():
214
  return JSONResponse({"ok": True})
index.html CHANGED
@@ -385,6 +385,8 @@
385
  <button id="clear-btn" class="header-btn" title="Clear conversation">
386
  🗑️ Clear
387
  </button>
 
 
388
  <div class="status"><span class="status-dot" id="status-dot"></span>Backend: <span id="status">checking…</span></div>
389
  </div>
390
  </header>
 
385
  <button id="clear-btn" class="header-btn" title="Clear conversation">
386
  🗑️ Clear
387
  </button>
388
+ <a href="/about.html" class="header-btn" style="text-decoration:none;">About</a>
389
+ <a href="/contact.html" class="header-btn" style="text-decoration:none;">Contact</a>
390
  <div class="status"><span class="status-dot" id="status-dot"></span>Backend: <span id="status">checking…</span></div>
391
  </div>
392
  </header>
libretranslate.pid ADDED
@@ -0,0 +1 @@
 
 
1
+ 2353