Differences

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

--- handleiding_nieuw:demo_project [2025/11/13 09:27] – support
+++ handleiding_nieuw:demo_project [2025/11/13 10:58] (current) – support
@@ Line 28: / Line 28: @@
     <li>Open ruimte: <strong>30%</strong></li>
   </ul>
-  <p>→ Uitkomst: ca. <strong>20.000 m² BVO wonen</strong> op 1,7 ha, met 190 woningen in het middelhoog segment.</p>
+  <p>→ Uitkomst: ca. <strong>17.290 m² BVO wonen</strong> op 1,7 ha, met 191 woningen in het goedkoop en middelhoog segment.</p>
   <div style="position: relative; width: 100%; max-width: 800px; margin: 1em auto;">
@@ Line 70: / Line 70: @@
-<h2>5. Kickstart genereren: van concept naar berekening</h3>
+<h2 style="color: #2a7ae2; margin-top: 2em;">📄 5. Kickstart genereren: van concept naar berekening</h2>
-<p style="font-size:1.05em; line-height:1.6em; color:#333;">
+<p>Met de <strong>Kickstart Dump</strong> maak je in één klik een tekstbestand met alle brokstukken
-Met de <strong>Kickstart Dump</strong> maak je in één klik een tekstbestand met alle brokstukken
 van jouw conceptplan — programma, voorzieningen en parkeerbalans — klaar voor invoer in
-<strong>Sumsonite</strong>. Dit is jouw <em>vertaalhulpmiddel van OntwikkelConcept naar eerste berekening</em>.
+<strong>Sumsonite</strong>. Hiermee vertaal je jouw <em>OntwikkelConcept</em> direct naar een eerste doorrekening.
 </p>
-<!-- ✳ Voorbeeld-Kickstart downloaden -->
+<!-- Voorbeeld Kickstart in blauwe info-box -->
-<p>
+<div style="margin: 1em 0; padding: 1em; background-color: #eef6ff; border-left: 4px solid #2a7ae2; border-radius: 6px;">
-  <a href="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:demo:kickstart_voorbeeld.txt"
+  <p style="margin:0; font-size:1em; color:#222;">
-     style="display:inline-block; padding:10px 16px; background:#e7f1ff; border:1px solid #bcd7ff;
+    📎 Wil je eerst zien hoe een Kickstart eruitziet?
-            border-radius:6px; text-decoration:none; color:#2a7ae2; font-weight:bold; font-size:0.95rem;">
+    <br>
-    📄 Download voorbeeld Kickstart
+    <a href="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:kickstart_dump-demo.pdf"
-  </a>
+       style="display:inline-block; margin-top:0.7em; background-color:#2a7ae2; color:#fff;
-</p>
+              text-decoration:none; padding:10px 16px; border-radius:6px; font-weight:bold;">
+      📄 Download voorbeeld Kickstart (PDF)
+    </a>
+  </p>
+</div>
-<!-- ✳ Echte Kickstart genereren vanuit rekenblok -->
-<p>
-  <button onclick="downloadKickstartDump()"
-          style="padding:10px 20px; font-size:1rem; background:#2a7ae2; color:white; border:none;
-                 border-radius:6px; cursor:pointer;">
-    ⚙ Echte Kickstart genereren
-  </button>
-</p>
-<p style="font-size:0.95em; color:#555;">
+<p style="font-size:0.95em; color:#555; margin-top:0.6em;">
-De Kickstart wordt als <code>.txt</code>-bestand gedownload. Print of open het bestand,
+De Kickstart wordt als <code>.pdf</code>-bestand gedownload. Open of print het bestand,
 en neem de onderdelen over in een nieuw project in Sumsonite om direct te kunnen rekenen.
 </p>
@@ Line 103: / Line 98: @@
+  <h2 style="color: #2a7ae2; margin-top: 2em;">🔐 6. Verder rekenen in Sumsonite?</h2>
-  <h2 style="color: #2a7ae2; margin-top: 2em;">🔐 5. Verder rekenen in Sumsonite?</h2>
   <p>Log in op Sumsonite om deze casus zelf door te rekenen of om jouw eigen project te starten.</p>
-  <a href="https://sumsonite.nl" style="background-color: #2a7ae2; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 6px; display: inline-block; margin-top: 1em;">🔗 Ga naar Sumsonite (inloggen vereist)</a>
+  <a href="https://sumsonite.nl/sumsonite-login/" style="background-color: #2a7ae2; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 6px; display: inline-block; margin-top: 1em;">🔗 Ga naar Sumsonite (inloggen vereist)</a>
 <div style="margin-top: 3em; padding: 1em; background-color: #eef6ff; border-left: 4px solid #2a7ae2; border-radius: 6px;">