✨ added MoonBoard-log

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>

src/data/moonboard.json

@@ -0,0 +1,32 @@
+{
+  "2016": [
+    {
+      "route":"BokChoiBoi",
+      "grade":"6B+",
+      "benchmark":false,
+      "tries":5,
+      "image":"/img/moonboard_2016/bokchoiboi.png",
+      "date": 
+        {
+          "year": "2024",
+          "month": "02",
+          "day": "07",
+          "string": "07.02.2024"
+        }
+    },
+    {
+      "route":"An easy problem",
+      "grade":"6B+",
+      "benchmark":true,
+      "tries":1,
+      "image":"/img/moonboard_2016/aneasyproblem.png",
+      "date": 
+        {
+          "year": "2024",
+          "month": "02",
+          "day": "09",
+          "string": "09.02.2024"
+        }
+    }
+  ] 
+}

src/pages/logs/index.md

@@ -3,10 +3,12 @@ title: 'Logs'
 description: ''
 layout: "../../layouts/Layout.astro"
 ---
-All my logs where I keep track of stuff I’ve watched and things I’ve read. I started tracking in 2023 so the years before that are untracked.
+All my logs where I keep track of stuff I’ve watched, things I’ve read and my moonboard sends. I started tracking in 2023 so the years before that are untracked.
 
 I don’t use any third-party services for my logs, I store everything in a JSON-format for this website.
 
 [📚 **Books**](/logs/books)
 
+[🧗 **MoonBoard**](/logs/moonboard)
+
 [📺 **Watched**](/logs/watched)

src/pages/logs/moonboard.astro

@@ -0,0 +1,27 @@
+---
+import SectionContainer from '../../components/SectionContainer.astro';
+import mb from '../../data/moonboard.json';
+const mb2016Setups = mb["2016"];
+---
+
+<SectionContainer>
+  <main class="flex flex-col flex-1 gap-4 mt-4">
+     <h1 class="text-3xl font-extrabold">MoonBoard 2016</h1>
+
+     <div class="grid grid-cols-2 md:grid-cols-3 gap-2">
+            {mb2016Setups.map((mb) => (
+                <div class="flex flex-col items-center">
+                    <img
+                        src={mb.image}
+                        class="bg-yellow-500 rounded-xl"
+                    />
+                    <p class="font-bold text-xs">{mb.route} ({mb.grade}):</p>
+                    <p class="text-xs">
+                      {mb.tries == 1 ? "Flash" : `${mb.tries} tries`} | {mb.benchmark ? "Benchmarked" : "Not benchmarked"} | {mb.date.string}
+                    </p>
+                </div>
+            ))}
+     </div>
+  </main>
+</SectionContainer>
+