From 79e40aaba545c46bc43bfab411eff083ed7eaa17 Mon Sep 17 00:00:00 2001
From: Stevan Freeborn <65925598+StevanFreeborn@users.noreply.github.com>
Date: Wed, 5 Feb 2025 14:47:57 -0600
Subject: [PATCH] feat: dynamically display current dotnet version

---
 src/Blog/Components/Layout/Header.razor     |  5 +++++
 src/Blog/Components/Layout/Header.razor.css | 17 ++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/Blog/Components/Layout/Header.razor b/src/Blog/Components/Layout/Header.razor
index d7dff6f..1853873 100644
--- a/src/Blog/Components/Layout/Header.razor
+++ b/src/Blog/Components/Layout/Header.razor
@@ -4,6 +4,11 @@
   <div class="title-container">
     <NavLink href="/">
       <h1>journal</h1>
+      <p>using 
+        <a href="https://dotnet.microsoft.com/">
+          .NET @Environment.Version.Major
+        </a>
+      </p>
     </NavLink>
   </div>
   <div class="author-container">
diff --git a/src/Blog/Components/Layout/Header.razor.css b/src/Blog/Components/Layout/Header.razor.css
index bf913a7..7d0b47d 100644
--- a/src/Blog/Components/Layout/Header.razor.css
+++ b/src/Blog/Components/Layout/Header.razor.css
@@ -5,11 +5,26 @@
   width: 100%;
   gap: 1rem;
 
+  & .title-container {
+    position: relative;
+  }
+
   & .title-container h1 {
     font-size: 1.5rem;
     font-weight: 700;
   }
 
+  & .title-container p {
+    position: absolute;
+    bottom: -0.40rem;
+    right: 0;
+    font-size: 0.65rem;
+
+    & a:hover {
+      text-decoration: underline;
+    }
+  }
+
   & .author-container {
     display: flex;
     align-items: center;
@@ -21,4 +36,4 @@
       border-radius: 50%;
     }
   }
-}
\ No newline at end of file
+}