About This Website

Technologies Used

Next.js & React
The frameworks responsible for the single-page application and static page generation.
TypeScript
Used throughout the entire project for better stability.
SCSS
Used without any libraries.

Canvas Elements

I have created a few HTML5 canvas-based drawings for this website.

The Timeline

The timeline is an HTML5 canvas element that automatically generates a random series of years and scrolls through them.

The Music Staff

The music staff element draws the lines, inserts the bass clef and automatically composes a random song comprising whole, half and quarter notes.

The Spider Web

The spider web is mathematically generated and is not only adaptable to the size of the canvas element, but can also have any number of branches.

The Grid

The grid can have any number of x and y axes and is also adatpable to the size of the canvas element.