Added nuget and github repo info to top bar of demo site

PinguApps · Feb 4, 2024 · 77d8add · 77d8add
1 parent da6e37b
commit 77d8add
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 1 deletion.
diff --git 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
@@ -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;
+}