Clickable images - trigger modal

[Apmannen]

See if classes/methods can be moved to models etc.

---

• [x] Show image with bigger resolution -- Still needs fixing
• [x] Image galleries (My Time at Portia)
• [x] Image galleries need to include top image
• [ ] In modal, cycle between images in gallery for the specific post -- max one modal per post
• [x] In posts list, trigger hover for title when hovering image -- to make it clear that it's a single post link
• [ ] Close button
• [ ] "Image x of y"
• [x] Close with escape
• [ ] Show zoom icon when hovering image
• [ ] bigger images in mobile
• [ ] Try out web assembly for the client stuff
• [ ] Image text, e.g. Portia
• [ ] max height
• [ ] use a JS template engine
• [ ] Show post title above image
• [ ] cycle with arrow buttons

[Apmannen]

This is really something you want to do on the client side...

[Apmannen]

https://demos.blazorbootstrap.com/modals

[Apmannen]

https://demos.blazorbootstrap.com/modals

Lot's of Bootstrap (probably conflicting with Tailwind) and JS dependencies.

The goal of the project is to deep dive into Blazor and .NET and minimize the usage of external plugins/libraries to a selected few.

To make use of Webassembly could be an idea, with my API endpoints I'm not using interactive server side rendering the way you're supposed to anyway:

" Blazor supports interactive server-side rendering (interactive SSR), where UI interactions are handled from the server over a real-time connection with the browser. Interactive SSR enables a rich user experience like one would expect from a client app but without the need to create API endpoints to access server resources." https://learn.microsoft.com/sv-se/aspnet/core/blazor/?view=aspnetcore-8.0

But there are reasons for everything, and I'll include them in my review afterwards.

Maybe I should convert my Guess word to use Web assembly and use interactive SSR for the upcoming Figgerits clone? Maybe have on version of each: one webassembly guess word and one SSR guess word -- for true comparison.

[Apmannen]

Inspiration: https://flowbite.com/docs/components/modal/