Dharma Pearls Updates

[musiko]

@cdpatton a big sadhu on your translation work and making it available in a way that everyone can benefit from!

I know Bhante @Sujato has very strong opinions regarding footnotes, but if you are looking for a slick responsive web design that looks beautiful both on desktop and mobile I highly recommend Tufte CSS.

I have used this design extensively when preparing Ajahn Brahmali---Introduction to Pali Offline Course---Wisdom & Wonders 2018 and there are some screenshots below that demonstrate side notes on desktop and mobile (in both cases notes are readily available inside the text flow but are designed in a way that doesn’t obstruct fluent reading).

@musiko

The interface

There are two modes for the UI:

• the full view, available to devices with sufficient screen width, with notes and audio player elements positioned on the right margin, where they don’t interfere with the flow of the main body of text

and

• the collapsed view, where those same elements are hidden by default and can be displayed on demand by the user when needed.

Touch the side note number to display the note text

All resources included in the package are either CC0 or CC-BY-SA or similar so feel free to use according to your needs.