Improve navigation styling and experience

[ashmaroli]

Summary

• Make the header fixed to the top of viewport to avoid scrolling to top especially when the current page is a very long post.
• Nav element on small-screens now span the full viewport height regardless of number of link-items.
• Introduce new include_file / inclusion named nav-items.html to render navigation link-items for all screen-sizes.
• Move header_pages config data into the minima namespace as minima:nav_pages
• Menu icon is now a Font Awesome icon instead of inline SVG.

[ashmaroli]

@jekyllbot: merge +major

[Polovinkin]

sorry, but wanted to ask about this:
"Nav element on small-screens now span the full viewport height regardless of number of link-items."

it looks horrible on mobile screens, what's the point of making that change?

Edit: made the issue about that #860

[Storyyeller]

Summary

* Make the header fixed to the top of viewport to avoid scrolling to top especially when the current page is a very long post.

I know you mean well, but FWIW, I hate this behavior on websites, and have to spend a lot of time adding an adblocker rule on each site I visit to kill these pointless sticky headers in order to free up screen space so I can read the actual content.

I'm far from the only one either, as you can see from the discussion here for instance.

Making this behavior the default on a widely used website theme seems like it's going to cause a lot of pain for people.

[ashmaroli]

Hello @Storyyeller, thank you for reaching out and voicing your disapproval.
I have one more (major, yet non-breaking) ux change in the works. Once I merge that in, I am going to open a discussion at both talk.jekyllrb.com and the GitHub Discussions for this repository to gauge user opinions about Minima v3 and make changes accordingly.

[ashmaroli]

Hello everyone,
I have started a feedback thread at #876 and https://talk.jekyllrb.com/t/minima-v3-preview-feedback/9865.
Feel free to leave comments there as well. I will base decisions based on responses in those threads.

[ashmaroli]

@Storyyeller FYI: I have reverted the sticky-header to previous default state via dfaea3e.