Add Multilingual Support and Modularize a Book in a New Page

AkierRaee commented 1 week ago

Brief Description

This pull request enhances the multilingual functionality of LisBook #37, and modularizes the book details for improved user experience and maintainability.

Changes Made

1. Added Multilingual Support: Implemented translations for the book tracks' titles in English, French, Spanish and Simplified Chinese. Files updated with new translations: adventure.html, fs.html, pbd.html, and rdpd.html.

2. Implemented Language Selection in index.html: A language selector was added to index.html, allowing users to toggle between supported languages. This selection updates the displayed language for both the book details in index.html and the embedded gd.html content.

3. Modularized God Delusion Book Details:

Moved the book details and playlist information of God Delusion out of index.html into a standalone page gd.html.
Added language support for English, French, Spanish, and Simplified Chinese translations in gd.html.
gd.html is now embedded within index.html as an iframe, maintaining a more organized structure and enhancing modularity.

3. Synchronized Language Change Across Pages: Language changes in index.html automatically update the language of the embedded gd.html page. This syncs translations across both the main and embedded page, providing a cohesive user experience when switching languages.

Testing

Tested the language switcher in index.html to verify that it accurately updates both the main content and the embedded gd.html content.
Confirmed the track translations appear correctly across all supported languages.
Verified that the gd.html page functions seamlessly within the iframe, allowing for consistent interaction and language support.

netlify[bot] commented 1 week ago

Deploy Preview for lisbook ready!

Name	Link
Latest commit	9f50177d9c7de7065f002865863f7af3b6ac7b68
Latest deploy log	https://app.netlify.com/sites/lisbook/deploys/672df6af2efb4f00089753a2
Deploy Preview	https://deploy-preview-148--lisbook.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

AkierRaee commented 6 days ago

Hello @Ctoic,I hope you're doing well! I wanted to kindly follow up on my pull request. I would really appreciate it if you could review it when you have a moment. If there’s anything I can clarify or improve, please feel free to let me know. Thank you very much for your time and consideration.

Ctoic / Lisbook