♻️ refactor moonboard-log page

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
This commit is contained in:
Sid 2024-08-25 13:44:11 +02:00
parent 49734f36eb
commit 6d9a1f7969
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
7 changed files with 18 additions and 78 deletions

View file

@ -1,32 +0,0 @@
---
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>
<div class="flex flex-col md:flex-row md:gap-1 text-xs items-center">
<span>
{mb.tries == 1 ? "Flash" : `${mb.tries} tries`} | {mb.benchmark ? "Benchmarked" : "Not benchmarked"}
</span>
<span class="hidden md:inline"> | </span>
<span class="block md:inline">{mb.date.string}</span>
</div>
</div>
))}
</div>
</main>
</SectionContainer>

View file

@ -0,0 +1,13 @@
---
title: 'MoonBoard'
description: ''
layout: "../../layouts/Layout.astro"
---
## 2016
| 📌 **Route** | ⭐ **Grade** | ✔️ **Status** | ⏳ **Attempts** | 📅 **Date** |
|-----------------------|-------------|---------------------|----------------|--------------|
| *Klingon Easy* | 6b+ | Benchmarked | 2 tries | 02.03.2024 |
| *An easy problem* | 6b+ | Benchmarked | Flash | 09.02.2024 |
| *BokChoiBoi* | 6b+ | Not benchmarked | 5 tries | 07.02.2024 |