Alexander
a89d35b2dd
fix nested links not working on recipe cards
2025-10-02 14:30:31 +02:00
Alexander
1670f2113c
Fix Card component z-index and favorite indicator positioning
...
- Reduce icon z-index from 10 to 5 to prevent overlap with header
- Adjust favorite indicator position from -0.5em to 0.1em for better spacing
2025-09-04 16:49:04 +02:00
Alexander
4b913de473
Add favorite indicators to recipe cards and improve favorites UI
...
- Add heart emoji indicators to recipe cards (top-left positioning)
- Show favorites across all recipe list pages (season, category, icon, tag)
- Create favorites utility functions for server-side data merging
- Convert client-side load files to server-side for session access
- Redesign favorite button with emoji hearts (🖤 /❤️ ) and bottom-right positioning
- Fix randomizer array mutation issue causing card display glitches
- Implement consistent favorite indicators with drop shadows for visibility
2025-09-01 20:45:28 +02:00
Alexander
1133fa23e1
Card.svelte: fix top-right icon offset
2025-08-31 21:09:34 +02:00
Alexander
f2e65e26c6
Fix Card.svelte icon positioning and styling
...
- Restored icon to top-right position with absolute positioning
- Added proper circular background with nord0 color
- Set correct dimensions (50px × 50px) and border-radius for circular shape
- Added shadow and hover effects to match original design
- Fixed z-index to ensure icon appears above other elements
- Maintained shake animation on card hover for visual feedback
The icon now appears correctly in the top-right corner with a round
background instead of being positioned at bottom center with transparent
background.
2025-08-31 21:07:10 +02:00
Alexander
b4b8f65207
Upgrade SvelteKit 4 to SvelteKit 5 with latest dependencies
...
Major changes:
- Upgraded Svelte from v4 to v5.38.6 (latest stable)
- Upgraded SvelteKit from v2.0.0 to v2.37.0 (latest)
- Upgraded Vite from v5 to v7.1.3 for better performance
- Updated all related packages to latest compatible versions
- Added pnpm as package manager with packageManager field
- Fixed Card.svelte nested anchor tags issue by converting inner links to buttons
- Updated component styling to maintain visual consistency
- Removed incompatible svelte-preprocess-import-assets package
Dependencies updated:
- @sveltejs/kit: ^2.0.0 → ^2.37.0
- @sveltejs/vite-plugin-svelte: ^3.0.0 → ^6.1.3
- svelte: ^4.0.0 → ^5.38.6
- vite: ^5.0.0 → ^7.1.3
- @sveltejs/adapter-auto: ^3.0.0 → ^6.1.0
- @sveltejs/adapter-node: ^2.0.0 → ^5.0.0
- svelte-check: ^3.4.6 → ^4.0.0
- mongoose: ^7.4.0 → ^8.0.0
- sharp: ^0.32.3 → ^0.33.0
2025-08-31 21:01:19 +02:00
Alexander
b7a39c20a4
render HTML in Recipe Card description
2024-10-22 17:29:29 +02:00
Alexander
a9d5e7b5a2
eager image loading for top recipes on page
2024-02-25 12:54:30 +01:00
Alexander
6f936e2860
specify emoji font for icons
2024-02-25 11:15:06 +01:00
Alexander
27a7639c28
first attempt in disabling image coursel on redirect
2024-02-18 19:53:47 +01:00
Alexander
423be78704
first attempt of img cache invalidation
2024-02-18 14:43:42 +01:00
Alexander
0ff07bb7e2
only margin-right in MediaScroller
2024-01-24 11:09:54 +01:00
Alexander
8412ff936b
fix weird shift in Cards due to double insertion of <a> tag on server
2024-01-22 15:09:08 +01:00
Alexander
86e6c71623
Card.svelte: placeholder image also blurred if JS disabled
2024-01-22 14:53:26 +01:00
Alexander
bee05cc019
fix Search
2024-01-22 14:47:22 +01:00
Alexander
e7981e96e9
no blurred image if JS disabled
2024-01-22 14:43:52 +01:00
Alexander
019097da6e
Card is now fully loaded in itself
...
No longer do we have this weird shift of the description to the right of
the Card until some magical JS is loaded to fix it.
Not yet perfect: The now wrapping a-tag is for some reason still weirdly
sent to client until some js cleans it up. Currently results in a too
large gap which is fixed by local js.
Still TODO: do not blur images if no js present
2024-01-22 14:13:56 +01:00
Alexander
96915bbfc9
Card.svelte: get rid of :has() and Firefox-specific hacks
2024-01-22 12:40:55 +01:00
Alexander
0d14c4378c
slightly improve js-free Card rendering
2024-01-21 10:34:23 +01:00
Alexander
b396400b44
Safari and Firefox render cards correctly
2023-10-19 14:04:44 +02:00
Alexander
35415eb68d
move from new.bocken.org to bocken.org
2023-10-05 10:09:50 +02:00
Alexander
d8a41d9cb1
less mislicks, switched to :focus where appropriate
2023-07-13 18:27:02 +02:00
Alexander
e612b06662
Card hover effect smooth, mobile navbar hides on click
2023-07-13 13:54:42 +02:00
Alexander
9b34559013
reliably unblur, only use unblur if image not already loaded
2023-07-12 12:44:44 +02:00
Alexander
52d2e04829
fix placeholder thumbnail misalignment
2023-07-11 19:14:39 +02:00
Alexander
3aa3f7949a
initial implementation of placeholder images, thumbnails and blurring between using sharp
2023-07-11 18:47:29 +02:00
Alexander
22f4e0c3c0
fix some icon animations
2023-07-10 13:19:35 +02:00
Alexander
68c79643a0
randomize order of recipes based on day
2023-07-10 13:00:11 +02:00
Alexander
43ec3b9959
stack tags from bottom of card
2023-07-05 18:48:59 +02:00
Alexander
73c1d13c37
Icon route added
2023-07-03 12:39:34 +02:00
Alexander
e37718d894
Remove unnecessary a11y warnings
2023-07-03 00:09:00 +02:00
Alexander
651a48f6e2
First almost fully functioning MVP.
...
Lacking:
- Seasons cannot be added/edited
- image upload
- layout recipe/adding
2023-06-24 15:35:38 +02:00
Alexander
9feb0c273e
Lots of changes, started on working /add
2023-06-24 15:35:37 +02:00
Alexander
21411fa73a
first working prototype
2023-06-24 15:35:37 +02:00
Alexander