Differences

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

--- handleiding_nieuw:demo_project [2025/05/13 15:02] – support
+++ handleiding_nieuw:demo_project [2025/11/13 10:58] (current) – support
@@ Line 24: / Line 24: @@
   <p>We gebruiken de rekenmodule met invoer:</p>
   <ul>
-    <li>FSI: <strong>1.2</strong></li>
+    <li>FSI: <strong>1.1</strong></li>
-    <li>GSI: <strong>0.55</strong></li>
+    <li>GSI: <strong>0.32</strong></li>
     <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 68: / Line 68: @@
   <a href="/wiki/doku.php?id=handleiding_nieuw:kengetallenboek" style="color: #2a7ae2;">📎 Bekijk het profiel »</a>
-  <h2 style="color: #2a7ae2; margin-top: 2em;">🔐 5. Verder rekenen in Sumsonite?</h2>
+<h2 style="color: #2a7ae2; margin-top: 2em;">📄 5. Kickstart genereren: van concept naar berekening</h2>
+<p>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>. Hiermee vertaal je jouw <em>OntwikkelConcept</em> direct naar een eerste doorrekening.
+</p>
+<!-- Voorbeeld Kickstart in blauwe info-box -->
+<div style="margin: 1em 0; padding: 1em; background-color: #eef6ff; border-left: 4px solid #2a7ae2; border-radius: 6px;">
+  <p style="margin:0; font-size:1em; color:#222;">
+    📎 Wil je eerst zien hoe een Kickstart eruitziet?
+    <br>
+    <a href="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:kickstart_dump-demo.pdf"
+       style="display:inline-block; margin-top:0.7em; background-color:#2a7ae2; color:#fff;
+              text-decoration:none; padding:10px 16px; border-radius:6px; font-weight:bold;">
+      📄 Download voorbeeld Kickstart (PDF)
+    </a>
+  </p>
+</div>
+<p style="font-size:0.95em; color:#555; margin-top:0.6em;">
+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>
+  <h2 style="color: #2a7ae2; margin-top: 2em;">🔐 6. 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;">
@@ Line 80: / Line 110: @@
 <button onclick="showNextProTip()"
         style="
-          background-color: red !important;
+          margin-top: 1em !important;
+          background-color: #2a7ae2 !important;
           color: black !important;
+          border: none !important;
           padding: 12px 20px !important;
-          font-size: 1.1em !important;
+          font-size: 1.05em !important;
-          font-weight: bold !important;">
+          font-weight: bold !important;
-  🎯 TEST Pro-tip knop
+          border-radius: 6px !important;
+          cursor: pointer !important;
+          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
+          transition: background-color 0.3s, transform 0.2s !important;"
+        onmouseover="this.style.backgroundColor='#1a5fcc'; this.style.transform='translateY(-1px)'"
+        onmouseout="this.style.backgroundColor='#2a7ae2'; this.style.transform='none'">
+  🎯 Toon volgende Pro-tip
 </button>