Corbiss

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

Corbiss

LV25

NEW!