Implement New Homepage Design

[vkoves]

Description of Changes:

Restyles the homepage to match the new designs. Here's a screenshot from mobile:

The layout stays roughly the same on desktop, but a higher quality image is used with less blur, and the sections are larger.

Resolves #73.

Checklist:

• Code follows code style of this project
• Tests added to cover changes
• All new and existing tests passing

Questions / Additional Notes:

Ensured accessibility by using <a> tags for all links and checking contrast on new elements.

[coveralls]

Pull Request Test Coverage Report for Build 261

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 97.143%

---

Totals
Change from base Build 254:	0.0%
Covered Lines:	102
Relevant Lines:	105

---

💛 - Coveralls

[SorenSpicknall]

One note, though I'd like opinions on whether this is easily addressed or worth addressing right now. At medium screen sizes (like a small tablet or a huge phone), the "Report An Issue" text intersects with the image above it. It's probably an edge case because not many devices are at this width, but is a bug.

[vkoves]

Good catch @AcademyInPeril, I've updated the PR.

[SorenSpicknall]

Awesome! It looks like it works much more smoothly right now on my broswers.