style: center badges with markdown and use reference-style links (#3121)

README.md

@@ -9,15 +9,17 @@
     <img src="https://github.com/pizzaboxer/bloxstrap/raw/main/Images/Bloxstrap-full-light.png#gh-light-mode-only" width="420">
 </p>
 
-<p align="center">
-    <a href="https://github.com/pizzaboxer/bloxstrap/blob/main/LICENSE"><img src="https://img.shields.io/github/license/pizzaboxer/bloxstrap" alt="License"></a>
-    <a href="https://github.com/pizzaboxer/bloxstrap/actions"><img src="https://img.shields.io/github/actions/workflow/status/pizzaboxer/bloxstrap/ci.yml?branch=main&label=builds" alt="GitHub Workflow Status"></a>
-    <a href="https://crowdin.com/project/bloxstrap"><img src="https://badges.crowdin.net/bloxstrap/localized.svg" alt="Crowdin"></a>
-    <a href="https://github.com/pizzaboxer/bloxstrap/releases"><img src="https://img.shields.io/github/downloads/pizzaboxer/bloxstrap/latest/total?color=981bfe" alt="Downloads"></a>
-    <a href="https://github.com/pizzaboxer/bloxstrap/releases/latest"><img src="https://img.shields.io/github/v/release/pizzaboxer/bloxstrap?color=7a39fb" alt="Version"></a>
-    <a href="https://discord.gg/nKjV3mGq6R"><img src="https://img.shields.io/discord/1099468797410283540?logo=discord&logoColor=white&label=discord&color=4d3dff" alt="Discord"></a>
-    <a href="https://media.tenor.com/FIkSGbGycmAAAAAd/manly-roblox.gif"><img src="https://img.shields.io/badge/mom%20made-pizza%20rolls-orange" alt="lol"></a>
-</p>
+<div align="center">
+
+[![License][shield-repo-license]][repo-license]
+[![GitHub Workflow Status][shield-repo-workflow]][repo-actions]
+[![Crowdin][shield-crowdin-status]][crowdin-project]
+[![Downloads][shield-repo-releases]][repo-releases]
+[![Version][shield-repo-latest]][repo-latest]
+[![Discord][shield-discord-server]][discord-invite]
+[![lol][shield-tenor-meme]][tenor-gif]
+
+</div>
 
 ----
 
@@ -48,7 +50,7 @@ Bloxstrap is only supported for PCs running Windows.
 - See where your server is geographically located (courtesy of [ipinfo.io](https://ipinfo.io))
 - Ability to configure graphics fidelity and UI experience
 
- ## Installing
+## Installing
 Download the [latest release of Bloxstrap](https://github.com/pizzaboxer/bloxstrap/releases/latest), and run it. Configure your preferences if needed, and install. That's about it!
 
 Alternatively, you can install Bloxstrap via [Winget](https://winstall.app/apps/pizzaboxer.Bloxstrap) by running this in a Command Prompt window:
@@ -65,3 +67,22 @@ Once installed, Bloxstrap is added to your Start Menu, where you can access the
 ## Code
 
 Bloxstrap uses the [WPF UI](https://github.com/lepoco/wpfui) library for the user interface design. We currently use and maintain our own fork of WPF UI at [bloxstraplabs/wpfui](https://github.com/bloxstraplabs/wpfui).
+
+
+[shield-repo-license]:  https://img.shields.io/github/license/pizzaboxer/bloxstrap
+[shield-repo-workflow]: https://img.shields.io/github/actions/workflow/status/pizzaboxer/bloxstrap/ci.yml?branch=main&label=builds
+[shield-repo-releases]: https://img.shields.io/github/downloads/pizzaboxer/bloxstrap/latest/total?color=981bfe
+[shield-repo-latest]:   https://img.shields.io/github/v/release/pizzaboxer/bloxstrap?color=7a39fb
+
+[shield-crowdin-status]: https://badges.crowdin.net/bloxstrap/localized.svg
+[shield-discord-server]: https://img.shields.io/discord/1099468797410283540?logo=discord&logoColor=white&label=discord&color=4d3dff
+[shield-tenor-meme]:     https://img.shields.io/badge/mom_made-pizza_rolls-orange
+
+[repo-license]:  https://github.com/pizzaboxer/bloxstrap/blob/main/LICENSE
+[repo-actions]:  https://github.com/pizzaboxer/bloxstrap/actions
+[repo-releases]: https://github.com/pizzaboxer/bloxstrap/releases
+[repo-latest]:   https://github.com/pizzaboxer/bloxstrap/releases/latest
+
+[crowdin-project]: https://crowdin.com/project/bloxstrap
+[discord-invite]:  https://discord.gg/nKjV3mGq6R
+[tenor-gif]:       https://media.tenor.com/FIkSGbGycmAAAAAd/manly-roblox.gif