optimized the document navigation css to use the grids

Also using front matter for the information in the document navigation, next step is to create an include for it.