diff --git a/src/includes/posts/poker.md b/src/includes/posts/poker.md
index 4a815d0e5..a7f4f74ad 100644
--- a/src/includes/posts/poker.md
+++ b/src/includes/posts/poker.md
@@ -5,4 +5,5 @@
 - [Poker - API](poker-api)
 - [Poker - Stats](poker-stats)
 - [Poker - App](poker-app)
-- [Poker - Docs](poker-docs)
\ No newline at end of file
+- [Poker - Docs](poker-docs)
+- [Poker - Hud](poker-hud)
diff --git a/src/input/posts/images/poker/hud/Board.png b/src/input/posts/images/poker/hud/Board.png
new file mode 100644
index 000000000..c30f17cac
Binary files /dev/null and b/src/input/posts/images/poker/hud/Board.png differ
diff --git a/src/input/posts/images/poker/hud/Board_1.png b/src/input/posts/images/poker/hud/Board_1.png
new file mode 100644
index 000000000..a856215a8
Binary files /dev/null and b/src/input/posts/images/poker/hud/Board_1.png differ
diff --git a/src/input/posts/images/poker/hud/Player1.png b/src/input/posts/images/poker/hud/Player1.png
new file mode 100644
index 000000000..1a4477d28
Binary files /dev/null and b/src/input/posts/images/poker/hud/Player1.png differ
diff --git a/src/input/posts/images/poker/hud/Player2.png b/src/input/posts/images/poker/hud/Player2.png
new file mode 100644
index 000000000..6d2b96952
Binary files /dev/null and b/src/input/posts/images/poker/hud/Player2.png differ
diff --git a/src/input/posts/images/poker/hud/Players_1.png b/src/input/posts/images/poker/hud/Players_1.png
new file mode 100644
index 000000000..2c81e36d5
Binary files /dev/null and b/src/input/posts/images/poker/hud/Players_1.png differ
diff --git a/src/input/posts/images/poker/hud/Pot.png b/src/input/posts/images/poker/hud/Pot.png
new file mode 100644
index 000000000..5a3e971d0
Binary files /dev/null and b/src/input/posts/images/poker/hud/Pot.png differ
diff --git a/src/input/posts/images/poker/hud/Pot_1.png b/src/input/posts/images/poker/hud/Pot_1.png
new file mode 100644
index 000000000..35a0ab4d5
Binary files /dev/null and b/src/input/posts/images/poker/hud/Pot_1.png differ
diff --git a/src/input/posts/poker-hud.md b/src/input/posts/poker-hud.md
new file mode 100644
index 000000000..f34fea75f
--- /dev/null
+++ b/src/input/posts/poker-hud.md
@@ -0,0 +1,70 @@
+---
+title: Poker - HUD
+# lead: Poker
+tags:
+  - poker
+  - ui
+  - blazor
+  - blazor wasm
+  - .net
+  - csharp
+author: alexhedley
+description: Designing a HUD for the Stats
+published: 2024-06-02
+# image: /posts/images/###.png
+# imageattribution:
+---
+
+<!-- # Poker - HUD -->
+
+<?# Markdown ?>
+<?!^ "./../includes/posts/poker.md" /?>
+<?#/ Markdown ?>
+
+I'm back to working on the [Poker Web App](poker-app), as you saw from the original post the UI is lacking somewhat.
+
+![Web App table](images/poker/testing-table.png "Web App table")
+
+I've taken some inspiration from live shows and started working on implementing the styles in the app. I've found a number of variations I can work through, so here's the first attempt.
+
+This led me to creating a shared `Microsoft.NET.Sdk.Razor` project called **Poker.Components**. (I should have done this with the original [components](https://alexhedley.github.io/poker-recording/components)).
+
+I've made a start on the first **Board**:
+
+![Board](images/poker/hud/Board.png "Board")
+
+![Board](images/poker/hud/Board_1.png "Board")
+
+**Players**:
+
+![Player 1](images/poker/hud/Player1.png "Player 1")
+![Player 2](images/poker/hud/Player2.png "Player 2")
+
+![Player 1](images/poker/hud/Players_1.png "Players")
+
+And **Pot**:
+
+![Pot](images/poker/hud/Pot.png "Pot")
+
+![Pot](images/poker/hud/Pot_1.png "Pot")
+
+<?# Info ?>
+Thanks for the card images [@danielpaz6](https://github.com/danielpaz6) in [Texas holdem Rank Card Evaluator](https://github.com/danielpaz6/Poker-Hand-Evaluator)
+<?#/ Info ?>
+
+With this shared Library it means I can try it out in both my _Blazor WASM_ app (that I have deployed on GitHub Pages), and my _Blazor Server_ app which I'll be using as the main app.
+
+See the current progress at
+
+- https://alexhedley.com/poker-recording/hud
+
+One very helpful tool I used to layout the _Players_ was [Layoutit!](https://grid.layoutit.com/), which is a _CSS Grid Generator_.
+
+I copied the initial output to [codepen](https://codepen.io/) before moving to my Blazor app.
+
+- https://codepen.io/AlexHedley/pen/KKLWXpO
+
+Track it via
+
+- Issue (40): https://github.com/AlexHedley/poker-recording/issues/40
+- MR (39): https://github.com/AlexHedley/poker-recording/pull/39