Compare commits

..

No commits in common. "660736b02753af4b1bb5d5f135ef4d390d9ebed8" and "321d4dc840ab3bbd77cef6c0173a58694f7cf88b" have entirely different histories.

8 changed files with 8 additions and 27 deletions

View file

@ -2,12 +2,9 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/favicon.png" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#0b1512" />
<title>SolLunar — Investment Prospectus</title>
<title>Lab 484 — Investment Prospectus</title>
</head>
<body>
<div id="app"></div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 136 KiB

View file

@ -3,7 +3,6 @@ import { computed, ref, watch } from 'vue'
import { ChevronLeft, ChevronRight, Sun, Moon } from '@lucide/vue'
import { useDeck } from './useDeck'
import { brand } from './data'
import markUrl from '@/deck/assets/mark.png'
// theme: dark by default, persisted; a single `.dark` class flips every token
function readTheme() {
@ -74,9 +73,8 @@ function onTouchEnd(e: TouchEvent) {
<header
class="pointer-events-none absolute inset-x-0 top-0 z-20 flex items-center justify-between px-6 py-5 text-fg-muted"
>
<span class="flex items-center gap-2">
<img :src="markUrl" alt="SolLunar" class="size-8 object-contain" />
<span class="font-display text-sm font-semibold tracking-wide text-fg">SolLunar</span>
<span class="font-display text-sm font-semibold tracking-wide text-fg">
{{ brand.short }}
</span>
<div class="flex items-center gap-3">
<span class="text-xs uppercase tracking-[0.2em]">{{ current.label }}</span>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

View file

@ -4,7 +4,6 @@ import SlideFrame from '../components/SlideFrame.vue'
import PlaceholderBadge from '../components/PlaceholderBadge.vue'
import { Alert, AlertTitle, AlertDescription } from '@/components/ui/alert'
import { brand, surfaceEntities, accentText } from '../data'
import logoUrl from '@/deck/assets/logo.webp'
</script>
<template>
@ -15,24 +14,11 @@ import logoUrl from '@/deck/assets/logo.webp'
<PlaceholderBadge label="draft" />
</span>
<!-- logo hero with a gold(sol) + blue(lunar) solarpunk glow -->
<div class="relative">
<div
class="pointer-events-none absolute -inset-10 -z-10 rounded-full opacity-70 blur-2xl motion-safe:animate-pulse"
style="
background:
radial-gradient(38% 55% at 30% 45%, hsl(42 95% 55% / 0.5), transparent 70%),
radial-gradient(38% 55% at 70% 55%, hsl(215 90% 58% / 0.5), transparent 70%);
"
/>
<img
:src="logoUrl"
alt="SolLunar — Energy · Intelligence · Harmony"
class="w-64 drop-shadow-2xl sm:w-72 lg:w-80"
/>
</div>
<h1 class="font-display text-5xl font-bold tracking-tight text-fg sm:text-6xl lg:text-7xl">
{{ brand.name }}
</h1>
<p class="mt-7 max-w-2xl text-balance text-xl text-fg sm:text-2xl">
<p class="mt-6 max-w-2xl text-balance text-xl text-fg sm:text-2xl">
{{ brand.tagline }}
</p>