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.