Yi-Ting Chiu's Website

https://yi-ting.com (hosted on cloudflare page) or https://t41372.github.io/ (hosted on github page)

Note: old domain yi-ting.live will be expired on Jan 29, 2024, while yi-ting.me was expired on Feb 1, 2023

What is this

This is Yi-Ting Chiu's personal website. The terminal in the background is interactable.

Built with HTML, CSS, and JavaScript

The background?

The background is a interactable terminal.

Supported Commands in the terminal

• get-command-list
  • print all the command available
• print or echo
  • print everything follow. HTML contents are allowed lol.
• about
  • print some of my information along with some ascii arts
• clear
  • clear everything on the output
• open-light
  • turn the background color to white
• close-light
  • turn the background color to black
• background 1
  • get you a beautiful star background
• background 0
  • go back to the default background and clean the stars if applicable

Other functionality of the terminal

• autocompletion

  • provide command autocompletion after pressing tab
  • if there are multiple commands match the typed prefix, user can switch among them with more tabs

• mistype command recommandation

  • recommand a similar command if user mistype a command

• get ip

  • fetch the ip of the user and put it behind root_XX@
  • for example, root_US@127.0.0.1: ~$

• command history

  • press up down can quickly switch among history commands

• tab theme on phone optimization

  • theme color: grey on phone's browser (Chrome, Firefox, Opera). Immersive status bar on IOS

Todos

• What's new in the terminal to display new features in the terminal
• terminal's size adaptation onto different screen size
• change terminal background
• add a super cool RGB glitching effect on my name
• try put a neon effect on something
• add and complete the "about" page
• add a yellow duck to report bug on the main page, and it will send things to my email, or not.
• add "neofetch" command

Used Libraries

• jQuery
• string-similarity
• TypeIt

Used API

• Geo IP LookUP API

Why do I need your IP?

• Look at the terminal, and you'll find your IP somewhere in the page