Extract calculator teaser metadata

2026-03-07 09:37:19 +00:00
parent 824c270f95
commit 6bea84bbed
6 changed files with 743 additions and 426 deletions
--- a/hdyc-svelte/src/lib/components/Calculator.svelte
+++ b/hdyc-svelte/src/lib/components/Calculator.svelte
@@ -55,6 +55,9 @@
 <div class="calculator-card">
  <div class="calc-header">
    <h2>{config.name}</h2>
+    {#if config.teaser}
+      <p class="calc-subtitle">{config.teaser}</p>
+    {/if}
  </div>

  <div class="calc-body" class:three-col={has3}>
@@ -147,6 +150,12 @@
    color: #fff;
    letter-spacing: -0.01em;
  }
+  .calc-subtitle {
+    margin: 0.35rem 0 0;
+    font-size: 0.9rem;
+    color: rgba(255, 255, 255, 0.85);
+    font-weight: 400;
+  }

  .calc-body {
    display: grid;