ELA'S BLOG

First post, first coding conundrum

14 August 2025

WAAAHHH!! I'M SO EXCITED!

I've been hard at work crafting the skeleton of this website this past month, and I feel like I'm finally getting somewhere that looks fun, manageable and relatively easy to navigate; plus, more importantly, it is usable and looks good in both mobile and desktop.

Honestly, I'm SUPER proud of the menu most of all, I always get so giddy about adding interactivity features. Right now it all looks a little empty and plain, but all along I've been planning for it to work together with my art, which means it's gonna look AWESOME. Eventually. As long as I get to the art part. Soon. For now, though, you can look at how the colors change and the tabs move when you drag the mouse over them.

A very angry Donatello from Rise of the Teenage Ninja Turtles

There has been an issue with the menu that I haven't been able to solve for some mysterious reason. At first I wanted to make a fixed menu that worked on mobile, same as it does on desktop. However, trying to give the menu a fixed position messed with the menu elements to the point where the movement effects the menu has didn't work anymore. Basically I broke it- I've been trying to rearrange it for ages, but positioning instructions just... stopped working?? It was frustrating. Anyway, I decided to go with what I thought would be an easier fix: a "scroll to top" button that gets mobile users back on top to the menu whenever they want. It should have been painless, just add a button, give it a fixed position, set it on top of everything else. Well, it would seem, uh... for some reason I SWEAR I cannot comprehend, the button appears and looks and works exactly as intended in desktop (where I don't need it), but just doesn't appear in mobile (where I do need it). It's definitely either a positioning issue, or a z-index issue, but I can't pinpoint WHAT yet. The button has the highest z-index value of all the page elements, its only parent is the page body so it should have no hierarchy issues, and I have to assume the positioning is responsive, because I am using freaking Javascript to read the current window size and calculate position based on that. And like. That method DOES work and positions it perfectly on desktop, so what gives? I checked all the page elements using Chrome's dev tools, and the button does exist on the page, but apparently it's... off-screen? Which is also weird, because I cannot scroll down to see it or anything, and it's certainly big enough that it wouldn't get completely covered by window elements like the scroll bar (plus I obviously tried changing its position to the middle of the page and it didn't move, it's still off-screen or otherwise hidden somehow...) I shall have to keep looking into this, though I'm completely stumped on the matter so far. While I sort it out, mobile users will just have to scroll back up manually. The pages are empty enough anyway, for now.

Anyway! You will see that the page still is very much a WIP; there's an empty square where my logo/mascot/fursona should be, and images are still placeholders (which take a little while to load, they're just lorem picsum images) until I get around to doing the actual art. It'll come bit by bit! I also plan to make custom backgrounds for the different blogs.

I am considering whether to make separate pages for the different projects I'm working on (such as the RRCU and Riders of Katai, as well as other possible projects), which would be accessible through the Projects blog page. I'm gonna let that idea sit for a while, because I want to have this blog looking cool and finished (and with graphics/art added) first, BUT I do want to make a couple of "project" boxes in that page including a project summary and links to their respective tunglrs and stuff, so I have everything properly linked to my person.

That's all the thoughts I wanted to have logged in here for now! I hope you enjoy the site. My idea was for it to look kinda like a notebook or a diary in aesthetic and general feel. It's not exactly the look I had envisioned at first, some complications arose, but it's close enough! I'll probably be adding posts in the other pages and modifying the sections in the home page over the following days. I'll give another update when more major modifications are made.

Things left to do:

  • "Project summary" boxes on the Projects blog page
  • Smooth out the movement of the post cards
  • Consider making an "All posts" page
  • Page logo art
  • Mascot art for the menu
  • Home page art
  • Placeholder art for the post summary cards (+ make the Javascript array to assign them randomly)
  • Write alt text for the images
  • Find some cool stamps to add to the foot of the page
  • Figure out what the HECK is happening to the "scroll to top" button
  • Validate the page for HTML and CSS

Other cool sites!

Pro AO3 FreakNeocities.orgTumblrFree media heck yeah!Valid CSS!

Best viewed with open eyesMade with my own two pawsMade with Notepad++Made with affection

Creada con orgullo por un ser humano