fix: transparent header, global text colors, remove hero text

- Header fully transparent with no border
- Dark mode: #0A0A0A bg, #FAFAFA text
- Light mode: #FAFAFA bg, #0A0A0A text
- Removed "Antonym / Fashion for the sovereign individual" hero section
- Delete stale DB to re-seed with .svg image paths

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-03-17 01:59:25 +00:00
parent 52fe7a013f
commit 46195142f3
3 changed files with 12 additions and 22 deletions

View File

@@ -33,11 +33,6 @@ onMounted(async () => {
<template>
<SeoMeta title="Shop" description="Fashion for the sovereign individual. Bitcoin only. No accounts. No tracking." />
<div class="home">
<section class="hero">
<h1>Antonym</h1>
<p class="tagline">Fashion for the sovereign individual. Bitcoin only.</p>
</section>
<div v-if="categories.length > 1" class="category-filter">
<button class="filter-btn" :class="{ active: !activeCategory }" @click="activeCategory = null">All</button>
<button v-for="cat in categories" :key="cat" class="filter-btn" :class="{ active: activeCategory === cat }" @click="activeCategory = cat">{{ cat }}</button>
@@ -49,9 +44,6 @@ onMounted(async () => {
</template>
<style scoped>
.hero { text-align: center; padding: 3rem 0 2.5rem; }
.hero h1 { font-size: 2.5rem; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.5rem; }
.tagline { color: var(--text-muted); font-size: 1rem; }
.category-filter { display: flex; gap: 0.5rem; margin-bottom: 2rem; flex-wrap: wrap; }
.filter-btn {
padding: 0.375rem 1rem;