copy(deck): slide 7 shows just the entities + equity split
Roles/responsibilities aren't solidified — drop them (and the overlap note). Keep the 45/45/10 split bar and three clean entity cards (name + %), plus the ask line. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
5cdbb76ab7
commit
0ffbd67d36
1 changed files with 8 additions and 22 deletions
|
|
@ -1,6 +1,5 @@
|
|||
<script setup lang="ts">
|
||||
import SlideFrame from '../components/SlideFrame.vue'
|
||||
import Icon from '../components/Icon.vue'
|
||||
import { partnership, fmtUsd } from '../data'
|
||||
|
||||
const barBg: Record<string, string> = {
|
||||
|
|
@ -25,9 +24,9 @@ const pct = (e: number) => Math.round(e * 100)
|
|||
<SlideFrame
|
||||
kicker="Ownership"
|
||||
title="A three-way partnership"
|
||||
subtitle="SolLunar Society is a joint venture. Investors buy in alongside the two operating partners."
|
||||
subtitle="SolLunar Society is a joint venture — investors buy in alongside the two founding partners."
|
||||
>
|
||||
<!-- equity bar -->
|
||||
<!-- equity split bar -->
|
||||
<div class="flex h-5 w-full overflow-hidden rounded-full">
|
||||
<div
|
||||
v-for="p in partnership.partners"
|
||||
|
|
@ -40,33 +39,20 @@ const pct = (e: number) => Math.round(e * 100)
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 grid gap-4 md:grid-cols-3">
|
||||
<!-- the three entities -->
|
||||
<div class="mt-8 grid gap-5 sm:grid-cols-3">
|
||||
<div
|
||||
v-for="p in partnership.partners"
|
||||
:key="p.name"
|
||||
class="flex flex-col rounded-2xl border p-5"
|
||||
class="flex flex-col items-center rounded-2xl border px-6 py-8 text-center"
|
||||
:class="ring[p.accent]"
|
||||
>
|
||||
<div class="flex items-baseline justify-between gap-2">
|
||||
<h3 class="font-display text-lg font-semibold text-fg">{{ p.name }}</h3>
|
||||
<span class="font-display text-2xl font-bold" :class="text[p.accent]">{{ pct(p.equity) }}%</span>
|
||||
</div>
|
||||
<p class="text-xs uppercase tracking-wider" :class="text[p.accent]">{{ p.role }}</p>
|
||||
|
||||
<ul class="mt-4 flex-1 space-y-1.5">
|
||||
<li v-for="r in p.responsibilities" :key="r" class="flex items-start gap-2 text-sm text-fg-muted">
|
||||
<Icon name="Check" class="mt-0.5 size-3.5 shrink-0" :class="text[p.accent]" />
|
||||
{{ r }}
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p v-if="p.note" class="mt-3 border-t border-line pt-3 text-[11px] leading-relaxed text-fg-muted">
|
||||
{{ p.note }}
|
||||
</p>
|
||||
<span class="font-display text-5xl font-bold" :class="text[p.accent]">{{ pct(p.equity) }}%</span>
|
||||
<h3 class="mt-3 font-display text-lg font-semibold text-fg">{{ p.name }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5 flex flex-wrap items-center justify-center gap-x-6 gap-y-1 text-sm text-fg-muted">
|
||||
<div class="mt-8 flex flex-wrap items-center justify-center gap-x-6 gap-y-1 text-sm text-fg-muted">
|
||||
<span>The ask:</span>
|
||||
<span class="font-display text-lg font-semibold text-fg">
|
||||
{{ fmtUsd(partnership.raiseAmount) }} for {{ pct(partnership.equityOffered) }}%
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue