What is this

This website is an exercise for myself. I put together a bunch of things I learnt during university and especially during the recent months, where I used my time to focus on frontend development.

I am not a designer and I cannot put on the internet a copy of some popular website either, so the UI sucks.

The technology I used is very simple as the website uses HTML5, SCSS and TypeScript, with no particular frameworks or libraries except for HTMX, which is only featured to prove that I know it exists. I believe that if you know the basis, it is easier to build on them and use some cooler framework like React or Angular. The opposite is not true though, and sometimes simplicity is the solution, as someone said less gracefully here.

So I tried to implement some interesting functionalities without resorting to third party libraries. Some examples you can find in the pages are: the navbar triggered by an hamburger button when the website is in mobile mode, an accordion, buttons for dialogs and modals, CSS only effects and animations.

I also challenged myself to build a very simple canvas on which you can draw simple shapes, edit them and delete them. I did it on JavaScript first, and then converted it to TypeScript.

There are some things that are cool and I would like to add, like web components or mobile support for the canvas page.

Title 2

Morbi dolor enim, viverra quis nibh et, cursus hendrerit mi. Donec at cursus purus, vel mollis est. Aliquam vel ante ut sem molestie venenatis. Ut at ante ullamcorper, scelerisque nulla et, tincidunt erat. Etiam lobortis euismod dignissim. Vestibulum ac leo vel nisi hendrerit ultrices eget quis risus. Aliquam venenatis lorem ut felis tincidunt, nec suscipit libero laoreet. Vivamus sed lectus at lacus accumsan facilisis at finibus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus non ante nulla. In tempor vestibulum consequat. Fusce vehicula lectus diam, eget porta mauris laoreet ac. Nunc convallis est ex, eget blandit urna cursus eget. Nunc pellentesque tristique posuere. Aliquam ut venenatis diam. Ut nec erat aliquam turpis faucibus cursus elementum sed dui. Fusce libero quam, pellentesque a laoreet a, volutpat et metus. Duis nisl nulla, vulputate sit amet orci eu, blandit sollicitudin mi. In dictum nulla eu nisi posuere vulputate. Fusce non ex elementum purus viverra fermentum consequat tincidunt augue. Fusce quis tellus orci. Duis ultrices luctus leo, sit amet convallis augue semper in.

Integer non neque nibh. Nam congue, augue in dignissim efficitur, felis elit ultrices metus, quis mattis tortor nibh eget tellus. Proin malesuada ut arcu non fringilla. Fusce interdum mauris nec accumsan interdum. Proin sagittis, urna ut auctor sodales, ipsum lacus porta justo, mollis convallis ligula leo eget augue. Fusce maximus maximus dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut congue aliquet nulla ac suscipit. Curabitur nec maximus metus. Aliquam pulvinar gravida eleifend. Integer congue, orci in commodo tincidunt, eros felis faucibus metus, vel imperdiet urna purus sed magna. Vivamus in malesuada felis. Phasellus iaculis metus eget posuere ullamcorper. Donec commodo est id leo commodo, eget faucibus urna hendrerit.

Title 3

Vivamus leo nisl, vehicula nec dolor non, facilisis pulvinar quam. Ut ligula sapien, ultricies a ipsum nec, vehicula rhoncus leo. In elementum augue vel dolor tincidunt, ac fringilla mi eleifend. Ut luctus auctor ipsum vel dignissim. Nullam accumsan quam a ante tristique rhoncus. Vestibulum id quam sit amet arcu facilisis iaculis. Morbi faucibus, eros eu tincidunt scelerisque, mi ante scelerisque nunc, ut convallis justo augue vel neque. Donec ut sem elit. Vestibulum consequat eget tortor eu vehicula. Vestibulum eu luctus nibh, ac interdum massa. Nulla lobortis tempus tortor, non elementum arcu euismod quis. Aliquam ultricies tempus imperdiet. Nam accumsan mauris ac egestas pulvinar. Vivamus sed elit ultricies, pretium felis vestibulum, eleifend nibh. Ut tempus cursus velit eget blandit.

Title 4

Integer non neque nibh. Nam congue, augue in dignissim efficitur, felis elit ultrices metus, quis mattis tortor nibh eget tellus. Proin malesuada ut arcu non fringilla. Fusce interdum mauris nec accumsan interdum. Proin sagittis, urna ut auctor sodales, ipsum lacus porta justo, mollis convallis ligula leo eget augue. Fusce maximus maximus dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut congue aliquet nulla ac suscipit. Curabitur nec maximus metus. Aliquam pulvinar gravida eleifend. Integer congue, orci in commodo tincidunt, eros felis faucibus metus, vel imperdiet urna purus sed magna. Vivamus in malesuada felis. Phasellus iaculis metus eget posuere ullamcorper. Donec commodo est id leo commodo, eget faucibus urna hendrerit.