Website design iteration

[meiqimichelle]

For #25 (plus other fixes while I am here). This implements some of the design changes as per @akrych 's mockup.

• Add active state to main nav by refactoring nav partial/template to use Hugo's menu generator
• Restructure content directories to match latest information architecture (and update links and aliases to reflect this) so that the menu generator works (and future breadcrumbs will work)
• Standardize the header across homepage and sub-pages so that the text doesn't change color/size when navigating the site (causing it to seem to 'jump'), and so that active state is consistent across pages
• Refactor LESS color variables to make them easier to use
• Fix hanging indent bug, ie the way the lines did not indent properly:
• Many typography adjustments to improve readability and make the content hierarchy clearer
• First pass at refactoring footer (does not match @akrych yet, but the HTML/CSS is cleaner for now)
• Fix 'back' bug where clicking on logo/text on upper right only takes you one step up the directory chain instead of all the way home
• Soften tipboxes to make them easier to read in the flow of text, ie the image on top became the image below it:

Example current page

Example new page

[hsanjuan]

Thanks so much for taking upon these tasks @meiqimichelle ! This is a great improvement.