Visual refresh

[blocher]

It's time for a visual refresh and general style cleanup for the entire front-end (Vue) site found in the app folder.

What to do:

• Clean up and professionalize all style sheets
• Make styles consistent on all pages
• Rethink the header section (that is everything including and above the Enable/Disable Audio Controls section), keeping the same information and functionality but making a better presentation that is easy to navigate
• Rethink the bottom audio bar, making sure it looks awesome on all screen sizes, keeping the same information but making a better presentation that is easy to navigate
• Rethink the bottom section (starting with links (Share your settings, Get Email Updates, etc)) site and farther down, , keeping the same information but making a better presentation that is easy to navigate
• Rethink side popover menus, keeping the same information but making a better presentation that t is easy to navigate
• Make it reflect the look and feel of a real book (inspired directly by the attached BCP 2019 book file)
• Still use the seasonal colors that are in the header, though it could be in a different manor -- need to still incorporate them either in the header or as some sort of accent
• Remove all references or links to "Classic Site"
• Find a spot to link to the iOS (https://apps.apple.com/us/app/the-daily-office/id1513851259) and Android (https://play.google.com/store/apps/details?id=com.dailyoffice2019.app&hl=en_US&pli=1) apps (using the standard logo for those app stores)
• Seek inspiration from the attached BCP 2019 Prayerbook Book of Common Prayer file
• Use GPT-5 deep thinking and any other models that seem wise
• Think more and think more deeply
• Clean up CSS, JavaScript, and Vue code

What not to do:

• Don't change the simplicity of the middle (main) sections
• Don't change the font (should be Adobe Caslon Pro) or basic header an paragraph styles
• Don't move away from the inspiration of the BCP 2019 (this is where we got the styles for headers, right-aligend tags/headers, paragraphs, etc.( We are trying to really replicate the feel of this book. If you do make changes to main content, they should be in service of making it more like this PDF book.
• Don't focus too much on the main content sections (more on headers, footers, menus) except in service of making the main content more like the BCP 2019 book
• Don't move away from the black (or off black) and white colors (except for the seasonal accent colors)

BCP2019 (1).pdf