A minimalist interactive terminal-style portfolio, built entirely in a single HTML file — no frameworks, no build tools, no external JavaScript dependencies.
🎮 Live Demo:
👉 https://lynx6six.github.io/Single-file-Terminal-Portfolio/
This project emulates a classic command-line interface inside a browser.
Users can type commands like help, about, or skills to explore sections of the portfolio.
Everything — from the ASCII banner to the typing animation — is implemented with pure HTML, CSS, and vanilla JavaScript.
- 💻 Single-file simplicity – fully self-contained in one
.htmlfile - ⚡ Typing animation – smooth simulated terminal typing
- 🧠 Command history – navigate with arrow keys like a real CLI
- ⌨️ Autocomplete – press
Tabto see or complete available commands - 🎨 Retro aesthetic – green-on-black terminal with OCR-A / Roboto Mono style
- 🧩 Font Awesome integration – clean icons for skills and tech stack
- 🧼 Persistent banner – banner reappears after
clearcommand - 🔗 Clickable links – contact and project URLs open in a new tab
| Command | Description |
|---|---|
help |
Displays all available commands |
about |
Short introduction |
skills |
Core skills and areas of expertise |
technologies |
Tools, platforms, and environments |
projects |
Highlighted personal projects |
contact |
Contact links (email, GitHub, LinkedIn, etc.) |
clear |
Clears the screen and restores the banner |
-
Edit your information
Inside the<script>section, update thecommandsobject:about: `I'm lynx6six — an IT professional passionate about automation and efficient systems.`, contact: `<i class="fa-solid fa-envelope"></i> <a href="mailto:your@email.com">your@email.com</a>`
-
Change the font or theme
Swap the font link in the<head>for another monospaced option:<link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap" rel="stylesheet">
Adjust
background-colororcolorin the CSS for a different aesthetic. -
Add or remove commands
Just add new key/value pairs to thecommandsobject:commands["music"] = "Currently listening to: Gojira 🎸";
Simply open the HTML file in your browser:
open index.htmlOr use a simple local server (optional):
python3 -m http.serverThen visit http://localhost:8000
- Move command data into a
data.jsonfile and load dynamically - Add smooth “boot-up” animation or terminal intro
- Optional dark/light theme toggle
- Integration with real project data from GitHub API
👉 GitHub: github.com/lynx6six/Single-file-Terminal-Portfolio
This project is open-source and free to use under the MIT License.
Credit appreciated if you use or modify this template!
- Fonts: Google Fonts
- Icons: Font Awesome
- Concept & design: lynx6six