シャルル の 名刺 -
Charles' Business Card

My portfolio website, シャルル (Sharuru) の(no)  名刺 (meishi) , inspired by the Japanese business card, emphasizing simplicity and elegance. It uses vanilla JavaScript for simplicity and is designed to be functional without CSS and presentable without JS, ensuring broad accessbility.

Dependencies

Made with the help of Vite ⚡

npm install
vite dev --host
vite build
vite preview --host

Assets

fonts

None

icons (SVG)

• Font Awesome : Github-alt, Envelope-solid, LinkedIn-in
• Boxicons : X, Trigram For Heaven, Moon, Sun, Globe, Rocket, Cog, Compass, Cube

TODO

Features

• accessibility
  • prefers-contrast
  • prefers-reduces-motio
  • left handed menu/control ?
• user theme-color ?

Ehancement

• better error handling
• use Web Components
• maybe minify html

Fix