Add buttons

PancakesWeb/Components/Pages/Home.razor

@@ -108,23 +108,19 @@
             manually.</p>
     </details>
 
-    <ul class="buttons card">
+    <div class="buttons card">
         @foreach (var button in Buttons.Entities.OrderBy(p => p.Title))
         {
-            <li class="button">
-                <ImageButton Data="button"/>
-            </li>
+            <ImageButton Data="button"/>
         }
-    </ul>
+    </div>
 
-    <ul class="buttons card">
+    <div class="buttons card">
         @foreach (var button in Buttons.Things.OrderBy(p => p.Title))
         {
-            <li class="button">
-                <ImageButton Data="button"/>
-            </li>
+            <ImageButton Data="button"/>
         }
-    </ul>
+    </div>
 
     <h2 id="webrings">Webrings</h2>
     <p>Adjacent websites</p>

PancakesWeb/Components/Pages/Home.razor.css

@@ -58,10 +58,6 @@
     list-style: none;
 }
 
-.button {
-    display: inline-flex;
-}
-
 @media screen and (max-width: 768px) {
     .accounts {
         flex-direction: column;

PancakesWeb/Components/UI/ImageButton.razor.css

@@ -1,5 +1,10 @@
 .button-link {
+    display: inline-block;
+    height: 31px;
+
     text-decoration: none;
+    line-height: 1;
+    text-align: center;
 }
 
 .button-link::after {

PancakesWeb/Data/Button.cs

@@ -193,6 +193,33 @@ public static class Buttons
             Image = "valid_atom.webp",
             Title = "Valid Atom 1.0",
             Href = "/feed.atom"
+        },
+        new Button
+        {
+            Image = "siivagunner.png",
+            Title = "High Quality Now!",
+            Href = "https://www.youtube.com/@SiIvaGunner"
+        },
+        new Button
+        {
+            Image = "play_with_steam.gif",
+            Title = "Play with Steam"
+        },
+        new Button
+        {
+            Image = "oneshot.gif",
+            Title = "OneShot",
+            Href = "https://store.steampowered.com/app/420530/OneShot/"
+        },
+        new Button
+        {
+            Image = "vulkan_now.png",
+            Title = "Vulkan Now!"
+        },
+        new Button
+        {
+            Image = "homebrew_now.png",
+            Title = "Homebrew Now!"
         }
     ];
 }