style: add brand colours to social links

OliverBooth/Pages/Shared/_Layout.cshtml

@@ -91,7 +91,8 @@
         <ul class="footer-nav">
             <li>&copy; @DateTime.UtcNow.Year</li>
             <li><a asp-page="/privacy/index">Privacy</a></li>
-            <li><a href="https://mastodon.olivr.me/@@oliver" rel="me"><i class="fa-brands fa-mastodon"></i></a></li>
+            <li><a href="https://mastodon.olivr.me/@@oliver" rel="me" class="brand-mastodon"><i class="fa-brands fa-mastodon"></i></a></li>
+            <li><a href="https://www.linkedin.com/in/oliverlukebooth/" class="brand-linkedin"><i class="fa-brands fa-linkedin"></i></a></li>
             <li><a asp-controller="Rss" asp-action="OnGet"><i class="fa-solid fa-rss text-orange"></i></a></li>
         </ul>
     </div>

src/scss/app.scss

@@ -279,3 +279,25 @@ a.bmc-btn {
     }
   }
 }
+
+a.brand-mastodon {
+  &:link, &:visited, &:hover, &:active {
+    text-decoration: none;
+    color: #5a48dd;
+  }
+
+  &:hover {
+    color: #fff;
+  }
+}
+
+a.brand-linkedin {
+  &:link, &:visited, &:hover, &:active {
+    text-decoration: none;
+    color: #0077b5;
+  }
+
+  &:hover {
+    color: #fff;
+  }
+}

src/ts/app.ts

@@ -65,8 +65,8 @@ declare const Prism: any;
                 let posts: BlogPost[];
 
                 const tag = getQueryVariable("tag");
-                if (tag !== null) {
+                if (tag !== null && tag !== "") {
-                    posts = await API.getBlogPostsByTag(tag, i);
+                    posts = await API.getBlogPostsByTag(decodeURIComponent(tag), i);
                 } else {
                     posts = await API.getBlogPosts(i);
                 }