Differences

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

--- handleiding_nieuw:kengetallenboek [2025/03/31 19:35] – support
+++ handleiding_nieuw:kengetallenboek [2025/04/01 12:19] (current) – support
@@ Line 8: / Line 8: @@
 }
 .tegel {
-  width: 180px;
+  width: 84px;
-  height: 100px;
+  height: 48px;
   background: #ddd;
   display: flex;
@@ Line 15: / Line 15: @@
   justify-content: center;
   text-align: center;
-  font-size: 0.95em;
+  font-size: 0.84em;
   font-weight: bold;
   border-radius: 4px;
@@ Line 46: / Line 46: @@
 </style>
-<div style="display: flex; align-items: flex-start; gap: 2em; flex-wrap: wrap;">
+<div style="display: flex; gap: 2em; align-items: flex-start; flex-wrap: wrap;">
-  <div style="flex: 1; min-width: 320px; max-width: 600px;">
+  <div style="flex: 1; min-width: 300px;">
-    <h1>Kengetallenboek</h1>
+    <div class="kopgroep" style="text-align: left;">Wegprofielen</div>
-    <p>Welkom bij het digitale Kengetallenboek van Sumsonite. Dit boek is gebaseerd op het oorspronkelijke boekje dat in samenwerking met Gebiedsmanagers Maassluis is ontwikkeld.</p>
-    <p>Per profiel vind je hier:</p>
-    <ul>
-      <li>Een beschrijving van het profiel</li>
-      <li>De kostprijs per strekkende meter en per m²</li>
-      <li>De bijbehorende doorsnede</li>
-      <li>Een interactieve module om het effect van klimaatadaptieve maatregelen op de kostprijs te berekenen</li>
-    </ul>
-    <p><strong>Kies een profielcategorie:</strong></p>
-    <div class="kopgroep">Wegprofielen</div>
     <div class="flexgroep">
-      <div class="tegel"><a href="/wiki/doku.php?id=sub_wijkbuurt">WIJK/BUURT<br>10 ▶</a></div>
+      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_klimaat">KLIMAAT-<br>OPLOSSINGEN</a></div>
-      <div class="tegel"><a href="/wiki/doku.php?id=sub_woonstraten">WOONSTRATEN<br>18 ▶</a></div>
+      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_wijkbuurt">WIJK/BUURT</a></div>
+      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_woonstraten">WOONSTRATEN</a></div>
     </div>
     <div class="kopgroep">Leefgebieden en ontmoetingsplekken</div>
     <div class="flexgroep">
-      <div class="tegel"><a href="/wiki/doku.php?id=sub_pleinen">PLEINEN<br>30 ▶</a></div>
+      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_pleinen">PLEINEN</a></div>
-      <div class="tegel"><a href="/wiki/doku.php?id=sub_parken">PARKEN<br>42 ▶</a></div>
+      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_parken">PARKEN</a></div>
-      <div class="tegel"><a href="/wiki/doku.php?id=sub_winkelstraten">WINKELSTRATEN<br>50 ▶</a></div>
+      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_winkelstraten">WINKELSTRATEN</a></div>
     </div>
     <div class="kopgroep">Overige kostenbepalende elementen</div>
     <div class="flexgroep">
-      <div class="tegel"><a href="/wiki/doku.php?id=sub_watergangen">WATERGANGEN<br>58 ▶</a></div>
+      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_watergangen">WATERGANGEN</a></div>
-      <div class="tegel"><a href="/wiki/doku.php?id=sub_elementen">ELEMENTEN<br>66 ▶</a></div>
+      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_elementen">ELEMENTEN</a></div>
+      <div class="tegel" style="margin-left: 2em;"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_infooverons">OVER ONS</a></div>
     </div>
   </div>
-  <div style="flex: 1; min-width: 320px; text-align: right;">
+  <div style="flex: 1; min-width: 450px; text-align: right;">
-    <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:voorblad.jpg" alt="Kengetallen voorblad" style="max-width: 100%; height: auto;">
+    <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:voorblad.jpg" alt="Kengetallen voorblad" style="width: 100%; max-width: 640px; height: auto;">
   </div>
 </div>
 </html>