From 77d8addef5c0830d5382d6ed5d3c92c4f3fed4c6 Mon Sep 17 00:00:00 2001
From: Matthew Parker <pingu2k4@hotmail.co.uk>
Date: Sun, 4 Feb 2024 23:25:16 +0000
Subject: [PATCH] Added nuget and github repo info to top bar of demo site

---
 src/BlazorWasmNet6/Shared/MainLayout.razor    | 27 ++++++++++++++++++-
 .../Shared/MainLayout.razor.css               | 14 ++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/BlazorWasmNet6/Shared/MainLayout.razor b/src/BlazorWasmNet6/Shared/MainLayout.razor
index 13c4a4c..99b716b 100644
--- a/src/BlazorWasmNet6/Shared/MainLayout.razor
+++ b/src/BlazorWasmNet6/Shared/MainLayout.razor
@@ -8,9 +8,34 @@
     <main>
         <div class="top-row px-4">
             <h3 class="mt-2">
-                Wasm Example
+                .Net 6.0 WASM
             </h3>
         </div>
+        <div class="badge-row">
+            <a href="https://www.nuget.org/packages/PinguApps.Blazor.QRCode" target="_blank">
+                <img src="https://img.shields.io/nuget/v/PinguApps.Blazor.QRCode?logo=nuget&style=for-the-badge" />
+            </a>
+            <a href="https://www.nuget.org/packages/PinguApps.Blazor.QRCode" target="_blank">
+                <img src="https://img.shields.io/nuget/dt/PinguApps.Blazor.QRCode?style=for-the-badge&logo=nuget" />
+            </a>
+            <a>
+                <img src="https://img.shields.io/badge/License-MIT-44cc11?style=for-the-badge" />
+            </a>
+            <a href="https://github.com/PinguApps/Blazor.QRCode" target="_blank">
+                <img src="https://img.shields.io/github/stars/PinguApps/Blazor.QRCode?style=for-the-badge&logo=github" />
+            </a>
+            <a href="https://github.com/PinguApps/Blazor.QRCode" target="_blank">
+                <img src="https://img.shields.io/github/actions/workflow/status/PinguApps/Blazor.QRCode/demo-site.yaml?style=for-the-badge&logo=github" />
+            </a>
+
+            <a href="https://github.com/PinguApps/Blazor.QRCode" target="_blank">
+                <img src="https://img.shields.io/badge/Github-555?style=for-the-badge&logo=github" />
+            </a>
+            <a href="https://www.nuget.org/packages/PinguApps.Blazor.QRCode" target="_blank">
+                <img src="https://img.shields.io/badge/Nuget-555?style=for-the-badge&logo=nuget" />
+            </a>
+            <hr />
+        </div>
         <article class="content px-4">
             @Body
         </article>
diff --git a/src/BlazorWasmNet6/Shared/MainLayout.razor.css b/src/BlazorWasmNet6/Shared/MainLayout.razor.css
index 6262f8e..9e4e07c 100644
--- a/src/BlazorWasmNet6/Shared/MainLayout.razor.css
+++ b/src/BlazorWasmNet6/Shared/MainLayout.razor.css
@@ -79,3 +79,17 @@ main {
         padding-right: 1.5rem !important;
     }
 }
+
+.badge-row {
+    position: sticky;
+    top: 3.5rem;
+    z-index: 1;
+    padding: 1rem 1.5rem;
+    background: rgb(247, 247, 247);
+    background: linear-gradient(0deg, rgba(247, 247, 247, 1) 0%, rgba(224, 224, 224, 1) 100%);
+    border-bottom: 1px solid #d6d5d5;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
+    row-gap: 0.5rem;
+}
\ No newline at end of file