Visit my portfolio to view an example: https://lakhan.dev/
A high-signal, CLI-driven personal portfolio designed for Cybersecurity Professionals, Systems Administrators, and Technologists. Built with a focus on "Show, Don't Tell" technical competence.
Shellfolio is an immersive, interactive terminal emulator that serves as a professional portfolio. Instead of scrolling through a traditional website, visitors interact with a simulated Linux-style environment to discover your skills, projects, and certifications.
Interactive CLI: Supports standard commands like ls, cat, whoami, clear, and help.
Man Pages: Custom man root implementation for a professional identity profile.
Matrix Rain Background: A high-performance HTML5 Canvas animation with a subtle scanline overlay.
Responsive Design: Optimized for mobile and desktop, ensuring the CLI is usable on all devices.
Command History: Use Up/Down arrow keys to navigate through previously entered commands.
Easter Eggs: Hidden commands for curious visitors (sudo, hunter2, matrix).
Config-Driven: Easily customizable via a single JSON-like configuration object.
This project is a single-file solution (index.html). No frameworks, no npm install, no bloat.
- Fork this Repository
Clone the repository to your local machine:
git clone https://github.com/DevChthonic/shellfolio.git
- Customize your Data
Open index.html and locate the CONFIG object at the top of the script section:
name: "Your Name",
description: "Your Professional Title",
email: "[email protected]",
linkedin: "[https://linkedin.com/in/yourprofile](https://linkedin.com/in/yourprofile)",
prompt: "user@host:~$",
files: {
'projects.txt': `Your project descriptions...`,
'skills.cap': `Your technical skills...`,
'certifications.key': `Your credentials...`
}
};
- Deploy
Upload index.html to any static hosting provider (GitHub Pages, Vercel, Netlify, or your own VPS).
ls
Lists available "files" (projects, skills, certs).
cat [file]
Reads the content of a specific file.
whoami
Displays a brief professional summary.
man root
Opens the full manual/profile page.
help
Displays all available commands.
clear
Flushes the terminal screen.
Distributed under the MIT License. See LICENSE for more information.
Created by Dev Lakhan.
If you use this template, it is my request that you please keep the "Engine by Dev Lakhan" credit in the footer. It helps support the project and rewards the original engineering!