22h 23m 53s logged

Dev Log (^w^)

It’s been… a while since my last update, so here’s a big catch-up! I’m trying to document everything properly from now on instead of relying on my goldfish memory.

Homepage Updates

Glassmorphism

Added reusable glassmorphism cards.
Replaced a plain gray border with a gradient pseudo-element for more depth.
Credit to the Hype4 Glassmorphism Generator for the base effect.

Animations

Added floating stars to make the homepage feel more alive.
Implemented scroll reveal animations so sections appear as users scroll.
Created a reusable .swing class using CSS keyframes for playful hover animations.

Hover Effects

Added several interactions to make the site feel less static:

Growing navigation buttons
Lifting image cards
3D tilt effects
Wobbling hanging images
Animated logos

Art Page

Created a dedicated Art page that serves as a navigation hub.

Current features:

Navigation bar
“Ela’s Art Emporium” logo
AP Art portfolio showcase

Eventually I’d like to add preview sections for the other art pages.

Art Lessons Page

Started building the Art Lessons page.

Current features:

About Me section
Lesson preview cards
Images and descriptions
Consistent card styling
Hover animations

Still a WIP, but I’m really happy with the direction it’s going.

Commission Page

This has become one of the biggest pages on the website.

Features include:

Accordion timeline explaining the commission process
Pricing section
Interactive commission builder that generates price estimates
FAQ accordion

The commission builder was definitely the hardest feature I’ve coded so far, but also one of my favorites.

Art Gallery

Created a gallery using polaroid-style flip cards.

Since every painting has different dimensions, I added a full image viewer so users can see artwork at its original size. I may replace the buttons with a click-to-expand feature later to reduce clutter.

Next Steps

Finish the Art Lessons page
Create the Current Projects page
Finish the About page
Finish the Store page
Make the website fully mobile-friendly (task of doom and despair…)