Differences

This shows you the differences between two versions of the page.

--- handleiding_nieuw:spacematrix [2025/03/22 17:17] – created - external edit 127.0.0.1
+++ handleiding_nieuw:spacematrix [2025/04/16 12:10] (current) – support
@@ Line 1: / Line 1: @@
-spacematrix titelpagina
+<html>
+<div style="padding: 2em; background-color: #ffffff; border: 2px solid #ddd; border-radius: 12px; font-family: sans-serif; max-width: 1000px; margin: 0 auto;">
+  <h1 style="font-size: 2.4em; color: #2a7ae2;">Stedelijke Dichtheid: van Beeld naar Berekening</h1>
+  <p style="font-size: 1.2em; color: #555; line-height: 1.6em;">Verken inspirerende voorbeelden van stadse dichtheden en gebruik onze rekenmodule om zelf te ontdekken wat past in jouw plan. Van Superblocks tot Spacematrix – dit is de plek waar inspiratie en analyse samenkomen.</p>
+  <!-- Superblocks -->
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:superblocks_barcelona.jpg" alt="Superblocks Barcelona" style="width:100%; border-radius: 12px; margin: 1.5em 0;" />
+  <p style="font-size: 0.9em; color: #888; text-align: right;">Superblocks in Barcelona – slim omgaan met dichtheid en leefkwaliteit</p>
+  <h2 style="color: #2a7ae2; margin-top: 2em;">Stedelijke voorbeelden</h2>
+  <p style="line-height: 1.6em;">We verzamelden een groeiende reeks stedelijke gebieden, geclassificeerd op FSI (Floor Space Index) en GSI (Ground Space Index). Klik op een zone of blader door de beeldenbank om inspiratie op te doen:</p>
+  <ul style="line-height: 1.8em; font-size: 1.1em;">
+    <li>🏙️ <a href="/wiki/doku.php?id=handleiding_nieuw:sub_kengetallenbeelden" style="color: #2a7ae2;">Beeldenbank met voorbeelden »</a></li>
+  </ul>
+  <h2 style="color: #2a7ae2; margin-top: 2em;">Eerste analyse: wat past waar?</h2>
+  <p>Met onze rekenmodule kun je op basis van FSI, GSI en openbare ruimte-invulling direct zien hoeveel programma past in jouw gebied. Een perfecte voorbereiding voordat je met Sumsonite rekent.</p>
+  <a href="/wiki/doku.php?id=handleiding_nieuw:sub_spacematrix" style="display: inline-block; margin-top: 1em; background-color: #2a7ae2; color: #fff; text-decoration: none; padding: 12px 24px; font-size: 1.1em; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1);">🚀 Start de Dichtheidsrekenmachine</a>
+  <div style="margin-top: 3em; padding: 1.2em; background-color: #eef6ff; border-left: 4px solid #2a7ae2; border-radius: 6px;">
+    <p style="margin: 0; font-size: 1.1em; color: #222;">
+      <strong>Tip:</strong> Gebruik de beeldenbank om vergelijkbare projecten te vinden en de rekenmachine om te zien hoeveel m², woningen of voorzieningen er bij jouw dichtheid passen.
+    </p>
+  </div>
+</div>
+</html>