Restore original documentation text and styling
Reverts the documentation page title, headings, and descriptive text to their original content while retaining the updated terminal-inspired visual styling, animations, and interactive elements. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 6def8112-39d2-4641-b93b-f39108179f33 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 6d69fc29-636f-4e74-b7ec-1c1c3972bb85 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/42ae33dd-8759-4196-85a5-434465c72ece/6def8112-39d2-4641-b93b-f39108179f33/OQEOUI5 Replit-Helium-Checkpoint-Created: true
This commit is contained in:
keshavananddev
70
docs.html
70
docs.html
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>man ssh — keshavanand.net</title>
|
||||
<title>Documentation - Terminal Portfolio</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
@@ -15,8 +15,8 @@
|
||||
<a href="/" class="back">$ cd ..</a>
|
||||
|
||||
<header class="head">
|
||||
<h1>man <span class="accent">ssh</span></h1>
|
||||
<p class="sub">portfolio(1)<span class="dot">·</span>keshavanand.net<span class="dot">·</span>v1</p>
|
||||
<h1>Documentation</h1>
|
||||
<p class="sub">The who, what, when, where, why</p>
|
||||
</header>
|
||||
|
||||
<div class="rule" aria-hidden="true"></div>
|
||||
@@ -31,79 +31,71 @@
|
||||
</div>
|
||||
|
||||
<section class="block">
|
||||
<h2><span class="hash">#</span> name</h2>
|
||||
<h2><span class="hash">#</span> What is it?</h2>
|
||||
<p>
|
||||
A keystroke-driven portfolio. The command above opens a real SSH session into a restricted, passwordless
|
||||
account on a homeserver and drops you into a custom C++/FTXUI interface. <span class="fg">No web app, no JS, no installer — just the shell you already have.</span>
|
||||
When executed in your terminal, this command renders a fully interactive shell portfolio experience.
|
||||
Much like a digital resume or personal site, it allows you to explore my work and background through
|
||||
a safe, <span class="fg">secure</span>, and purely text-based interface.
|
||||
<span class="fg">It is completely harmless to your system.</span>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="block">
|
||||
<h2><span class="hash">#</span> synopsis</h2>
|
||||
<pre class="code"><span class="dim">$</span> ssh <span class="accent">portfolio</span>@<span class="accent">keshavanand.net</span></pre>
|
||||
</section>
|
||||
|
||||
<section class="block">
|
||||
<h2><span class="hash">#</span> arguments</h2>
|
||||
<h2><span class="hash">#</span> Command Breakdown</h2>
|
||||
<dl class="defs">
|
||||
<div class="def">
|
||||
<dt><span class="accent">ssh</span></dt>
|
||||
<dd>secure shell — the standard remote-login protocol. ubiquitous on macOS, linux, and modern windows.</dd>
|
||||
<dt><span class="accent">ssh</span> <span class="arrow">→</span></dt>
|
||||
<dd><span class="fg">Secure Shell:</span> The standard terminal protocol for logging into and controlling remote computers safely.</dd>
|
||||
</div>
|
||||
<div class="def">
|
||||
<dt><span class="accent">portfolio</span></dt>
|
||||
<dd>a passwordless, restricted user account. the only thing it can do is launch the portfolio binary.</dd>
|
||||
<dt><span class="accent">portfolio</span> <span class="arrow">→</span></dt>
|
||||
<dd><span class="fg">User:</span> A passwordless, restricted user on my homeserver meant for public access.</dd>
|
||||
</div>
|
||||
<div class="def">
|
||||
<dt><span class="accent">keshavanand.net</span></dt>
|
||||
<dd>resolves to my homeserver's public IP. the gateway forwards port 22 to the box.</dd>
|
||||
<dt><span class="accent">keshavanand.net</span> <span class="arrow">→</span></dt>
|
||||
<dd><span class="fg">Domain:</span> Points to a web record that directs your request to my server's public IP (gateway).</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</section>
|
||||
|
||||
<section class="block">
|
||||
<h2><span class="hash">#</span> usage</h2>
|
||||
<h2><span class="hash">#</span> How to Run</h2>
|
||||
<ol class="steps">
|
||||
<li><span class="step">01</span> copy the command above (click the box, or the icon).</li>
|
||||
<li><span class="step">02</span> open your terminal — Terminal, iTerm, Alacritty, Windows Terminal, anything.</li>
|
||||
<li><span class="step">03</span> paste, hit return. accept the host fingerprint with <kbd>yes</kbd> on first connect.</li>
|
||||
<li><span class="step">04</span> navigate with arrow keys + return. quit any time with <kbd>Ctrl</kbd>+<kbd>C</kbd>.</li>
|
||||
<li><span class="step">01</span> Copy the command above using the clipboard tool.</li>
|
||||
<li><span class="step">02</span> Open your native terminal (Terminal on Mac/Linux, PowerShell on Windows).</li>
|
||||
<li><span class="step">03</span> Paste the command and accept the host identity by typing 'yes' if prompted.</li>
|
||||
<li><span class="step">04</span> Press Enter to launch the interactive environment.</li>
|
||||
<li><span class="step">05</span> Terminate the process at any time by pressing <kbd>Ctrl</kbd>+<kbd>C</kbd>.</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<section class="block">
|
||||
<h2><span class="hash">#</span> implementation</h2>
|
||||
<h2><span class="hash">#</span> Code Logic</h2>
|
||||
<p>
|
||||
The <span class="fg">portfolio</span> user's login shell isn't bash — it's a custom C++ binary that uses
|
||||
<a href="https://github.com/ArthurSonzogni/FTXUI" target="_blank" rel="noopener noreferrer">FTXUI</a>
|
||||
for layout, focus management, and rendering. Input is captured raw, output is repainted on a frame loop.
|
||||
<span class="fg">It is sandboxed, read-only, and harmless to your machine.</span>
|
||||
This command gives authenticated access to the <span class="fg">'portfolio'</span> user account on my private home server.
|
||||
</p>
|
||||
<p>
|
||||
Instead of a standard bash or zsh shell, the user session triggers a custom-coded <span class="fg">C++ executable</span>.
|
||||
This binary utilizes <span class="fg">FTXUI</span>—a sophisticated functional terminal user interface library—to handle
|
||||
real-time rendering and input.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="block">
|
||||
<h2><span class="hash">#</span> see also</h2>
|
||||
<h2><span class="hash">#</span> Resources</h2>
|
||||
<ul class="links">
|
||||
<li>
|
||||
<a href="https://git.keshavanand.net/KeshavAnandCode/terminal-portfolio" target="_blank" rel="noopener noreferrer">
|
||||
<span class="arrow">→</span> source — git.keshavanand.net
|
||||
<span class="arrow">→</span> View Source Code
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/webshell">
|
||||
<span class="arrow">→</span> run in browser — /webshell
|
||||
<span class="arrow">→</span> Run Web Shell
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer class="foot">
|
||||
<span>keshavanand.net</span>
|
||||
<span class="dot">·</span>
|
||||
<span>portfolio(1)</span>
|
||||
<span class="dot">·</span>
|
||||
<span>last updated 2026</span>
|
||||
</footer>
|
||||
</main>
|
||||
|
||||
<div class="byline">// vibe coded to present human code</div>
|
||||
|
||||
48
src/docs.css
48
src/docs.css
@@ -73,24 +73,17 @@ body.docs {
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.65rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.01em;
|
||||
font-size: 2.2rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.005em;
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
h1 .accent { color: var(--accent); }
|
||||
|
||||
.sub {
|
||||
margin-top: 0.45rem;
|
||||
margin-top: 0.5rem;
|
||||
color: var(--dim);
|
||||
font-size: 0.78rem;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
|
||||
.sub .dot {
|
||||
margin: 0 0.55rem;
|
||||
color: var(--dimmer);
|
||||
font-size: 0.95rem;
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
|
||||
.rule {
|
||||
@@ -166,12 +159,11 @@ h1 .accent { color: var(--accent); }
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 0.85rem;
|
||||
font-size: 1.05rem;
|
||||
font-weight: 500;
|
||||
color: var(--fg);
|
||||
letter-spacing: 0.04em;
|
||||
text-transform: lowercase;
|
||||
margin-bottom: 0.85rem;
|
||||
letter-spacing: 0.005em;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
h2 .hash {
|
||||
@@ -225,14 +217,19 @@ h2 .hash {
|
||||
}
|
||||
.def:last-child { border-bottom: none; }
|
||||
.def dt {
|
||||
font-size: 0.85rem;
|
||||
font-size: 0.92rem;
|
||||
font-weight: 500;
|
||||
display: inline-flex;
|
||||
align-items: baseline;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
.def dt .arrow { color: var(--dim); }
|
||||
.def dd {
|
||||
color: var(--dim);
|
||||
font-size: 0.85rem;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.def dd .fg { color: var(--fg); font-weight: 500; }
|
||||
|
||||
/* steps — numbered, monospace numerals */
|
||||
.steps {
|
||||
@@ -287,19 +284,6 @@ kbd {
|
||||
}
|
||||
.links .arrow { color: var(--accent); }
|
||||
|
||||
/* footer — quiet, like a man-page footer */
|
||||
.foot {
|
||||
margin-top: 4rem;
|
||||
padding-top: 1.2rem;
|
||||
border-top: 1px solid var(--line);
|
||||
color: var(--dimmer);
|
||||
font-size: 0.7rem;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
.foot .dot {
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
|
||||
/* whisper-quiet byline, identical to home */
|
||||
.byline {
|
||||
position: fixed;
|
||||
|
||||
Reference in New Issue
Block a user