[request] Add book cover images

[FabianLars]

context https://v2.tauri.app/learn/#books

The author asked to include the book cover, and i think it'd be a valuable addition but i've failed to integrate it nicely. 🙃

I think this can be an easy-ish way to contribute to the docs, especially for those with astro experience so i thought i'd open an issue instead of refreshing my html/css knowledge.

[Ncode-93]

Hey @FabianLars I would love to implement this. Could you assign it to me ?

[Ncode-93]

Hey @FabianLars
Does this look fine ?

[vasfvitor]

@Ncode-93 would you open a PR so we can see it live? for me, in this screenshot, the cover looks small, and I'd say the content could be laid out better. Like all in the same row, or title row + pic/details row. I think the current layout works for mobile, have to see it live

And last suggestion to make sure it will scale nicely, try placing 2 more books, just as placeholder to visualize, then remove before merging, or don't commit at all...

[Ncode-93]

https://github.com/user-attachments/assets/8e836b2e-9ec5-4791-a66d-43d24141609a
Hey @vasfvitor as per your words, I have made changes, can you acknowledge this and post that I'll be raising PR. Or should I raise one rn ?

[vasfvitor]

You can open a PR and we can go from there

Could you do more or less like the image below, it was made on paint.net just as an idea, it isn't a real mockup, with the text left aligned? The idea is to make most of the whitespace, but not too much condensed

references:

https://elixir-lang.org/learning.html#books

https://go.dev/learn/

[Ncode-93]

Hey @vasfvitor @FabianLars I've created a PR. Please acknowledge.

#3159

[Ncode-93]

Hey @vasfvitor @FabianLars I've created a new PR with suggested changes.

#3161

[vasfvitor]

@Ncode-93 fyi you could've pushed the changes to the first PR/branch, there would be no need to open a new one, but it's ok. Also when you open a PR it automatically notifies the team no need to tag, I'll take a loot at it, thanks again