I'm trying out CSS for the first time! I'm still learning though, so that's why it looks like this ...
Here's how you can make bold and italic text.
Here's how you can add an image:
Here's how to make a list:
To learn more HTML/CSS, check out these tutorials!
Hello, hello, just a quick one this time! (Please be true ...)
Mostly, the site received a handful of cosmetic updates, as I'm still going through the Mozilla CSS tutorial. It's interesting, how after going through a bunch of new stuff in a row, the tutorials are stuck on minutia like how different color values are applied. But maybe that's just frustrating to me personally, because I already have some coding experience.
Because of it there aren't many great updates to this site (although one I called a breakthrough once I got it working). So, the cosmetic side of things: The header bar now functions properly, with the link spanning the entirety of the boxes and not just the text. Also, I finally got the text to change to a white color, when hovered or focused, as was intended from the beginning. The reason I got stuck on it for so long was because I couldn't figure out how and where to work in the padding without everything looking messy when hovered. Glad that that's worked out just fine.
The more obious change would be the background! Tbh I'm using a snippet from one of the outdoor spritesheets from RPG Maker MV. For whatever reason I envisioned using RPG Maker sprites as decoration on this website, and this is the first step.
Now onto my "major breakthrough": This site is now dynamic! (In a way ...) Thanks to being able to scale elements using the viewport this now leads to a better experience for everyone. Unfortunately my h2 tags are messed up on mobile devices, but that is a small price to pay i guess. Maybe one day I'll have it sorted out.
I also started working on a little sidebar thingy for the site, where I'd put my to-dos and just other cool stuff I wanna put there, and I got it working ... somehow. Unfortunately having a sidebar sort of conflicts with the flexibility of a dynamic site and I just can't get it to work the way it was intended, while also having elements on the site scale dynamically according to the viewport. (Am I even making sense?)
In any case, that means I'll probably have to set up a separate "testing ground" for a sidebar soon, so I don't mess up my index page too much by accident. (I really want that sidebar though, so I might just un-dynamic this page ...)
And lastly, here's our obligatory screenshot! (I wonder how fast this coding obsession fades ...)
Well, well, well, how far we've come in such a short time!
Since writing that last post I've cleaned up the site a bit, adding a nav bar on top. Unfortunately it's still a bit janky, because I simply can't get the link to become the full size of the tab it's in. Other than that I've retroactively added dates to my blog posts using floating elements (thanks google). It's not quite what I was looking for, but serves it's purpose nicely. Note to myself to change the CSS to only apply the float to the first h2 lmao.
Speaking of which (and that's a second note to myself) I should consider pinning a To-Do List somewhere on this page.
My original plan for this website was to do some blogging, as well as just dumping all of my obssessions here, but right now I'm having so much fun getting back into coding, that I'm just sprinting through the Mozilla CSS tutorial, instead of actually building the website. But I guess nothing comes from nothing, as they say.
Anyway, I finished "Dimension 20: Cloudward Ho" yesterday, and it had momentarily taken over my brain, hence the blinkies at the beginning of the page. The season came out with the worst possible timing, so I fell behind so hard, and considered dropping it around the Ramansu portion of the story, because it just didn't catch me as much as in the beginning. Now I am so glad to have powered through the final 12 episodes in like 2 weeks, because this is on of the greatest stories ever. Moving on ...
As I'm typing I'm so full of ideas again, my ADHD is getting so bad once more haha. I've been spending most of my time at work learning code, instead of working, but at least I can get away with it, because I actually have to use HTML at work hahahaa.
One last thing, that I've been meaning to talk about three paragraphs ago: I should track my site progress via screenshots! It's such a shame I didn't do it with the first post, but I'll be sure to add a nice pic of the site every now and then, so we can all track my progress!
Speaking of, next up are finding a nice way of decorating images (probably just gonna be some border, though I intend to use some more images for decorating), as well as automating the dotted lines between posts. Those are all copy-pasted so far, because I didn't know how to the ::before element, but I believe that one is perfect for this task!
Alright, I've been yapping long enough! No-one reads this beside me, but this is the first time in a long long long long time, I've had a hobby fulfill me like this! So I'm looking forward to writing my next post <3
Edit: changed the width of the image, oopsie!
Hello, this is really just my testing ground to see if my section borders work properly! Honestly crazy to see how easy and fun it is to use CSS for styling a website lol. Next for me is to have a nice/basic bar at the top that leads to a bunch of subpages.