From 9ab322751a732d8cbc1ddf4f2ecf5022d7242baa Mon Sep 17 00:00:00 2001
From: Marijn Besseling <njirambem@gmail.com>
Date: Sun, 7 Sep 2025 20:56:09 +0200
Subject: WIP migration

---
 Blog/Components/Pages/Calc.razor | 56 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 Blog/Components/Pages/Calc.razor

(limited to 'Blog/Components/Pages/Calc.razor')

diff --git a/Blog/Components/Pages/Calc.razor b/Blog/Components/Pages/Calc.razor
new file mode 100644
index 0000000..942d9a9
--- /dev/null
+++ b/Blog/Components/Pages/Calc.razor
@@ -0,0 +1,56 @@
+@page "/Calc"
+<PageTitle>Calculator</PageTitle>
+<PageScript Src="./Components/Pages/Calc.razor.js"/>
+
+<main>
+    <p>A rpn calculator</p>
+    <form id="form" class="flex-row">
+        <input id="input" type="text" placeholder="1 2 +" />
+        <input type="submit" value="Evaluate">
+    </form>
+    <div>
+        <div id="log"></div>
+    </div>
+
+    <fieldset class="docs">
+        <legend>Available stack operations</legend>
+        <details>
+            <summary>dup</summary>
+            <p>Duplicates the top value on the stack</p>
+            <div class="flex-spread">
+                <span>[1, 2, 3]</span>
+                <span>dup</span>
+            </div>
+            <div class="flex-spread">
+                <span>[1, 1, 2, 3]</span>
+                <span></span>
+            </div>
+        </details>
+
+        <details>
+            <summary>drop</summary>
+            <p>Drops the top value on the stack</p>
+            <div class="flex-spread">
+                <span>[1, 2, 3]</span>
+                <span>drop</span>
+            </div>
+            <div class="flex-spread">
+                <span>[2, 3]</span>
+                <span></span>
+            </div>
+        </details>
+
+        <details>
+            <summary>swap</summary>
+            <p>Swaps the top two values on the stack</p>
+            <div class="flex-spread">
+                <span>[1, 2, 3]</span>
+                <span>swap</span>
+            </div>
+            <div class="flex-spread">
+                <span>[2, 1, 3]</span>
+                <span></span>
+            </div>
+        </details>
+    </fieldset>
+</main>
\ No newline at end of file
-- 
cgit v1.2.3