KeshavAnandCode/terminal-portfolio-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restore original documentation text and styling

Browse Source 
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
2026-04-24 04:01:29 +00:00
parent 9de9cca1aa
commit aae0a9d8d6
2 changed files with 47 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
docs.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <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.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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"> <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> <a href="/" class="back">$ cd ..</a>
<header class="head"> <header class="head">
<h1>man <span class="accent">ssh</span></h1> <h1>Documentation</h1>
<p class="sub">portfolio(1)<span class="dot">·</span>keshavanand.net<span class="dot">·</span>v1</p> <p class="sub">The who, what, when, where, why</p>
</header> </header>
<div class="rule" aria-hidden="true"></div> <div class="rule" aria-hidden="true"></div>
@@ -31,79 +31,71 @@
</div> </div>
<section class="block"> <section class="block">
<h2><span class="hash">#</span> name</h2> <h2><span class="hash">#</span> What is it?</h2>
<p> <p>
A keystroke-driven portfolio. The command above opens a real SSH session into a restricted, passwordless When executed in your terminal, this command renders a fully interactive shell portfolio experience.
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> 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> </p>
</section> </section>
<section class="block"> <section class="block">
<h2><span class="hash">#</span> synopsis</h2> <h2><span class="hash">#</span> Command Breakdown</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>
<dl class="defs"> <dl class="defs">
<div class="def"> <div class="def">
<dt><span class="accent">ssh</span></dt> <dt><span class="accent">ssh</span> <span class="arrow">→</span></dt>
<dd>secure shell — the standard remote-login protocol. ubiquitous on macOS, linux, and modern windows.</dd> <dd><span class="fg">Secure Shell:</span> The standard terminal protocol for logging into and controlling remote computers safely.</dd>
</div> </div>
<div class="def"> <div class="def">
<dt><span class="accent">portfolio</span></dt> <dt><span class="accent">portfolio</span> <span class="arrow">→</span></dt>
<dd>a passwordless, restricted user account. the only thing it can do is launch the portfolio binary.</dd> <dd><span class="fg">User:</span> A passwordless, restricted user on my homeserver meant for public access.</dd>
</div> </div>
<div class="def"> <div class="def">
<dt><span class="accent">keshavanand.net</span></dt> <dt><span class="accent">keshavanand.net</span> <span class="arrow">→</span></dt>
<dd>resolves to my homeserver's public IP. the gateway forwards port 22 to the box.</dd> <dd><span class="fg">Domain:</span> Points to a web record that directs your request to my server's public IP (gateway).</dd>
</div> </div>
</dl> </dl>
</section> </section>
<section class="block"> <section class="block">
<h2><span class="hash">#</span> usage</h2> <h2><span class="hash">#</span> How to Run</h2>
<ol class="steps"> <ol class="steps">
<li><span class="step">01</span> copy the command above (click the box, or the icon).</li> <li><span class="step">01</span> Copy the command above using the clipboard tool.</li>
<li><span class="step">02</span> open your terminal — Terminal, iTerm, Alacritty, Windows Terminal, anything.</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, hit return. accept the host fingerprint with <kbd>yes</kbd> on first connect.</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> navigate with arrow keys + return. quit any time with <kbd>Ctrl</kbd>+<kbd>C</kbd>.</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> </ol>
</section> </section>
<section class="block"> <section class="block">
<h2><span class="hash">#</span> implementation</h2> <h2><span class="hash">#</span> Code Logic</h2>
<p> <p>
The <span class="fg">portfolio</span> user's login shell isn't bash — it's a custom C++ binary that uses This command gives authenticated access to the <span class="fg">'portfolio'</span> user account on my private home server.
<a href="https://github.com/ArthurSonzogni/FTXUI" target="_blank" rel="noopener noreferrer">FTXUI</a> </p>
for layout, focus management, and rendering. Input is captured raw, output is repainted on a frame loop. <p>
<span class="fg">It is sandboxed, read-only, and harmless to your machine.</span> 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> </p>
</section> </section>
<section class="block"> <section class="block">
<h2><span class="hash">#</span> see also</h2> <h2><span class="hash">#</span> Resources</h2>
<ul class="links"> <ul class="links">
<li> <li>
<a href="https://git.keshavanand.net/KeshavAnandCode/terminal-portfolio" target="_blank" rel="noopener noreferrer"> <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> </a>
</li> </li>
<li> <li>
<a href="/webshell"> <a href="/webshell">
<span class="arrow">→</span> run in browser — /webshell <span class="arrow">→</span> Run Web Shell
</a> </a>
</li> </li>
</ul> </ul>
</section> </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> </main>
<div class="byline">// vibe coded to present human code</div> <div class="byline">// vibe coded to present human code</div>

48
src/docs.css
View File

@@ -73,24 +73,17 @@ body.docs {
} }
h1 { h1 {
font-size: 1.65rem; font-size: 2.2rem;
font-weight: 500; font-weight: 600;
letter-spacing: 0.01em; letter-spacing: 0.005em;
color: var(--fg); color: var(--fg);
} }
h1 .accent { color: var(--accent); }
.sub { .sub {
margin-top: 0.45rem; margin-top: 0.5rem;
color: var(--dim); color: var(--dim);
font-size: 0.78rem; font-size: 0.95rem;
letter-spacing: 0.04em; letter-spacing: 0.01em;
}
.sub .dot {
margin: 0 0.55rem;
color: var(--dimmer);
} }
.rule { .rule {
@@ -166,12 +159,11 @@ h1 .accent { color: var(--accent); }
} }
h2 { h2 {
font-size: 0.85rem; font-size: 1.05rem;
font-weight: 500; font-weight: 500;
color: var(--fg); color: var(--fg);
letter-spacing: 0.04em; letter-spacing: 0.005em;
text-transform: lowercase; margin-bottom: 1rem;
margin-bottom: 0.85rem;
} }
h2 .hash { h2 .hash {
@@ -225,14 +217,19 @@ h2 .hash {
} }
.def:last-child { border-bottom: none; } .def:last-child { border-bottom: none; }
.def dt { .def dt {
font-size: 0.85rem; font-size: 0.92rem;
font-weight: 500; font-weight: 500;
display: inline-flex;
align-items: baseline;
gap: 0.5rem;
} }
.def dt .arrow { color: var(--dim); }
.def dd { .def dd {
color: var(--dim); color: var(--dim);
font-size: 0.85rem; font-size: 0.9rem;
line-height: 1.7; line-height: 1.7;
} }
.def dd .fg { color: var(--fg); font-weight: 500; }
/* steps — numbered, monospace numerals */ /* steps — numbered, monospace numerals */
.steps { .steps {
@@ -287,19 +284,6 @@ kbd {
} }
.links .arrow { color: var(--accent); } .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 */ /* whisper-quiet byline, identical to home */
.byline { .byline {
position: fixed; position: fixed;