mulmocast-vision 0.0.2 → 0.0.3

package/assets/html2/launchPlanPage.html

@@ -1,86 +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">Launch Plan</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Phase Cards Layout -->
-  <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
-    <!-- Workstreams 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">
-      <!-- Workstreams Icon -->
-      <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mb-6">
-        <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="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
-          ></path>
-        </svg>
-      </div>
-
-      <h2 class="text-3xl font-bold mb-6">Workstreams</h2>
-      <div class="space-y-4">
-        {% for w in workstreams %}
-        <div class="flex items-start space-x-3">
-          <div class="w-2 h-2 bg-white bg-opacity-60 rounded-full mt-2 flex-shrink-0"></div>
-          <span class="text-lg leading-relaxed">{{w}}</span>
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-
-    <!-- Milestones Card -->
-    <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">
-      <!-- Milestones Icon -->
-      <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mb-6">
-        <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="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
-          ></path>
-        </svg>
-      </div>
-
-      <h2 class="text-3xl font-bold mb-6">Milestones</h2>
-      <div class="space-y-4">
-        {% for m in milestones %}
-        <div class="flex items-start space-x-3">
-          <div class="w-2 h-2 bg-white bg-opacity-60 rounded-full mt-2 flex-shrink-0"></div>
-          <span class="text-lg leading-relaxed">{{m}}</span>
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-
-    <!-- Risks Card -->
-    <div class="bg-gradient-to-br from-red-600 to-rose-700 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <!-- Risks Icon -->
-      <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mb-6">
-        <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 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-          ></path>
-        </svg>
-      </div>
-
-      <h2 class="text-3xl font-bold mb-6">Risks</h2>
-      <div class="space-y-4">
-        {% for r in risks %}
-        <div class="flex items-start space-x-3">
-          <div class="w-2 h-2 bg-white bg-opacity-60 rounded-full mt-2 flex-shrink-0"></div>
-          <span class="text-lg leading-relaxed">{{r}}</span>
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-  </div>
-</div>

package/assets/html2/mAPipelinePage.html

@@ -1,79 +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">M&A Pipeline</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <div class="max-w-6xl mx-auto space-y-8">
-    <!-- Pipeline Stages -->
-    <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-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="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
-            />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold text-gray-900">Pipeline Stages</h2>
-      </div>
-
-      <div class="space-y-4">
-        {% for s in stages %}
-        <div class="group bg-gradient-to-r from-gray-50 to-blue-50 rounded-xl p-6 border border-gray-200 hover:shadow-lg transition-all duration-300">
-          <div class="flex items-center gap-4">
-            <div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-full flex items-center justify-center text-white font-bold text-lg">
-              {{loop.index}}
-            </div>
-            <h3 class="text-xl font-semibold text-gray-900 group-hover:text-blue-600 transition-colors duration-300">{{s}}</h3>
-          </div>
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-
-    <!-- Targets Section -->
-    {% if targets %}
-    <div class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl">
-      <div class="flex items-center gap-4 mb-8">
-        <div class="w-16 h-16 bg-white bg-opacity-20 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="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
-            />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">Target Companies</h2>
-      </div>
-
-      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-        {% for t in targets %}
-        <div class="bg-white bg-opacity-20 rounded-xl p-6 backdrop-blur-sm hover:bg-opacity-30 transition-all duration-300">
-          <div class="flex items-center gap-3">
-            <div class="w-8 h-8 bg-white bg-opacity-30 rounded-lg flex items-center justify-center">
-              <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
-                />
-              </svg>
-            </div>
-            <p class="text-lg font-medium">{{t}}</p>
-          </div>
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-    {% endif %}
-  </div>
-</div>

package/assets/html2/marimekkoPlaceholderPage.html

@@ -1,120 +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-emerald-500 to-green-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="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2-2V7a2 2 0 012-2h2a2 2 0 002-2V1m0 18v-6a2 2 0 012-2h2a2 2 0 012-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2v2m0 14v-6a2 2 0 00-2-2H9a2 2 0 00-2-2V7a2 2 0 012-2h2a2 2 0 002 2v2"
-            />
-          </svg>
-        </div>
-        <div>
-          <h2 class="text-3xl font-bold text-gray-900">Marimekko Chart Visualization</h2>
-          <p class="text-gray-600 mt-2">Proportional area chart showing market share and segment composition</p>
-        </div>
-      </div>
-
-      <!-- Placeholder Chart Area -->
-      <div class="bg-gradient-to-br from-gray-50 to-emerald-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-emerald-500 to-green-600 rounded-2xl flex items-center justify-center mb-6">
-            <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="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
-              />
-            </svg>
-          </div>
-          <h3 class="text-2xl font-bold text-gray-700 mb-2">Interactive Marimekko Chart</h3>
-          <p class="text-gray-600 text-center">This area will contain a proportional area chart visualization</p>
-        </div>
-      </div>
-
-      <!-- Categories Overview -->
-      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-        {% for c in categories %}
-        <div
-          class="bg-gradient-to-br {% if loop.index % 6 == 1 %}from-emerald-500 to-green-600 {% elif loop.index % 6 == 2 %}from-blue-500 to-indigo-600 {% elif loop.index % 6 == 3 %}from-purple-500 to-violet-600 {% elif loop.index % 6 == 4 %}from-amber-500 to-orange-600 {% elif loop.index % 6 == 5 %}from-red-500 to-rose-600 {% else %}from-gray-500 to-slate-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 leading-tight">{{c}}</h3>
-          </div>
-
-          <!-- Category Indicator -->
-          <div class="bg-white bg-opacity-20 rounded-xl p-3 backdrop-blur-sm">
-            <div class="flex items-center gap-2">
-              <div class="w-4 h-4 bg-white bg-opacity-40 rounded-full"></div>
-              <span class="text-sm font-medium opacity-90">Market Segment</span>
-            </div>
-          </div>
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-
-    <!-- Chart Description -->
-    <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-emerald-500 to-green-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">Marimekko Analysis</h3>
-      </div>
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
-        <div class="space-y-4">
-          <h4 class="text-lg font-semibold text-gray-900">Chart Features</h4>
-          <div class="space-y-3">
-            <div class="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
-              <div class="w-2 h-2 bg-emerald-500 rounded-full"></div>
-              <span class="text-gray-700">Variable width columns represent market size</span>
-            </div>
-            <div class="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
-              <div class="w-2 h-2 bg-blue-500 rounded-full"></div>
-              <span class="text-gray-700">Segment heights show market share distribution</span>
-            </div>
-            <div class="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
-              <div class="w-2 h-2 bg-purple-500 rounded-full"></div>
-              <span class="text-gray-700">Colors differentiate product categories</span>
-            </div>
-          </div>
-        </div>
-        <div class="space-y-4">
-          <h4 class="text-lg font-semibold text-gray-900">Use Cases</h4>
-          <div class="space-y-3">
-            <div class="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
-              <div class="w-2 h-2 bg-amber-500 rounded-full"></div>
-              <span class="text-gray-700">Market share analysis across segments</span>
-            </div>
-            <div class="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
-              <div class="w-2 h-2 bg-red-500 rounded-full"></div>
-              <span class="text-gray-700">Portfolio composition comparison</span>
-            </div>
-            <div class="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
-              <div class="w-2 h-2 bg-gray-500 rounded-full"></div>
-              <span class="text-gray-700">Revenue breakdown visualization</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>

package/assets/html2/marketDriversPage.html

@@ -1,32 +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">{{title}}</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Market Drivers -->
-  <div class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-3xl p-10 text-white shadow-2xl 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-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>
-      <h2 class="text-4xl font-bold">Key Market Drivers</h2>
-    </div>
-    <ul class="space-y-4 text-xl">
-      {% for d in drivers %}
-      <li class="flex items-start">
-        <span class="w-3 h-3 bg-white rounded-full mt-2 mr-4 flex-shrink-0"></span>
-        <span>{{d}}</span>
-      </li>
-      {% endfor %}
-    </ul>
-  </div>
-</div>

package/assets/html2/marketingMixPage.html

@@ -1,50 +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">Marketing Mix</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-purple-500 to-violet-600 rounded-3xl p-10 text-white shadow-2xl 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-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>
-        <h2 class="text-4xl font-bold">Marketing Levers</h2>
-      </div>
-      <ul class="space-y-4 text-xl">
-        {% for l in levers %}
-        <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">{{l}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-
-    {% if notes %}
-    <div class="mt-8">
-      <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>
-    </div>
-    {% endif %}
-  </div>
-</div>

package/assets/html2/meceListPage.html

@@ -1,32 +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">{{title}}</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-7xl mx-auto">
-    {% for g in groups %}
-    <section class="bg-gradient-to-br from-indigo-500 to-blue-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <div class="flex items-center mb-6">
-        <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>
-        <h2 class="text-3xl font-bold">{{g.label}}</h2>
-      </div>
-      <ul class="space-y-3 text-lg">
-        {% for it in g.items %}
-        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span class="font-light">{{it}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-    {% endfor %}
-  </div>
-</div>

package/assets/html2/milestoneTimelinePage.html

@@ -1,59 +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">{{title}}</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Vertical Timeline -->
-  <div class="relative max-w-4xl mx-auto">
-    <!-- Timeline Line -->
-    <div class="absolute left-8 top-0 bottom-0 w-1 bg-gradient-to-b from-blue-600 to-indigo-600"></div>
-
-    <!-- Milestone Cards -->
-    <div class="space-y-12">
-      {% for m in milestones %}
-      <div class="relative">
-        <!-- Timeline Dot -->
-        <div class="absolute left-6 w-5 h-5 bg-blue-600 rounded-full border-4 border-white shadow-lg"></div>
-
-        <!-- Milestone Card -->
-        <div class="ml-20 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">
-          <!-- Milestone Icon -->
-          <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mb-6">
-            <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="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
-              ></path>
-            </svg>
-          </div>
-
-          <!-- Milestone Content -->
-          <div>
-            <h3 class="text-3xl font-bold mb-4">{{m.label}}</h3>
-            {% if m.date %}
-            <div class="flex items-center space-x-2 mb-4">
-              <svg class="w-5 h-5 text-white opacity-80" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-                ></path>
-              </svg>
-              <time class="text-xl font-semibold text-white opacity-90">{{m.date}}</time>
-            </div>
-            {% endif %} {% if m.notes %}
-            <p class="text-lg leading-relaxed text-white opacity-90">{{m.notes}}</p>
-            {% endif %}
-          </div>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-</div>

package/assets/html2/npvSummaryPage.html

@@ -1,54 +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">NPV Summary</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- NPV Value Card -->
-  <div class="mb-12">
-    <div class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300 max-w-2xl">
-      <div class="flex items-center mb-6">
-        <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="M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4zM18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z"
-            />
-          </svg>
-        </div>
-        <div>
-          <h2 class="text-2xl font-semibold mb-2">Net Present Value</h2>
-          <p class="text-5xl font-bold">{{npv}}</p>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  {% if assumptions %}
-  <!-- Assumptions Section -->
-  <div class="mb-8">
-    <h2 class="text-3xl font-bold text-gray-900 mb-6">Key Assumptions</h2>
-    <div class="grid gap-6">
-      {% for a in assumptions %}
-      <div class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-3xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-        <div class="flex items-start">
-          <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6 flex-shrink-0">
-            <svg class="w-8 h-8" 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>
-          <div class="flex-1">
-            <p class="text-xl leading-relaxed">{{a}}</p>
-          </div>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-  {% endif %}
-</div>

package/assets/html2/okrKpiDashboardPage.html

@@ -1,85 +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">{{title}}</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- OKR/KPI Cards -->
-  <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
-    {% for m in metrics %}
-    <section class="bg-white rounded-3xl shadow-2xl border border-gray-100 p-8 transform hover:scale-105 transition-all duration-300 hover:shadow-3xl">
-      <div class="flex items-start justify-between mb-6">
-        <div class="flex-1">
-          <div class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">{{m.label}}</div>
-          <div class="text-5xl font-black text-gray-900 leading-none mb-4">{{m.value}}</div>
-          {% if m.target %}
-          <div class="text-lg text-gray-600 mb-2">Target: <span class="font-semibold">{{m.target}}</span></div>
-          {% endif %}
-        </div>
-        <div class="w-16 h-16 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl flex items-center justify-center ml-4">
-          <svg class="w-8 h-8 text-white" 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>
-        </div>
-      </div>
-
-      {% if m.status %}
-      <div class="flex items-center">
-        {% if m.status|lower == 'on track' %}
-        <div class="flex items-center text-emerald-600 bg-emerald-50 rounded-full px-3 py-1">
-          <svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-              clip-rule="evenodd"
-            />
-          </svg>
-          <span class="text-sm font-semibold uppercase tracking-wide">{{m.status}}</span>
-        </div>
-        {% elif m.status|lower == 'at risk' %}
-        <div class="flex items-center text-amber-600 bg-amber-50 rounded-full px-3 py-1">
-          <svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
-              clip-rule="evenodd"
-            />
-          </svg>
-          <span class="text-sm font-semibold uppercase tracking-wide">{{m.status}}</span>
-        </div>
-        {% elif m.status|lower == 'behind' %}
-        <div class="flex items-center text-red-600 bg-red-50 rounded-full px-3 py-1">
-          <svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
-              clip-rule="evenodd"
-            />
-          </svg>
-          <span class="text-sm font-semibold uppercase tracking-wide">{{m.status}}</span>
-        </div>
-        {% else %}
-        <div class="flex items-center text-blue-600 bg-blue-50 rounded-full px-3 py-1">
-          <span class="text-sm font-semibold uppercase tracking-wide">{{m.status}}</span>
-        </div>
-        {% endif %}
-      </div>
-      {% endif %}
-    </section>
-    {% endfor %}
-  </div>
-
-  <!-- Dashboard Summary -->
-  <div class="text-center mt-16">
-    <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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
-      </svg>
-      <span class="text-2xl font-bold">OKR & KPI Performance Dashboard</span>
-    </div>
-  </div>
-</div>