Hello, world!
This is my personal website
Simple to use, dynamic and interactive!
Button hierarchy
Levels are based on visual weight
🤨 Filled button should have negative text.Cards
Easy made
Cards are created by adding an utilitarian class .card to a div tag.
By the moment there are only one style, but within time I will expand the UI system, to add card with images, and more.
I'm still learning
So expect it to be broken. I'm (slowly) debugging on a weekend basis.
I know I could use AI, and fix everything in like 5 minutes, but my objective is to learn by doing.
I see bugs as opportunities to learn, not as personal shortcomings.
Auto grid
Contents inside a block type of tag with the class .auto-grid, will create a grid of 3 columns by default (but you can change it easily).
Later I'm thinking to to add a .bento variation.
Elevations
.card class will only create the shape. In order to add an elevation shadow, you need to add the class .elevation-#, where # represents the height.
These group of cards goes from 0 to 3, wich is the max setting.