You are browsing as a guest. Sign up (or log in) to start making projects!

Ship #1 Pending review

I made my personal website with an intro, an About section, a Projects section and a little terminal you can type in, using plain HTML, CSS and JavaScript. The terminal was the hardest part, because I had to get the commands working, bring back old commands with the up arrow, and make it look good on phones. I’m proud of the terminal, since it feels like a real one on a normal website.

Try project → See source code →
Open comments for this post

16m 11s logged

more commands, phone view and readme

  • 3 more commands: interests, projects and github
  • the github command prints a link you can click
  • up and down arrow keys bring back old commands, like a real terminal
  • phone fixes: smaller heading and the terminal prompt moves above the input
  • a README that explains what’s on the site and how to run it
  • screenshots of the home page, the terminal and the phone view
  • the progress folder with every stage, each one with a commit message and a devlog
0
0
6
Open comments for this post

24m 56s logged

Projects section and terminal

What I added

  • a Projects section with Root Studio, my browser music app
  • a tags line under the project (HTML, CSS, JavaScript, Web Audio)
  • a link to my GitHub for the rest of my code
  • a Projects link in the top bar
  • a terminal box on the home section
  • script.js that reads what you type and prints an answer
  • 3 commands: help, whoami and clear
  • if you type something it doesn’t know, it says command not found
0
0
8
Open comments for this post

18m 18s logged

About section

What I added

  • an About section with a short paragraph about me
  • a list of what I’m into, each one with a line explaining it
  • an About link in the top bar that scrolls down to it
  • css for the section lines, headings and the interests list
0
0
7
Open comments for this post

30m 22s logged

Basic intro page

What I added

  • a plain index.html with my name as the heading
  • a short intro about me
  • two links: GitHub and email
  • style.css with the colors, font and page width
  • a top bar that stays at the top when you scroll
  • the intro now has a big heading and proper buttons
  • viewport tag and a description in the <head>
0
0
2

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…