mulmocast-vision 0.0.2 → 0.0.3

package/assets/html2/benchmarkingTablePage.html

@@ -1,70 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Benchmarking</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Benchmarking Table -->
-  <div class="max-w-7xl mx-auto">
-    <div class="bg-white rounded-3xl shadow-2xl border border-gray-100 overflow-hidden">
-      <!-- Table Header -->
-      <div class="bg-gradient-to-r from-blue-600 to-indigo-600 text-white">
-        <div class="grid grid-cols-{{ competitors|length + 1 }} gap-4 px-8 py-6">
-          <div class="text-xl font-bold">Metric / Competitor</div>
-          {% for c in competitors %}
-          <div class="text-xl font-bold text-center">{{c}}</div>
-          {% endfor %}
-        </div>
-      </div>
-
-      <!-- Table Body -->
-      <div class="divide-y divide-gray-100">
-        {% for m in metrics %}
-        <div class="grid grid-cols-{{ competitors|length + 1 }} gap-4 px-8 py-6 hover:bg-gray-50 transition-colors duration-200">
-          <div class="text-lg font-semibold text-gray-800 flex items-center">
-            <div class="w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center mr-3">
-              <span class="text-blue-600 font-bold text-sm">{{ loop.index }}</span>
-            </div>
-            {{m}}
-          </div>
-          {% for c in competitors %}
-          <div class="text-center">
-            <div class="bg-gray-100 rounded-xl p-4 min-h-[60px] flex items-center justify-center">
-              <span class="text-gray-400 text-sm">Data</span>
-            </div>
-          </div>
-          {% endfor %}
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-  </div>
-
-  <!-- Competitor Legend -->
-  <div class="grid grid-cols-1 md:grid-cols-{{ competitors|length }} gap-6 max-w-7xl mx-auto mt-12">
-    {% for c in competitors %} {% set colors = ['emerald', 'blue', 'purple', 'amber', 'red', 'indigo', 'pink', 'green'] %} {% set color = colors[loop.index0 %
-    (colors|length)] %}
-    <div class="bg-gradient-to-br from-{{ color }}-500 to-{{ color }}-600 rounded-2xl p-6 text-white shadow-xl text-center">
-      <div class="w-12 h-12 bg-white bg-opacity-20 rounded-xl flex items-center justify-center mx-auto mb-3">
-        <span class="text-lg font-bold">{{ loop.index }}</span>
-      </div>
-      <div class="text-lg font-bold mb-2">{{c}}</div>
-      <div class="text-sm opacity-90">Competitor Analysis</div>
-    </div>
-    {% endfor %}
-  </div>
-
-  <!-- Analysis Summary -->
-  <div class="text-center mt-12">
-    <div class="inline-flex items-center bg-gradient-to-r from-blue-600 to-indigo-600 text-white rounded-2xl shadow-xl px-8 py-6">
-      <svg class="w-8 h-8 mr-3" fill="currentColor" viewBox="0 0 20 20">
-        <path
-          d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"
-        />
-      </svg>
-      <span class="text-2xl font-bold">Competitive Benchmarking Analysis</span>
-    </div>
-  </div>
-</div>

package/assets/html2/bubbleChartPlaceholderPage.html

@@ -1,107 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="mb-12">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">{{title}}</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <div class="max-w-7xl mx-auto space-y-8">
-    <!-- Chart Integration Area -->
-    <div class="bg-white rounded-2xl p-10 shadow-2xl">
-      <div class="flex items-center gap-4 mb-8">
-        <div class="w-16 h-16 bg-gradient-to-br from-purple-500 to-violet-600 rounded-2xl flex items-center justify-center">
-          <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"
-            />
-          </svg>
-        </div>
-        <div>
-          <h2 class="text-3xl font-bold text-gray-900">Bubble Chart Visualization</h2>
-          <p class="text-gray-600 mt-2">Multi-dimensional data analysis with size, position, and color encoding</p>
-        </div>
-      </div>
-
-      <!-- Placeholder Chart Area -->
-      <div class="bg-gradient-to-br from-gray-50 to-purple-50 rounded-2xl p-8 border-2 border-dashed border-gray-300 mb-8">
-        <div class="flex flex-col items-center justify-center py-20">
-          <div class="w-24 h-24 bg-gradient-to-br from-purple-500 to-violet-600 rounded-full flex items-center justify-center mb-6 animate-pulse">
-            <svg class="w-12 h-12 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
-            </svg>
-          </div>
-          <h3 class="text-2xl font-bold text-gray-700 mb-2">Interactive Bubble Chart</h3>
-          <p class="text-gray-600 text-center">This area will contain a dynamic bubble chart visualization</p>
-        </div>
-      </div>
-
-      <!-- Data Points Overview -->
-      <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
-        {% for p in points %}
-        <div
-          class="bg-gradient-to-br {% if loop.index % 5 == 1 %}from-emerald-500 to-green-600 {% elif loop.index % 5 == 2 %}from-blue-500 to-indigo-600 {% elif loop.index % 5 == 3 %}from-purple-500 to-violet-600 {% elif loop.index % 5 == 4 %}from-amber-500 to-orange-600 {% else %}from-red-500 to-rose-600{% endif %} rounded-2xl p-6 text-white shadow-xl hover:scale-105 transition-all duration-300"
-        >
-          <div class="flex items-center gap-3 mb-4">
-            <div class="w-12 h-12 bg-white bg-opacity-20 rounded-xl flex items-center justify-center">
-              <span class="text-white font-bold text-lg">{{loop.index}}</span>
-            </div>
-            <h3 class="text-xl font-bold">{{p.label}}</h3>
-          </div>
-
-          <div class="space-y-3">
-            <div class="bg-white bg-opacity-20 rounded-xl p-3 backdrop-blur-sm">
-              <div class="flex justify-between items-center">
-                <span class="text-sm font-medium opacity-90">X-Axis:</span>
-                <span class="font-bold">{{p.x}}</span>
-              </div>
-            </div>
-            <div class="bg-white bg-opacity-20 rounded-xl p-3 backdrop-blur-sm">
-              <div class="flex justify-between items-center">
-                <span class="text-sm font-medium opacity-90">Y-Axis:</span>
-                <span class="font-bold">{{p.y}}</span>
-              </div>
-            </div>
-            <div class="bg-white bg-opacity-20 rounded-xl p-3 backdrop-blur-sm">
-              <div class="flex justify-between items-center">
-                <span class="text-sm font-medium opacity-90">Size:</span>
-                <span class="font-bold">{{p.r}}</span>
-              </div>
-            </div>
-          </div>
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-
-    <!-- Chart Legend -->
-    <div class="bg-white rounded-2xl p-8 shadow-xl">
-      <div class="flex items-center gap-4 mb-6">
-        <div class="w-16 h-16 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl flex items-center justify-center">
-          <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-          </svg>
-        </div>
-        <h3 class="text-2xl font-bold text-gray-900">Chart Components</h3>
-      </div>
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-        <div class="bg-gradient-to-br from-gray-50 to-blue-50 rounded-xl p-6 border border-gray-200">
-          <h4 class="text-lg font-semibold text-gray-900 mb-2">X-Axis Position</h4>
-          <p class="text-gray-600">Horizontal positioning represents the primary dimension of analysis</p>
-        </div>
-        <div class="bg-gradient-to-br from-gray-50 to-purple-50 rounded-xl p-6 border border-gray-200">
-          <h4 class="text-lg font-semibold text-gray-900 mb-2">Y-Axis Position</h4>
-          <p class="text-gray-600">Vertical positioning represents the secondary dimension of analysis</p>
-        </div>
-        <div class="bg-gradient-to-br from-gray-50 to-green-50 rounded-xl p-6 border border-gray-200">
-          <h4 class="text-lg font-semibold text-gray-900 mb-2">Bubble Size</h4>
-          <p class="text-gray-600">Circle radius represents the magnitude or importance of each data point</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>

package/assets/html2/businessModelCanvasPage.html

@@ -1,43 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-gray-100 text-gray-900 px-12 py-12 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <h1 class="text-5xl font-bold text-gray-900 mb-4">Business Model Canvas</h1>
-    <div class="w-24 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto"></div>
-  </div>
-
-  <!-- Canvas Grid -->
-  <div class="grid grid-cols-5 gap-4 max-w-full mx-auto" style="grid-template-rows: repeat(4, minmax(200px, 1fr))">
-    {% set canvas_colors = ['from-blue-500 to-blue-600', 'from-indigo-500 to-indigo-600', 'from-purple-500 to-purple-600', 'from-pink-500 to-pink-600',
-    'from-red-500 to-red-600', 'from-orange-500 to-orange-600', 'from-amber-500 to-amber-600', 'from-yellow-500 to-yellow-600', 'from-lime-500 to-lime-600'] %}
-    {% for key, arr in blocks %} {% set color = canvas_colors[loop.index0 % (canvas_colors|length)] %}
-    <section
-      class="bg-gradient-to-br {{ color }} rounded-2xl p-6 text-white shadow-xl transform hover:scale-105 transition-all duration-300 flex flex-col
-      {% if key in ['Key Partners', 'Key Activities'] %}col-span-1 row-span-2{% endif %}
-      {% if key in ['Value Propositions'] %}col-span-1 row-span-4{% endif %}
-      {% if key in ['Customer Relationships', 'Channels'] %}col-span-1 row-span-2{% endif %}
-      {% if key in ['Customer Segments'] %}col-span-1 row-span-4{% endif %}
-      {% if key in ['Cost Structure'] %}col-span-2 row-span-1{% endif %}
-      {% if key in ['Revenue Streams'] %}col-span-2 row-span-1{% endif %}
-      {% if key in ['Key Resources'] %}col-span-1 row-span-2{% endif %}"
-    >
-      <div class="flex items-center mb-4">
-        <div class="w-8 h-8 bg-white bg-opacity-20 rounded-lg flex items-center justify-center mr-3">
-          <div class="w-3 h-3 bg-white rounded-full"></div>
-        </div>
-        <h2 class="text-lg font-bold uppercase tracking-wide">{{key}}</h2>
-      </div>
-
-      <div class="flex-1 overflow-y-auto">
-        <ul class="space-y-2 text-sm leading-relaxed">
-          {% for v in arr %}
-          <li class="flex items-start">
-            <span class="w-1.5 h-1.5 bg-white rounded-full mt-2 mr-2 flex-shrink-0"></span>
-            <span>{{v}}</span>
-          </li>
-          {% endfor %}
-        </ul>
-      </div>
-    </section>
-    {% endfor %}
-  </div>
-</div>

package/assets/html2/capabilityMaturityPage.html

@@ -1,38 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Capability Maturity</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="max-w-6xl mx-auto">
-    <section class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl">
-      <div class="flex items-center mb-8">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.414 14.586 7H12z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h2 class="text-4xl font-bold">Capability Assessment</h2>
-      </div>
-      <ul class="space-y-4">
-        {% for c in capabilities %}
-        <li class="flex items-center justify-between bg-white bg-opacity-10 rounded-2xl p-6">
-          <span class="text-xl font-light">{{c.name}}</span>
-          <div class="flex items-center">
-            <span class="text-lg font-semibold mr-3">Level {{c.level}}</span>
-            <div class="w-8 h-8 bg-white bg-opacity-30 rounded-full flex items-center justify-center">
-              <span class="text-sm font-bold">{{c.level}}</span>
-            </div>
-          </div>
-        </li>
-        {% endfor %}
-      </ul>
-    </section>
-  </div>
-</div>

package/assets/html2/cashFlowPage.html

@@ -1,68 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Cash Flow</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Cash Flow Grid -->
-  <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-6xl mx-auto">
-    <!-- Inflows -->
-    <section
-      class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl transform hover:scale-105 transition-all duration-300"
-    >
-      <div class="flex items-center mb-8">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-4">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L10 4.414 6.707 7.707a1 1 0 01-1.414 0z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">Inflows</h2>
-      </div>
-      <ul class="space-y-4 text-lg">
-        {% for i in inflows %}
-        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{i}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-
-    <!-- Outflows -->
-    <section class="bg-gradient-to-br from-red-500 to-rose-600 rounded-3xl p-10 text-white shadow-2xl transform hover:scale-105 transition-all duration-300">
-      <div class="flex items-center mb-8">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-4">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L10 15.586l3.293-3.293a1 1 0 011.414 0z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">Outflows</h2>
-      </div>
-      <ul class="space-y-4 text-lg">
-        {% for o in outflows %}
-        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{o}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-  </div>
-
-  <!-- Cash Flow Summary -->
-  <div class="text-center mt-12">
-    <div class="inline-flex items-center bg-white rounded-2xl shadow-xl px-8 py-6">
-      <div class="flex items-center">
-        <span class="text-2xl font-bold text-emerald-600">Inflows</span>
-        <span class="text-2xl font-bold text-gray-400 mx-4">-</span>
-        <span class="text-2xl font-bold text-red-500">Outflows</span>
-        <span class="text-2xl font-bold text-gray-400 mx-4">=</span>
-        <span class="text-2xl font-bold text-blue-600">Net Cash Flow</span>
-      </div>
-    </div>
-  </div>
-</div>

package/assets/html2/changeCurvePage.html

@@ -1,53 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Change Curve</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="max-w-6xl mx-auto space-y-8">
-    <section class="bg-gradient-to-br from-purple-500 to-violet-600 rounded-3xl p-10 text-white shadow-2xl">
-      <div class="flex items-center mb-8">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.414 14.586 7H12z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h2 class="text-4xl font-bold">Change Stages</h2>
-      </div>
-      <ol class="space-y-6">
-        {% for s in stages %}
-        <li class="flex items-start">
-          <div class="w-10 h-10 bg-white bg-opacity-30 rounded-xl flex items-center justify-center mr-6 flex-shrink-0 mt-1">
-            <span class="text-lg font-bold text-white">{{loop.index}}</span>
-          </div>
-          <p class="text-xl leading-relaxed font-light pt-2">{{s}}</p>
-        </li>
-        {% endfor %}
-      </ol>
-    </section>
-
-    {% if notes %}
-    <section class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl p-8 text-white shadow-xl">
-      <div class="flex items-center mb-4">
-        <div class="w-12 h-12 bg-white bg-opacity-20 rounded-xl flex items-center justify-center mr-4">
-          <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h3 class="text-2xl font-bold">Notes</h3>
-      </div>
-      <p class="text-lg font-light">{{notes}}</p>
-    </section>
-    {% endif %}
-  </div>
-</div>

package/assets/html2/circularEconomyMapPage.html

@@ -1,35 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Circular Economy Map</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="max-w-6xl mx-auto">
-    <section class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl">
-      <div class="flex items-center mb-8">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h2 class="text-4xl font-bold">Circular Economy Loops</h2>
-      </div>
-      <ol class="space-y-6">
-        {% for l in loops %}
-        <li class="flex items-start">
-          <div class="w-10 h-10 bg-white bg-opacity-30 rounded-xl flex items-center justify-center mr-6 flex-shrink-0 mt-1">
-            <span class="text-lg font-bold text-white">{{loop.index}}</span>
-          </div>
-          <p class="text-xl leading-relaxed font-light pt-2">{{l}}</p>
-        </li>
-        {% endfor %}
-      </ol>
-    </section>
-  </div>
-</div>

package/assets/html2/communicationPlanPage.html

@@ -1,82 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header Section -->
-  <div class="mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Communication Plan</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Communication Strategy Layout -->
-  <div class="space-y-12">
-    <!-- Audiences Card -->
-    <div class="bg-gradient-to-br from-blue-600 to-indigo-700 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <!-- Audiences Icon -->
-      <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mb-8">
-        <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-          ></path>
-        </svg>
-      </div>
-
-      <h2 class="text-3xl font-bold mb-8">Target Audiences</h2>
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-        {% for a in audiences %}
-        <div class="bg-white bg-opacity-10 rounded-xl p-6">
-          <div class="flex items-start space-x-4">
-            <div class="w-3 h-3 bg-white bg-opacity-60 rounded-full mt-2 flex-shrink-0"></div>
-            <span class="text-xl leading-relaxed">{{a}}</span>
-          </div>
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-
-    <!-- Channels Card -->
-    <div class="bg-gradient-to-br from-purple-600 to-violet-700 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <!-- Channels Icon -->
-      <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mb-8">
-        <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"
-          ></path>
-        </svg>
-      </div>
-
-      <h2 class="text-3xl font-bold mb-8">Communication Channels</h2>
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-        {% for c in channels %}
-        <div class="bg-white bg-opacity-10 rounded-xl p-6">
-          <div class="flex items-start space-x-4">
-            <div class="w-3 h-3 bg-white bg-opacity-60 rounded-full mt-2 flex-shrink-0"></div>
-            <span class="text-xl leading-relaxed">{{c}}</span>
-          </div>
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-
-    <!-- Cadence Card -->
-    {% if cadence %}
-    <div class="bg-gradient-to-br from-emerald-600 to-green-700 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <!-- Cadence Icon -->
-      <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mb-8">
-        <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-        </svg>
-      </div>
-
-      <h2 class="text-3xl font-bold mb-6">Communication Cadence</h2>
-      <div class="bg-white bg-opacity-10 rounded-xl p-6">
-        <p class="text-2xl leading-relaxed">{{cadence}}</p>
-      </div>
-    </div>
-    {% endif %}
-  </div>
-</div>

package/assets/html2/complianceHeatmapPage.html

@@ -1,42 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Compliance Heatmap</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="max-w-6xl mx-auto">
-    <section class="bg-gradient-to-br from-red-500 to-rose-600 rounded-3xl p-10 text-white shadow-2xl">
-      <div class="flex items-center mb-8">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.35-.166-2.001A11.954 11.954 0 0110 1.944zM11 14a1 1 0 11-2 0 1 1 0 012 0zm0-7a1 1 0 10-2 0v3a1 1 0 102 0V7z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h2 class="text-4xl font-bold">Compliance Assessment</h2>
-      </div>
-      <div class="space-y-4">
-        {% for a in areas %}
-        <div class="flex items-center justify-between bg-white bg-opacity-10 rounded-2xl p-6">
-          <span class="text-xl font-light">{{a}}</span>
-          <div class="flex items-center">
-            <span class="text-lg font-semibold mr-3">{{levels[loop.index0]}}</span>
-            {% set level = levels[loop.index0] %} {% if "High" in level or "Good" in level %}
-            <div class="w-4 h-4 bg-green-400 rounded-full"></div>
-            {% elif "Medium" in level or "Fair" in level %}
-            <div class="w-4 h-4 bg-yellow-400 rounded-full"></div>
-            {% else %}
-            <div class="w-4 h-4 bg-red-300 rounded-full"></div>
-            {% endif %}
-          </div>
-        </div>
-        {% endfor %}
-      </div>
-    </section>
-  </div>
-</div>

package/assets/html2/costStructurePage.html

@@ -1,60 +0,0 @@
-<div class="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50 px-16 py-16">
-  <!-- Header Section -->
-  <div class="mb-12">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-8"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Cost Structure</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Cost Buckets Section -->
-  <div class="mb-12">
-    <h2 class="text-3xl font-bold text-gray-900 mb-8">Cost Categories</h2>
-    <div class="grid gap-6">
-      {% for b in buckets %}
-      <div class="bg-gradient-to-br from-red-500 to-rose-600 rounded-3xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-        <div class="flex items-center">
-          <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-            <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-              <path
-                fill-rule="evenodd"
-                d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z"
-                clip-rule="evenodd"
-              />
-            </svg>
-          </div>
-          <div class="flex-1">
-            <p class="text-2xl font-semibold leading-relaxed">{{b}}</p>
-          </div>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-
-  {% if fixedVsVariable %}
-  <!-- Fixed vs Variable Section -->
-  <div class="mb-8">
-    <h2 class="text-3xl font-bold text-gray-900 mb-8">Fixed vs Variable Costs</h2>
-    <div class="grid gap-6">
-      {% for x in fixedVsVariable %}
-      <div class="bg-gradient-to-br from-amber-500 to-orange-600 rounded-3xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-        <div class="flex items-center">
-          <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-            <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-              <path
-                fill-rule="evenodd"
-                d="M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
-                clip-rule="evenodd"
-              />
-            </svg>
-          </div>
-          <div class="flex-1">
-            <p class="text-2xl font-semibold leading-relaxed">{{x}}</p>
-          </div>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-  {% endif %}
-</div>

package/assets/html2/csrInitiativesPage.html

@@ -1,26 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">CSR Initiatives</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="max-w-6xl mx-auto">
-    <section class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl">
-      <div class="flex items-center mb-8">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" />
-          </svg>
-        </div>
-        <h2 class="text-4xl font-bold">Corporate Social Responsibility</h2>
-      </div>
-      <ul class="space-y-4 text-xl">
-        {% for i in initiatives %}
-        <li class="flex items-start"><span class="w-3 h-3 bg-white rounded-full mt-2 mr-4 flex-shrink-0"></span><span class="font-light">{{i}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-  </div>
-</div>