From 743efcf8d3f128556e2b1b87bcbdb646026a6b5a Mon Sep 17 00:00:00 2001 From: Claude Code Date: Tue, 7 Apr 2026 17:50:17 -0700 Subject: [PATCH] =?UTF-8?q?feat(guide):=20=E2=9C=A8=20Update=20crowdfundin?= =?UTF-8?q?g/early=20access=20pages=20with=20progress=20indicators?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Lilith Autocommit --- .../guide/src/pages/CrowdfundPage.tsx | 53 --- .../guide/src/pages/EarlyAccessPage.tsx | 217 --------- .../src/pages/EarlyAccessProgressPage.tsx | 435 ------------------ 3 files changed, 705 deletions(-) delete mode 100644 games/age-of-dwarves/guide/src/pages/CrowdfundPage.tsx delete mode 100644 games/age-of-dwarves/guide/src/pages/EarlyAccessPage.tsx delete mode 100644 games/age-of-dwarves/guide/src/pages/EarlyAccessProgressPage.tsx diff --git a/games/age-of-dwarves/guide/src/pages/CrowdfundPage.tsx b/games/age-of-dwarves/guide/src/pages/CrowdfundPage.tsx deleted file mode 100644 index 06987670..00000000 --- a/games/age-of-dwarves/guide/src/pages/CrowdfundPage.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { ReactElement } from 'react' -import styled from 'styled-components' -import { FadeIn } from '@magic-civ/guide-engine' -import { PageTitle, Section, SectionHeading, Prose } from '@magic-civ/guide-engine' - -const Title = styled.h1` - font-size: 1.625rem; - font-weight: 700; - color: ${({ theme }) => theme.colors.text.primary}; - margin: 0 0 0.5rem; -` - -const Subtitle = styled.p` - font-size: 0.875rem; - color: ${({ theme }) => theme.colors.text.secondary}; - margin: 0; - line-height: 1.6; -` - -const ComingSoon = styled.div` - display: inline-block; - font-size: 0.6875rem; - font-weight: 700; - letter-spacing: 2px; - text-transform: uppercase; - color: ${({ theme }) => theme.colors.primary.main}; - border: 1px solid ${({ theme }) => theme.colors.primary.dark}; - border-radius: 4px; - padding: 0.3125rem 0.75rem; -` - -export default function CrowdfundPage(): ReactElement { - return ( - - - Crowdfund - - Support the development of Magic Civilization and help bring the full - vision to life. - - - -
- Campaign - - Details about the crowdfunding campaign — tiers, rewards, goals, and - timeline — will be announced here ahead of launch. - - Coming Soon -
- - ) -} diff --git a/games/age-of-dwarves/guide/src/pages/EarlyAccessPage.tsx b/games/age-of-dwarves/guide/src/pages/EarlyAccessPage.tsx deleted file mode 100644 index 6accbee9..00000000 --- a/games/age-of-dwarves/guide/src/pages/EarlyAccessPage.tsx +++ /dev/null @@ -1,217 +0,0 @@ -import type { ReactElement } from 'react' -import { Link } from 'react-router-dom' -import styled from 'styled-components' -import { FadeIn } from '@magic-civ/guide-engine' -import { PageTitle, Section, SectionHeading, Prose } from '@magic-civ/guide-engine' - -const Title = styled.h1` - font-size: 1.625rem; - font-weight: 700; - color: ${({ theme }) => theme.colors.text.primary}; - margin: 0 0 0.5rem; -` - -const Subtitle = styled.p` - font-size: 0.875rem; - color: ${({ theme }) => theme.colors.text.secondary}; - margin: 0; - line-height: 1.6; -` - -const Table = styled.table` - width: 100%; - border-collapse: collapse; - font-size: 0.8125rem; - - th, td { - text-align: left; - padding: 0.625rem 0.75rem; - border-bottom: 1px solid ${({ theme }) => theme.colors.border.default}; - } - - th { - font-weight: 600; - color: ${({ theme }) => theme.colors.text.muted}; - font-size: 0.6875rem; - letter-spacing: 1px; - text-transform: uppercase; - } - - td { - color: ${({ theme }) => theme.colors.text.secondary}; - } - - tr:last-child td { - border-bottom: none; - } -` - -const Highlight = styled.span` - color: ${({ theme }) => theme.colors.primary.light}; - font-weight: 600; -` - -const AboutRow = styled.div` - display: flex; - gap: 0.75rem; - margin-top: 2.5rem; - padding-top: 1.5rem; - border-top: 1px solid ${({ theme }) => theme.colors.border.default}; -` - -const AboutLink = styled(Link)` - font-size: 0.8125rem; - font-weight: 500; - color: ${({ theme }) => theme.colors.text.secondary}; - text-decoration: none; - padding: 0.5rem 0.875rem; - border: 1px solid ${({ theme }) => theme.colors.border.default}; - border-radius: 6px; - background: ${({ theme }) => theme.colors.surface}; - transition: border-color 150ms, color 150ms; - - &:hover { - border-color: ${({ theme }) => theme.colors.primary.dark}; - color: ${({ theme }) => theme.colors.text.primary}; - } -` - -const ExcludedList = styled.ul` - list-style: none; - padding: 0; - margin: 0; - display: grid; - grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); - gap: 0.5rem; -` - -const ExcludedItem = styled.li` - font-size: 0.8125rem; - color: ${({ theme }) => theme.colors.text.muted}; - padding: 0.5rem 0.75rem; - background: ${({ theme }) => theme.colors.surface}; - border: 1px solid ${({ theme }) => theme.colors.border.default}; - border-radius: 6px; -` - -export default function EarlyAccessPage(): ReactElement { - return ( - - - Early Access — Age of Four - - The public early access release featuring 4 of 16 races, all 5 magic - schools, and the full 4X + magic loop. - - - -
- The Four Races - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
RaceSchoolsMagicGrowthPlaystyle
High ElfNature + Aether+10-6Arcane masters, few mega-cities, research + air power
HumanLife + Aether00Adaptable baseline, healing + knowledge
DwarfNature + Aether-10-7Anti-magic crafters, production + ground power
OrcChaos + Death-6+8Conquest hordes, many cities, aggressive
-
- -
- Available Fusions (3 of 10) - - - - - - - - - - - - - - - - - - - - - - - - - -
FusionSchoolsAvailable To
TheurgyLife + AetherHumans
ArtificeNature + AetherHigh Elves, Dwarves
DemonologyDeath + ChaosOrcs
-
- -
- Included Systems - - The early access includes the complete hex map with all 13 terrain types, - full combat with flanking, ZOC, ranged attacks, and promotions, all 5 magic - schools with 40 spells, 6 Archon types, 5 world wonders, happiness with - Golden Ages, culture and border expansion, economy, tile improvements, - tribal villages, wild creatures and lairs, 3 victory conditions - (Domination, Score, Arcane Ascension), and 1-3 AI opponents. - -
- -
- Coming in Full Release - - 12 additional races - 7 additional fusions - Diplomacy system - Social policies (5 culture trees) - Naval units & combat - Freepeople havens (NPC city-states) - Trade routes & deals - 7 government types - Strategic resources - Game speed options - Starting era options - -
- - 🎯 Crowdfund - 👥 Team - - - ) -} diff --git a/games/age-of-dwarves/guide/src/pages/EarlyAccessProgressPage.tsx b/games/age-of-dwarves/guide/src/pages/EarlyAccessProgressPage.tsx deleted file mode 100644 index 24af143a..00000000 --- a/games/age-of-dwarves/guide/src/pages/EarlyAccessProgressPage.tsx +++ /dev/null @@ -1,435 +0,0 @@ -import type { ReactElement } from 'react' -import { Link } from 'react-router-dom' -import styled from 'styled-components' -import { FadeIn } from '@magic-civ/guide-engine' -import { PageTitle, Section, SectionHeading, Prose } from '@magic-civ/guide-engine' - -const Title = styled.h1` - font-size: 1.625rem; - font-weight: 700; - color: ${({ theme }) => theme.colors.text.primary}; - margin: 0 0 0.5rem; -` - -const Subtitle = styled.p` - font-size: 0.875rem; - color: ${({ theme }) => theme.colors.text.secondary}; - margin: 0; - line-height: 1.6; -` - -const Table = styled.table` - width: 100%; - border-collapse: collapse; - font-size: 0.8125rem; - - th, td { - text-align: left; - padding: 0.625rem 0.75rem; - border-bottom: 1px solid ${({ theme }) => theme.colors.border.default}; - } - - th { - font-weight: 600; - color: ${({ theme }) => theme.colors.text.muted}; - font-size: 0.6875rem; - letter-spacing: 1px; - text-transform: uppercase; - } - - td { - color: ${({ theme }) => theme.colors.text.secondary}; - } - - tr:last-child td { - border-bottom: none; - } -` - -type StatusVariant = 'done' | 'partial' | 'planned' | 'deferred' - -const STATUS_COLORS: Record = { - done: { bg: 'rgba(34, 197, 94, 0.12)', text: '#4ade80' }, - partial: { bg: 'rgba(234, 179, 8, 0.12)', text: '#facc15' }, - planned: { bg: 'rgba(139, 92, 246, 0.12)', text: '#a78bfa' }, - deferred: { bg: 'rgba(107, 114, 128, 0.12)', text: '#9ca3af' }, -} - -const Badge = styled.span<{ $variant: StatusVariant }>` - display: inline-block; - font-size: 0.6875rem; - font-weight: 600; - letter-spacing: 0.5px; - text-transform: uppercase; - padding: 0.2rem 0.5rem; - border-radius: 4px; - background: ${({ $variant }) => STATUS_COLORS[$variant].bg}; - color: ${({ $variant }) => STATUS_COLORS[$variant].text}; - white-space: nowrap; -` - -const MissingList = styled.ul` - list-style: none; - padding: 0; - margin: 0.5rem 0 0; - display: flex; - flex-direction: column; - gap: 0.25rem; -` - -const MissingItem = styled.li` - font-size: 0.75rem; - color: ${({ theme }) => theme.colors.text.muted}; - padding-left: 1rem; - position: relative; - - &::before { - content: '—'; - position: absolute; - left: 0; - color: ${({ theme }) => theme.colors.border.default}; - } -` - -const SystemName = styled.span` - font-weight: 600; - color: ${({ theme }) => theme.colors.text.primary}; -` - -const PriorityBadge = styled.span<{ $p: number }>` - display: inline-block; - font-size: 0.6875rem; - font-weight: 700; - padding: 0.15rem 0.45rem; - border-radius: 4px; - background: ${({ $p }) => - $p === 0 ? 'rgba(239, 68, 68, 0.15)' : - $p === 1 ? 'rgba(234, 179, 8, 0.15)' : - $p === 2 ? 'rgba(59, 130, 246, 0.15)' : - 'rgba(107, 114, 128, 0.12)'}; - color: ${({ $p }) => - $p === 0 ? '#f87171' : - $p === 1 ? '#facc15' : - $p === 2 ? '#60a5fa' : - '#9ca3af'}; -` - -const ProgressBar = styled.div<{ $pct: number }>` - height: 4px; - border-radius: 2px; - background: ${({ theme }) => theme.colors.border.default}; - position: relative; - margin-top: 0.375rem; - - &::after { - content: ''; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: ${({ $pct }) => $pct}%; - border-radius: 2px; - background: ${({ $pct }) => - $pct >= 80 ? '#4ade80' : - $pct >= 40 ? '#facc15' : - '#a78bfa'}; - } -` - -const AboutRow = styled.div` - display: flex; - gap: 0.75rem; - margin-top: 2.5rem; - padding-top: 1.5rem; - border-top: 1px solid ${({ theme }) => theme.colors.border.default}; -` - -const AboutLink = styled(Link)` - font-size: 0.8125rem; - font-weight: 500; - color: ${({ theme }) => theme.colors.text.secondary}; - text-decoration: none; - padding: 0.5rem 0.875rem; - border: 1px solid ${({ theme }) => theme.colors.border.default}; - border-radius: 6px; - background: ${({ theme }) => theme.colors.surface}; - transition: border-color 150ms, color 150ms; - - &:hover { - border-color: ${({ theme }) => theme.colors.primary.dark}; - color: ${({ theme }) => theme.colors.text.primary}; - } -` - -export default function EarlyAccessProgressPage(): ReactElement { - return ( - - - Progress Report - - Current implementation state for the Early Access release — what is - complete, what is in progress, and what ships with v1.0.0. - - - -
- System Status - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SystemStatusNotes
Spell systemDone40 spells, 5 schools, global + local scope
CombatDone26 keywords, flanking, ZOC, ranged, siege, promotions
Map & hex gridDoneGenerator, hydrology, roads, rivers, overlays, fog of war
EconomyDoneTile yields, gold, science, happiness, upkeep
VictoryDoneDomination, Score, Arcane Ascension
AI opponentsPartial — 40%Tactics + city eval done; grand strategy + army composition missing
Climate & weatherPartial — 60%Simulation done; terrain transformation + storm damage missing
GovernmentPartial — 50%7 types + switching done; yield modifiers + succession missing
Culture & bordersPartial — 40%Border expansion done; social policy system + cultural pressure missing
DiplomacyPartial — 90%All mechanics done; trade deal UI + ley territory disputes missing
CommunicationsPartial — 40%Wireless network done; physical wired tier + relay chaining + UI missing
Terrain mana + ley linesPlannedTerrain color-pie mana, Voronoi ley network, school alignment
Social policiesPlanned5 trees, 30 policies, culture pool + policy UI
Mundane unit progressionPlannedEra 2-6 units: Gatling Gun → Tank → Power Armor → ODST
Mundane vs magic balancePlannedLey interference, good/evil alignment, doomsday device
-
- -
- What Is In Progress - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SystemProgressMissing
- AI - - 40% - - Grand strategy (threat evaluation, war timing) - Army composition decisions - Magic research prioritization - Coalition and diplomatic behavior - -
- Climate - - 60% - - Terrain transformation from climate drift - Food/production modifiers from temp + moisture - Storm damage to cities and improvements - Seasonal movement penalties - -
- Culture - - 40% - - Social policy system (global pool, 5 trees, 30 policies) - Cultural pressure — higher-culture civs slowly flip border tiles - Tile purchase scaling by terrain value and era - -
- Communications - - 40% - - Physical wired tier: Telegraph → Telephone → Continental Cable → Undersea Cable - Cable cutting by enemy unit presence (distinct from magical ley disruption) - Optical Relay chaining — relay Radio Tower signals across longer distances - Network visualization UI - -
-
- -
- Coming in v1.0.0 - - These systems are fully designed with zero code. They ship before the - Early Access release, ordered by what unblocks what. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
PrioritySystemWhat It Adds
P0Terrain overhaulForest split (forest / jungle / boreal), plains, infiltration fixes water flow
P1Terrain mana color pieEvery terrain produces school mana (MTG land model). Magical affinity + terrain powers.
P2Ley line systemVoronoi ley network, school-aligned segments, nexus points, capture metagame, mana density field
P2Social policies5 trees (Expansion, Tradition, Militarism, Scholarship, Arcana), 30 policies
P3Mundane unit progressionEra 2-6: crossbowmen → gatling guns → tanks → power armor → orbital drop troops
P3Good/evil alignment-100 to +100 scale, alignment-exclusive wonders (World Court, Doomsday Device)
P3Mundane vs magic balanceLey interference, wired communications, materials science, satellite program
P4Archon loss + mundane rebirthHigh Archon death triggers succession crisis or permanent magic lock
-
- -
- After Full Release - - - - - - - - - - - - - - - - - - - - - - - - - -
VersionWhat Ships
v1.5Production sprite art, sound and music, tutorial, balance pass
v2.0Multiplayer — netcode, lobby, simultaneous turns, spectator
v3.0–v10.012 additional races (4 per release), 7 additional fusions, all 16 races + full balance
Post-v10Ethereal Plane, naval combat, caravan trade routes, map editor, mod support
-
- - - Early Access - Full Game - Expansions - - - ) -}