Welcome to my website! It's still a work in progress, but feel free to look around! Everything is coded by me, which is why a lot of things don't scale well,
or just appear broken. I am working on it B)
About me
My name is Lukas, but online I go by Corbiss! I am a game programmer working with networking and online code. I also love to draw, but I don't do is as often as I would like to.
I joined the indie web in 2023 because I was really tired of social media. So instead of posting constantly I try to take care of this website instead.
Site plans
First and foremost I want to "complete" the theme I have going on. But once that's done I want to start writing some blog posts about things that I find interesting
TODO:
- Links page, perhaps a better trading card?
- Art gallery
- Favorite music
- Favorite games
- Shrines for pokemon, digimon and so on
Since I work on this during my sparetime it will most likely take me a long time.
Flex box
Used for single rows/columns
display: flex;
justify-content: center or space-between;
align-elements: center;
flex-direction: column; # used for, columns!
Grid
display: grid;
grid-template-columns: 1fr 2fr 1fr; # fr means fractional unit
grid-template-rows: 100px 200px;
flex-direction: column; # used for, columns!
Clamping
width: clamp(200px, 50%, 600px); # Will make it flex between 200px and 600px
html variables
In css we can use variables. To passa value to css, almost like a function you can use style="--var-name: 10" which will make it a paramter
Focus
element-name:focus-within element
visibility: visible
// Lined box
In a perfect world I would not have to style every single element on my web page. Therefore I will try to code some templates that I can use
simply by attaching a class to the surrounding div. Hopefully this will make it easier to build blog pages using simple widgets.
Here's a h2
And here's a h3
Info widget
In a perfect world I would not have to style every single element on my web page. Therefore I will try to code some templates that I can use
simply by attaching a class to the surrounding div. Hopefully this will make it easier to build blog pages using simple widgets.