My Portfolio - Stardance

Ship #1

Made a CTF-themed portfolio site: blue and red, boot sequence, a hero terminal you can actually type commands into. Plain HTML/CSS/JS, real CTF results pulled from CTFtime, working contact form.

The hardest part was building the interactive terminal — command history with arrow keys, keeping input focus without it being annoying. Also spent a while chasing a layout bug where the contact section stuck to the left edge; turned out an earlier edit had deleted the section’s opening tag.

Proudest of the terminal being genuinely interactive instead of a typing animation, and of keeping the content honest — real scores, no fake CVEs.

To test it: click the hero terminal and type help. A few commands aren’t listed on purpose. The contact form needs a Formspree ID set in index.html before it sends anything.

Try project → See source code →

Open comments for this post

@HexFud on My Portfolio · 5 days ago

8h 3m 55s logged

Devlog #00

I needed a portfolio so after hours of work i created one, most of you maybe have questions so i will give answers to them

Didn’t want the usual green-on-black hacker template. Went with a CTF theme instead —
blue and red, terminal windows, a boot sequence — and used real numbers from real
competitions instead of made-up stats.

stack

Plain HTML, CSS, JS. No framework, no build step. Split the CSS into separate files
(base, layout, hero, sections, cards, contact, responsive) once the single stylesheet
got too long to navigate.

the terminal

The hero section types out a fake exploit chain in a terminal window. First version
just typed text and left a blinking cursor — felt too static for a CTF site, so I made
it interactive. You can actually type commands: help, ls, whoami, cd
to jump around the page, plus a few things not listed in help on purpose. There’s also
a matrix-style easter egg if you know where to look.