https://www.meherbejaoui.com/tags/sandbox/SandboxHugoBlox Kit (https://hugoblox.com)en-usFri, 07 Aug 2026 00:00:00 +0000https://www.meherbejaoui.com/media/icon_hu_86f70d11edac25ec.pnghttps://www.meherbejaoui.com/tags/sandbox/https://www.meherbejaoui.com/projects/sandbox/Fri, 07 Aug 2026 00:00:00 +0000https://www.meherbejaoui.com/projects/sandbox/<p>Not everything fits neatly into a single write-up. This page is a sandbox: a place to point to smaller, standalone projects that live outside this site, and that will keep growing as I add to them.</p> <style> #sandbox-cards { display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 2rem 0 2.5rem; } #sandbox-cards a.sandbox-card { flex: 1 1 260px; display: block; padding: 1.75rem; border-radius: 1rem; border: 1px solid rgba(127, 127, 127, 0.3); text-decoration: none; color: inherit; background: rgba(127, 127, 127, 0.06); transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease; } #sandbox-cards a.sandbox-card:hover, #sandbox-cards a.sandbox-card:focus-visible { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18); border-color: rgba(127, 127, 127, 0.55); background: rgba(127, 127, 127, 0.1); } #sandbox-cards .sandbox-card-icon { font-size: 2.25rem; line-height: 1; margin-bottom: 0.6rem; } #sandbox-cards .sandbox-card-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 0.4rem; } #sandbox-cards .sandbox-card-tag { display: inline-block; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.15rem 0.55rem; border-radius: 999px; background: rgba(127, 127, 127, 0.15); margin-bottom: 0.75rem; } #sandbox-cards .sandbox-card-desc { opacity: 0.8; font-size: 0.95rem; margin-bottom: 1rem; line-height: 1.5; } #sandbox-cards .sandbox-card-cta { font-weight: 600; font-size: 0.9rem; } #sandbox-cards a.sandbox-card:hover .sandbox-card-cta { text-decoration: underline; } </style> <div id="sandbox-cards"> <a class="sandbox-card" href="https://meherbejaoui.com/edu" target="_blank" rel="noopener"> <div class="sandbox-card-icon">🎮</div> <span class="sandbox-card-tag">Work in progress</span> <div class="sandbox-card-title">Edu</div> <div class="sandbox-card-desc">Text-based games exploring governance and decision-making. More scenarios and content are on the way.</div> <div class="sandbox-card-cta">Play the games →</div> </a> <a class="sandbox-card" href="https://meherbejaoui.com/suivre" target="_blank" rel="noopener"> <div class="sandbox-card-icon">🧭</div> <span class="sandbox-card-tag">Proof of concept</span> <div class="sandbox-card-title">Suivre</div> <div class="sandbox-card-desc">A small, self-contained proof-of-concept — a sample of how I like to think through and work a problem.</div> <div class="sandbox-card-cta">Take a look →</div> </a> </div> <p>Both are actively evolving — check back here for updates, or click through to see them as they stand today.</p>