I just noticed that the Bootstrap blog example has the order of the
buttons reversed from how I expected. They word them as "older" and
"newer" and they are opposite to how I expected. For now I will keep
these the same as the example, but eventually I might change them
to "previous" and "next" as is more commonly used.
See: https://getbootstrap.com/docs/5.0/examples/blog/
For now it gets the first three posts with "featured: true" in their
frontmatter and displays them in a random order (so no control over
the placement of large feature or two smaller features).
TODO: gracefully handle the case where there are no pages with the
"featured: true" frontmatter so new users don't see a super weird
and broken front page.