Add shields

docs/assets/styles/docs.css

@@ -180,7 +180,7 @@ strong {
 /* Splash */
 .splash {
   display: flex;
-  padding: 2rem 0;
+  padding-top: 2rem;
 }
 
 .splash-start {
@@ -221,6 +221,11 @@ strong {
     display: block;
     max-width: 400px;
   }
+
+  /* Shields */
+  .splash + p {
+    margin-top: 2rem;
+  }
 }
 
 /* Content */

docs/getting-started/overview.md

@@ -16,6 +16,13 @@
   </div>
 </div>
 
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@shoelace-style/shoelace/badge?style=rounded)](https://www.jsdelivr.com/package/npm/@shoelace-style/shoelace)
+[![npm](https://img.shields.io/npm/dw/@shoelace-style/shoelace?label=npm)](https://www.npmjs.com/package/@shoelace-style/shoelace)
+[![License](https://img.shields.io/badge/license-MIT-232323.svg?style=flat)](https://github.com/shoelace-style/shoelace/blob/next/LICENSE.md)<br>
+[![Discord](https://img.shields.io/badge/Discord-Join%20the%20chat-7289da.svg?style=flat&logo=discord)](https://discord.gg/mg8f26C)
+[![Twitter](https://img.shields.io/badge/Twitter-Follow-00acee.svg?style=flat&logo=twitter)](https://twitter.com/shoelace_style)
+[![Sponsor](https://img.shields.io/badge/Sponsor-%E2%9D%A4-232323.svg?style=flat&logo=github)](https://github.com/sponsors/claviska)
+
 ## Quick Start
 
 Add the following code to your page.