aiolabs/sollunar-pitch
9
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

copy(deck): slide 7 shows just the entities + equity split

Browse source 
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:
Patrick Mulligan 2026-08-01 00:51:55 +02:00
commit 0ffbd67d36
1 changed files with 8 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/deck/slides/PartnershipSlide.vue
View file

@ -1,6 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import SlideFrame from '../components/SlideFrame.vue' import SlideFrame from '../components/SlideFrame.vue'
import Icon from '../components/Icon.vue'
import { partnership, fmtUsd } from '../data' import { partnership, fmtUsd } from '../data'
const barBg: Record<string, string> = { const barBg: Record<string, string> = {
@ -25,9 +24,9 @@ const pct = (e: number) => Math.round(e * 100)
<SlideFrame <SlideFrame
kicker="Ownership" kicker="Ownership"
title="A three-way partnership" 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 class="flex h-5 w-full overflow-hidden rounded-full">
<div <div
v-for="p in partnership.partners" v-for="p in partnership.partners"
@ -40,33 +39,20 @@ const pct = (e: number) => Math.round(e * 100)
</div> </div>
</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 <div
v-for="p in partnership.partners" v-for="p in partnership.partners"
:key="p.name" :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]" :class="ring[p.accent]"
> >
<div class="flex items-baseline justify-between gap-2"> <span class="font-display text-5xl font-bold" :class="text[p.accent]">{{ pct(p.equity) }}%</span>
<h3 class="font-display text-lg font-semibold text-fg">{{ p.name }}</h3> <h3 class="mt-3 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>
</div> </div>
</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>The ask:</span>
<span class="font-display text-lg font-semibold text-fg"> <span class="font-display text-lg font-semibold text-fg">
{{ fmtUsd(partnership.raiseAmount) }} for {{ pct(partnership.equityOffered) }}% {{ fmtUsd(partnership.raiseAmount) }} for {{ pct(partnership.equityOffered) }}%