I want to redesign the guideline (rulebook) page of my sport association.
The problem is that its a legal document which contains a lot of text (around
41.000 words) with a lot of (sub)headlines and chapters, currently just plain html. Not very neat.
Its based on a PDF and because its a legal document I cannot rearrange the chapters or separate it.
Im now looking for a solution to make it a little bit more usable / readable. I understand that I will not get an AWESOME user experience with so much text...
Does anyone of you have tips how to handle a lot of text on a page or can show me examples where its handles very well?
Today I noticed a bootstrap site does this really nice on this page: http://getbootstrap.com/getting-started/
I like their sidebar solution, the problem is just, when switching to a mobile screen resolution, the design just adds the sidebar to the bottom, which makes its completely useless.