Welcome to the website log!

Here I'll be posting stuff I did on the website + code stuff that I learned. Mostly for myself, lol!

10.09.2026

My mistakes are forever immortilized... /silly

Recently added the town button and been working on town designs!

Made it easier for myself to make buttons.

Created a general style sheet.

Started working on the personal page!
Added the navigation bar (although the buttons don't seem to work for some reason.)

I just thought of how it would be great to move personal stuff to the town section, I scroll down and see that I've already though about it lol!

05.09.2026

Working on diary entry styles.
I want to have multiple and switch between them depending on my mood:D

Made the background repeat with the text which is super freking cool.
It's like, I imagine something and I realize I can impliment it (with chatgpts help) exactly the way I want it. Wow. The feeling of pure satisfaction!

Very obvious where the loop is lol... Well, I gotta work on my backgrounds:D

padding: -> space inside the box

margin: -> space outside the box

04.09.2026

Got diary entry selector to look exactly how I wanted it to!
It wasso muh trial and error.
Also I made it easy for me to add new entry selections on top

Month sections added

Worked on a bit of art for the websie too!

Centering text

text-align:
left;
right
center;

03.09.2026

Removed herobrine /j
No, seriously, this looks so diabolical.

Freddy Fazbear corrupted my files for real??!?!

In all serousness, black color was just there for me to see better

Finished entry selector layout First diary entry! Updated status.

02.09.2026

I think i might move my diary and personal stuff to town section once I have it.

01.09.2026

Status box!

31.08.2026

Diary page!

Math... So much math..

Worked on the layout, added colors and pic of the day page!

Transfered home page's css onto a separate document.
It's easier for me to have separate html and css documents for each page.

Added "personal" page button to the navigation bar!

30.08.2026

Worked on diary page

Mathed so hard the exact positions of the diary page layout.
I tried figuring out positions with flexbox, percentages, but it was way too complicated, tried eyeballing, but it was way too tedious. So I ended up with what I planned inicially - MATH! It took some time but man is it satisfying when the element I've been working on just snaps into the exact place I want it to be.
Maybe I need to write down the equasion or how I did that in general? Idk.

29.08.2026

Built the WebLog! It's probably should be caller "SiteLog" but whateva.
Figuring out how to position stuff on the screen (top; right; bottom; left;)

Trying out putting certain style elements inside the elments, like <h2 style="color: #acc8dd;">29.08.2026</h2> instead of writing everything in css. My css would get too big with every single little thing needing it's own class:/
I low key loveee the lavander #967bb6 color I used for bg and text 😭

Some new stuff I learned:

"overflow-y: auto;" - makes the box scrollable when there's too much info

position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); - this is how I made the white box sit in the center of the page. there's multiple ways to do that I'm pretty sure.

Positions!

position: static; - the element sits where it would naturally sit on the page; default.
position: relative;
top: 20px;
left: 30px; - the element moves 20px down and 30px right from where it normally would be.
Relative is also commonly used as a reference point for absolutely positioned children. for example:

CSS
.box {
position: relative;
}

.box img {
position: absolute;
top: 10px;
right: 10px;
}

HTML
<div class="box">
<img src="thing.png">
</div>
- the image's top and right are measured relative to .box.

position: absolute;
- if there's no parent, positioned relative to the page; if there is a parent positioned relative to the parent.