Confusion on landing page

[shreevatsa]

Hi,

(Sorry just leaving this as a comment for now, if I get time I'll try to submit a PR.)

I've noticed that at least a couple of people to whom I sent the https://avinashvarna.github.io/audio_alignment/ link thought that it wasn't working — digging deeper, it seems that what happened is that in the below screenshot (sorry for the large image size) they clicked on one of the links in the red rectangles, instead of clicking in the green rectangle:

I wonder if there's some way to make this more obvious. For example, does the "text source", "audio source" and "aligned by" need to be on the main page — could it instead be made that clicking on "Rāmāyaṇa" (say) takes you to an "about" page (or even the page for the first sarga, with the details on a separate page)?

[avinashvarna]

I like the suggestion of moving metadata (such as text source, audio source, aligned by) to a separate "About" page and make the main page more easily navigable from the user's perspective. As a simple first step, we could make the main page really just prominently display the accordion menu items (the green rectangle in the image above) in the center, or in the right area as well. Maybe we could also expand each main item to display the first few entries to make it more obvious. Most of this logic already exists in the menu, so it would just be a matter of replicating it on the right, or displaying it in the center.