mulmocast-vision 0.0.3 → 0.0.4

package/html/html/keyMessageWithSupportsPage.html

@@ -0,0 +1,13 @@
+<div class="bg-white text-gray-900 px-20 py-20">
+  <header class="mb-10">
+    <h1 class="text-6xl font-extrabold tracking-tight mb-4">{{headline}}</h1>
+    <p class="text-gray-600 text-xl">One key message with supporting points.</p>
+  </header>
+  <section>
+    <ul class="list-disc ml-6 space-y-4 text-2xl leading-relaxed">
+      {% for s in supports %}
+      <li>{{s}}</li>
+      {% endfor %}
+    </ul>
+  </section>
+</div>

package/html/html/kpiHighlightPage.html

@@ -0,0 +1,14 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">{{title}}</h1>
+  <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+    {% for k in kpis %}
+    <section class="rounded-2xl border p-6 bg-gray-50">
+      <div class="text-xl text-gray-700">{{k.label}}</div>
+      <div class="text-5xl font-extrabold my-2">{{k.value}}</div>
+      {% if k.delta %}
+      <div class="text-gray-600">Δ {{k.delta}}</div>
+      {% endif %}
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/launchPlanPage.html

@@ -0,0 +1,29 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Launch Plan</h1>
+  <div class="grid grid-cols-3 gap-6">
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-3">Workstreams</h2>
+      <ul class="list-disc ml-5 text-2xl">
+        {% for w in workstreams %}
+        <li>{{w}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+    <section class="rounded-xl border p-6 bg-white">
+      <h2 class="text-xl font-semibold mb-3">Milestones</h2>
+      <ul class="list-disc ml-5 text-2xl">
+        {% for m in milestones %}
+        <li>{{m}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-3">Risks</h2>
+      <ul class="list-disc ml-5 text-2xl">
+        {% for r in risks %}
+        <li>{{r}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+  </div>
+</div>

package/html/html/mAPipelinePage.html

@@ -0,0 +1,16 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-6">M&amp;A Pipeline</h1>
+  <ol class="list-decimal ml-6 space-y-2 text-2xl">
+    {% for s in stages %}
+    <li>{{s}}</li>
+    {% endfor %}
+  </ol>
+  {% if targets %}
+  <h2 class="text-xl font-semibold mt-6 mb-2">Targets</h2>
+  <ul class="list-disc ml-5 text-2xl">
+    {% for t in targets %}
+    <li>{{t}}</li>
+    {% endfor %}
+  </ul>
+  {% endif %}
+</div>

package/html/html/marimekkoPlaceholderPage.html

@@ -0,0 +1,9 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">{{title}}</h1>
+  <p class="text-gray-600 mb-4">Chart placeholder. Replace with visualization.</p>
+  <ul class="list-disc ml-5 text-2xl">
+    {% for c in categories %}
+    <li>{{c}}</li>
+    {% endfor %}
+  </ul>
+</div>

package/html/html/marketDriversPage.html

@@ -0,0 +1,8 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">{{title}}</h1>
+  <ul class="list-disc ml-5 space-y-2 text-2xl">
+    {% for d in drivers %}
+    <li>{{d}}</li>
+    {% endfor %}
+  </ul>
+</div>

package/html/html/marketingMixPage.html

@@ -0,0 +1,11 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-6">Marketing Mix</h1>
+  <ul class="list-disc ml-5 space-y-2 text-2xl">
+    {% for l in levers %}
+    <li>{{l}}</li>
+    {% endfor %}
+  </ul>
+  {% if notes %}
+  <p class="mt-6 text-gray-600">{{notes}}</p>
+  {% endif %}
+</div>

package/html/html/meceListPage.html

@@ -0,0 +1,15 @@
+<div class="bg-white text-gray-900 px-20 py-20">
+  <h1 class="text-5xl font-bold mb-10">{{title}}</h1>
+  <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+    {% for g in groups %}
+    <section class="rounded-2xl border border-gray-200 p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold text-gray-700 mb-3">{{g.label}}</h2>
+      <ul class="list-disc ml-5 space-y-2 text-2xl">
+        {% for it in g.items %}
+        <li>{{it}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/milestoneTimelinePage.html

@@ -0,0 +1,14 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">{{title}}</h1>
+  <ol class="relative border-l-2 border-gray-200 ml-4">
+    {% for m in milestones %}
+    <li class="ml-6 mb-8">
+      <div class="absolute -left-1.5 w-3 h-3 bg-gray-400 rounded-full"></div>
+      <h3 class="text-2xl font-semibold">{{m.label}}</h3>
+      {% if m.date %}<time class="text-gray-600">{{m.date}}</time>{% endif %} {% if m.notes %}
+      <p class="text-gray-700 mt-2">{{m.notes}}</p>
+      {% endif %}
+    </li>
+    {% endfor %}
+  </ol>
+</div>

package/html/html/npvSummaryPage.html

@@ -0,0 +1,12 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-6">NPV Summary</h1>
+  <p class="text-3xl mb-4">NPV: {{npv}}</p>
+  {% if assumptions %}
+  <h2 class="text-xl font-semibold mb-2">Assumptions</h2>
+  <ul class="list-disc ml-5 text-2xl">
+    {% for a in assumptions %}
+    <li>{{a}}</li>
+    {% endfor %}
+  </ul>
+  {% endif %}
+</div>

package/html/html/okrKpiDashboardPage.html

@@ -0,0 +1,16 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">{{title}}</h1>
+  <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+    {% for m in metrics %}
+    <section class="rounded-2xl border p-6 bg-gray-50">
+      <div class="text-xl text-gray-700">{{m.label}}</div>
+      <div class="text-5xl font-extrabold my-2">{{m.value}}</div>
+      {% if m.target %}
+      <div class="text-gray-600">Target: {{m.target}}</div>
+      {% endif %} {% if m.status %}
+      <div class="mt-2 text-sm uppercase tracking-wide">{{m.status}}</div>
+      {% endif %}
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/optionEvaluationPage.html

@@ -0,0 +1,23 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Option Evaluation</h1>
+  <table class="w-full border-collapse">
+    <thead>
+      <tr>
+        <th class="border p-3 text-left">Criteria \ Options</th>
+        {% for o in options %}
+        <th class="border p-3">{{o}}</th>
+        {% endfor %}
+      </tr>
+    </thead>
+    <tbody>
+      {% for i in range(0, criteria|length) %}
+      <tr>
+        <td class="border p-3">{{criteria[i]}}</td>
+        {% for j in range(0, options|length) %}
+        <td class="border p-3">{{scores[j][i]}}</td>
+        {% endfor %}
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>

package/html/html/orgChartPage.html

@@ -0,0 +1,8 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Org Chart</h1>
+  <ul class="list-disc ml-5 text-2xl">
+    {% for n in nodes %}
+    <li>{{n.label}}{% if n.parentId %} — reports to {{n.parentId}}{% endif %}</li>
+    {% endfor %}
+  </ul>
+</div>

package/html/html/pLBreakdownPage.html

@@ -0,0 +1,19 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">P&amp;L Breakdown</h1>
+  <table class="w-full border-collapse">
+    <thead>
+      <tr>
+        <th class="border p-3 text-left">Category</th>
+        <th class="border p-3 text-right">Value</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for i in range(0, categories|length) %}
+      <tr>
+        <td class="border p-3">{{categories[i]}}</td>
+        <td class="border p-3 text-right">{{values[i]}}</td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>

package/html/html/partnershipMapPage.html

@@ -0,0 +1,11 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-6">Partnership Map</h1>
+  <div class="grid grid-cols-2 gap-6">
+    {% for p in partners %}
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-2">{{p.category}}</h2>
+      <p class="text-2xl">{{p.name}}</p>
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/personasPage.html

@@ -0,0 +1,19 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Personas</h1>
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+    {% for p in personas %}
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-2xl font-semibold mb-2">{{p.name}}</h2>
+      {% if p.bio %}
+      <p class="text-xl text-gray-700 mb-3">{{p.bio}}</p>
+      {% endif %} {% if p.needs %}
+      <ul class="list-disc ml-5 space-y-1 text-xl">
+        {% for n in p.needs %}
+        <li>{{n}}</li>
+        {% endfor %}
+      </ul>
+      {% endif %}
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/pipelineFunnelPage.html

@@ -0,0 +1,8 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-6">Pipeline Funnel</h1>
+  <ol class="list-decimal ml-6 space-y-2 text-2xl">
+    {% for i in range(0, stages|length) %}
+    <li>{{stages[i]}}{% if values %} — {{values[i]}}{% endif %}</li>
+    {% endfor %}
+  </ol>
+</div>

package/html/html/porterFiveForcesPage.html

@@ -0,0 +1,44 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <div class="grid grid-cols-3 gap-6">
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-3">Threat of New Entrants</h2>
+      <ul class="list-disc ml-5 space-y-2 text-2xl">
+        {% for x in newEntrants %}
+        <li>{{x}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+    <section class="rounded-xl border p-6 bg-white">
+      <h2 class="text-xl font-semibold mb-3">Supplier Power</h2>
+      <ul class="list-disc ml-5 space-y-2 text-2xl">
+        {% for x in suppliers %}
+        <li>{{x}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-3">Buyer Power</h2>
+      <ul class="list-disc ml-5 space-y-2 text-2xl">
+        {% for x in buyers %}
+        <li>{{x}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+    <section class="rounded-xl border p-6 bg-white">
+      <h2 class="text-xl font-semibold mb-3">Threat of Substitutes</h2>
+      <ul class="list-disc ml-5 space-y-2 text-2xl">
+        {% for x in substitutes %}
+        <li>{{x}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-3">Rivalry</h2>
+      <ul class="list-disc ml-5 space-y-2 text-2xl">
+        {% for x in rivalry %}
+        <li>{{x}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+  </div>
+</div>

package/html/html/positioningMapPage.html

@@ -0,0 +1,11 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <div class="mb-6 flex items-center justify-between">
+    <div class="text-2xl font-semibold">Y: {{yAxis}}</div>
+    <div class="text-2xl font-semibold">X: {{xAxis}}</div>
+  </div>
+  <ul class="list-disc ml-5 text-2xl">
+    {% for p in players %}
+    <li>{{p.name}} (x: {{p.x}}, y: {{p.y}})</li>
+    {% endfor %}
+  </ul>
+</div>

package/html/html/pricingWaterfallPage.html

@@ -0,0 +1,8 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Pricing Waterfall</h1>
+  <ul class="list-disc ml-5 text-2xl">
+    {% for s in steps %}
+    <li>{{s.label}} — {{s.value}}</li>
+    {% endfor %}
+  </ul>
+</div>

package/html/html/productRoadmapPage.html

@@ -0,0 +1,15 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Product Roadmap</h1>
+  <div class="grid grid-cols-{{releases|length}} gap-4">
+    {% for r in releases %}
+    <section class="rounded-xl border p-4 bg-gray-50">
+      <h2 class="text-lg font-semibold mb-2">{{r}}</h2>
+      <ul class="list-disc ml-5 space-y-1 text-xl">
+        {% for it in items %}{% if it.release == r %}
+        <li>{{it.label}}</li>
+        {% endif %}{% endfor %}
+      </ul>
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/pyramidPrinciplePage.html

@@ -0,0 +1,27 @@
+<div class="bg-white text-gray-900 px-20 py-20">
+  <!-- Top: Key message -->
+  <section class="mb-12">
+    <h1 class="text-6xl font-extrabold tracking-tight mb-6">{{keyMessage}}</h1>
+  </section>
+
+  <!-- Middle: Supports -->
+  <section class="mb-10">
+    <h2 class="text-xl font-semibold text-gray-700 mb-3">Supporting points</h2>
+    <ol class="list-decimal ml-6 space-y-4 text-2xl leading-relaxed text-gray-900 break-words">
+      {% for support in supports %}
+      <li>{{support}}</li>
+      {% endfor %}
+    </ol>
+  </section>
+
+  <!-- Bottom: Details per support (optional) -->
+  <section class="grid grid-cols-1 md:grid-cols-3 gap-6">
+    {% for support in supports %}
+    <div class="rounded-2xl border border-gray-200 p-6 bg-gray-50">
+      <ul class="list-disc ml-5 space-y-2 text-xl leading-relaxed text-gray-800">
+        <li>{{support}}</li>
+      </ul>
+    </div>
+    {% endfor %}
+  </section>
+</div>

package/html/html/quarterlyRoadmapPage.html

@@ -0,0 +1,15 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Quarterly Roadmap</h1>
+  <div class="grid grid-cols-{{quarters|length}} gap-4">
+    {% for q in quarters %}
+    <section class="rounded-xl border p-4 bg-gray-50">
+      <h2 class="text-lg font-semibold mb-2">{{q}}</h2>
+      <ul class="list-disc ml-5 space-y-1 text-xl">
+        {% for it in items %}{% if it.quarter == q %}
+        <li>{{it.label}}</li>
+        {% endif %}{% endfor %}
+      </ul>
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/raciPage.html

@@ -0,0 +1,23 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">RACI</h1>
+  <table class="w-full border-collapse">
+    <thead>
+      <tr>
+        <th class="border p-3 text-left">Task</th>
+        {% for r in roles %}
+        <th class="border p-3 text-left">{{r}}</th>
+        {% endfor %}
+      </tr>
+    </thead>
+    <tbody>
+      {% for row in assignments %}
+      <tr>
+        <td class="border p-3">{{tasks[loop.index0]}}</td>
+        {% for cell in row %}
+        <td class="border p-3">{{cell}}</td>
+        {% endfor %}
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>

package/html/html/revenueModelPage.html

@@ -0,0 +1,17 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Revenue Model</h1>
+  <section class="mb-6">
+    <h2 class="text-xl font-semibold mb-2">Streams</h2>
+    <ul class="list-disc ml-5 space-y-2 text-2xl">
+      {% for s in streams %}
+      <li>{{s}}</li>
+      {% endfor %}
+    </ul>
+  </section>
+  {% if pricingNotes %}
+  <section>
+    <h2 class="text-xl font-semibold mb-2">Pricing Notes</h2>
+    <p class="text-xl text-gray-700 whitespace-pre-wrap">{{pricingNotes}}</p>
+  </section>
+  {% endif %}
+</div>

package/html/html/riskMitigationPage.html

@@ -0,0 +1,17 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Risks & Mitigations</h1>
+  <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+    {% for r in risks %}
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-3">{{r.risk}}</h2>
+      {% if r.impact %}
+      <p class="text-gray-700">Impact: {{r.impact}}</p>
+      {% endif %} {% if r.likelihood %}
+      <p class="text-gray-700">Likelihood: {{r.likelihood}}</p>
+      {% endif %} {% if r.mitigation %}
+      <p class="text-gray-700 mt-2">Mitigation: {{r.mitigation}}</p>
+      {% endif %}
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/salesDashboardPage.html

@@ -0,0 +1,11 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-6">Sales Dashboard</h1>
+  <ul class="list-disc ml-5 space-y-2 text-2xl">
+    {% for m in metrics %}
+    <li>{{m}}</li>
+    {% endfor %}
+  </ul>
+  {% if notes %}
+  <p class="mt-6 text-gray-600">{{notes}}</p>
+  {% endif %}
+</div>

package/html/html/scenarioPlanningPage.html

@@ -0,0 +1,13 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Scenario Planning</h1>
+  <div class="grid grid-cols-{{scenarios|length}} gap-4">
+    {% for s in scenarios %}
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-3">{{s}}</h2>
+      {% if impacts %}
+      <p class="text-xl text-gray-700">{{impacts[loop.index0]}}</p>
+      {% endif %}
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/scqaPage.html

@@ -0,0 +1,27 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <header class="mb-10">
+    <h1 class="text-5xl font-bold tracking-tight">SCQA</h1>
+  </header>
+
+  <main class="grid grid-cols-2 gap-8">
+    <section class="rounded-2xl border border-gray-200 p-8 bg-gray-50">
+      <h2 class="text-xl font-semibold text-gray-700 mb-3">Situation</h2>
+      <p class="text-2xl leading-relaxed text-gray-900 whitespace-pre-wrap break-words">{{situation}}</p>
+    </section>
+
+    <section class="rounded-2xl border border-gray-200 p-8 bg-gray-50">
+      <h2 class="text-xl font-semibold text-gray-700 mb-3">Complication</h2>
+      <p class="text-2xl leading-relaxed text-gray-900 whitespace-pre-wrap break-words">{{complication}}</p>
+    </section>
+
+    <section class="rounded-2xl border border-gray-200 p-8 bg-gray-50">
+      <h2 class="text-xl font-semibold text-gray-700 mb-3">Question</h2>
+      <p class="text-2xl leading-relaxed text-gray-900 whitespace-pre-wrap break-words">{{question}}</p>
+    </section>
+
+    <section class="rounded-2xl border border-gray-200 p-8 bg-gray-50">
+      <h2 class="text-xl font-semibold text-gray-700 mb-3">Answer</h2>
+      <p class="text-2xl leading-relaxed text-gray-900 whitespace-pre-wrap break-words">{{answer}}</p>
+    </section>
+  </main>
+</div>

package/html/html/sectionDividerPage.html

@@ -0,0 +1,7 @@
+<div class="bg-white text-gray-900 flex flex-col items-center justify-center px-20 py-32">
+  <div class="w-full max-w-6xl text-center">
+    <div class="mb-8 h-1 w-24 mx-auto rounded-full bg-gray-200"></div>
+    <h1 class="text-7xl font-extrabold tracking-tight mb-6">{{heading}}</h1>
+    <p class="text-2xl text-gray-600">{{subheading}}</p>
+  </div>
+</div>

package/html/html/segmentationPage.html

@@ -0,0 +1,15 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Segmentation</h1>
+  <div class="grid grid-cols-{{segments|length}} gap-4">
+    {% for s in segments %}
+    <section class="rounded-xl border p-4 bg-gray-50">
+      <h2 class="text-lg font-semibold mb-2">{{s}}</h2>
+      <ul class="list-disc ml-5 space-y-1 text-xl">
+        {% for d in descriptors %}
+        <li>{{d}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/sensitivityAnalysisPage.html

@@ -0,0 +1,22 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Sensitivity Analysis</h1>
+  <p class="text-xl text-gray-700 mb-4">Variables x Scenarios</p>
+  <div class="grid grid-cols-2 gap-6">
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-3">Variables</h2>
+      <ul class="list-disc ml-5 space-y-2 text-2xl">
+        {% for v in variables %}
+        <li>{{v}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+    <section class="rounded-xl border p-6 bg-white">
+      <h2 class="text-xl font-semibold mb-3">Scenarios</h2>
+      <ul class="list-disc ml-5 space-y-2 text-2xl">
+        {% for s in scenarios %}
+        <li>{{s}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+  </div>
+</div>

package/html/html/sevenSPage.html

@@ -0,0 +1,11 @@
+<div class="bg-white text-gray-900 px-20 py-20">
+  <div class="grid grid-cols-2 gap-6">
+    {% set pairs = [ ["Strategy", strategy], ["Structure", structure], ["Systems", systems], ["Shared Values", sharedValues], ["Skills", skills], ["Style",
+    style], ["Staff", staff] ] %} {% for p in pairs %}
+    <section class="rounded-2xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold text-gray-700 mb-3">{{p[0]}}</h2>
+      <p class="text-2xl leading-relaxed whitespace-pre-wrap">{{p[1]}}</p>
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/shareholderValueTreePage.html

@@ -0,0 +1,8 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Shareholder Value Drivers</h1>
+  <ul class="list-disc ml-5 space-y-2 text-2xl">
+    {% for d in drivers %}
+    <li>{{d}}</li>
+    {% endfor %}
+  </ul>
+</div>

package/html/html/stakeholderMapPage.html

@@ -0,0 +1,14 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Stakeholder Map</h1>
+  <div class="grid grid-cols-2 gap-6">
+    {% for s in stakeholders %}
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <div class="text-2xl font-semibold mb-2">{{s.name}}</div>
+      <p class="text-xl text-gray-700">Influence: {{s.influence}} / Interest: {{s.interest}}</p>
+      {% if s.notes %}
+      <p class="mt-2 text-gray-600">{{s.notes}}</p>
+      {% endif %}
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/html/html/supportOrgModelPage.html

@@ -0,0 +1,21 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-6">Support Org Model</h1>
+  <div class="grid grid-cols-2 gap-6">
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-3">Tiers</h2>
+      <ul class="list-disc ml-5 text-2xl">
+        {% for t in tiers %}
+        <li>{{t}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+    <section class="rounded-xl border p-6 bg-white">
+      <h2 class="text-xl font-semibold mb-3">Roles</h2>
+      <ul class="list-disc ml-5 text-2xl">
+        {% for r in roles %}
+        <li>{{r}}</li>
+        {% endfor %}
+      </ul>
+    </section>
+  </div>
+</div>

package/html/html/surveyResultsPage.html

@@ -0,0 +1,11 @@
+<div class="bg-white text-gray-900 px-16 py-16">
+  <h1 class="text-5xl font-bold mb-8">Survey Results</h1>
+  <div class="grid grid-cols-2 gap-6">
+    {% for i in range(0, questions|length) %}
+    <section class="rounded-xl border p-6 bg-gray-50">
+      <h2 class="text-xl font-semibold mb-3">{{questions[i]}}</h2>
+      <p class="text-xl text-gray-700">{{summaries[i]}}</p>
+    </section>
+    {% endfor %}
+  </div>
+</div>