Add Aura voting layout and 12 new day view styles

New voting layout style with atmospheric glowing orb design.
New day view styles: Aura, Chronicle, Neon, Ink, Prism, Tape,
Morph, Stack, Wave, Pattern, Leather, and Glass. Updated style
pickers to use horizontal ScrollView for better navigation.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Trey t
2025-12-18 12:36:51 -06:00
parent 920aaee35c
commit f57e8da4ff
7 changed files with 2424 additions and 80 deletions

View File

@@ -12,6 +12,7 @@ enum VotingLayoutStyle: Int, CaseIterable {
case cards = 1 // Larger tappable cards with labels
case radial = 2 // Semi-circle/wheel arrangement
case stacked = 3 // Full-width vertical list
case aura = 4 // Atmospheric glowing orbs with flowing layout
var displayName: String {
switch self {
@@ -19,6 +20,7 @@ enum VotingLayoutStyle: Int, CaseIterable {
case .cards: return "Cards"
case .radial: return "Radial"
case .stacked: return "Stacked"
case .aura: return "Aura"
}
}
}
@@ -29,6 +31,18 @@ enum DayViewStyle: Int, CaseIterable {
case compact = 2 // Dense timeline view
case bubble = 3 // Colorful full-width bubbles
case grid = 4 // 3 entries per row grid
case aura = 5 // Atmospheric glowing entries with giant typography
case chronicle = 6 // Editorial magazine with dramatic serif typography
case neon = 7 // Cyberpunk synthwave with glowing edges
case ink = 8 // Japanese zen calligraphy with brush strokes
case prism = 9 // Premium glassmorphism with light refraction
case tape = 10 // Retro cassette mixtape aesthetic
case morph = 11 // Liquid organic blob shapes
case stack = 12 // Layered paper notes with depth
case wave = 13 // Horizontal gradient river bands
case pattern = 14 // Mood icons as repeating background pattern
case leather = 15 // Skeuomorphic leather with stitching
case glass = 16 // iOS 26 liquid glass with variable blur
var displayName: String {
switch self {
@@ -37,6 +51,18 @@ enum DayViewStyle: Int, CaseIterable {
case .compact: return "Compact"
case .bubble: return "Bubble"
case .grid: return "Grid"
case .aura: return "Aura"
case .chronicle: return "Chronicle"
case .neon: return "Neon"
case .ink: return "Ink"
case .prism: return "Prism"
case .tape: return "Tape"
case .morph: return "Morph"
case .stack: return "Stack"
case .wave: return "Wave"
case .pattern: return "Pattern"
case .leather: return "Leather"
case .glass: return "Glass"
}
}