Articles on mobile should anchor to the title when rendered out of viewport

[smackert]

After opening an article on a device with a viewport that is short or narrow (excessive line wrapping), the site-intro can take up the entire screen which confuses users. Opening an article can make a user believe that they were erroneously sent back to the top of the homepage.

This may also impact users with certain accessibility options enabled, even with the default theme configuration.

Expected Behavior

1. Tap on a post
2. Initially be presented with the article title starting from the top of the viewport

Current Behavior

1. Tap on a post
2. Initially presented with the site-intro again. The post is not visible.
3. Scroll down to find content

Possible Solution

Add an anchor tag to the article title which is used in cases where it would otherwise not be visible or not entirely visible.

Steps to Reproduce or Template with Error (for bugs)

1. Simulate a short viewport with your browser's dev tools or add several line breaks/text to the intro. The social icons can take up additional lines as well if enough are enabled.

Your Environment

Hugo Version: v0.80.0/extended

Browser: Chrome

Desktop or Mobile: Mobile (I believe the user had a Samsung Galaxy S10 running Android)