summaryrefslogtreecommitdiff
path: root/DayByDay/MonthCard.swift
diff options
context:
space:
mode:
authorChristian Cleberg <[email protected]>2026-03-09 20:30:56 -0500
committerChristian Cleberg <[email protected]>2026-03-09 20:31:43 -0500
commit83479f9840f230c0c0dbee083b75735090ae9322 (patch)
treef4c79dc64d3308df30965b72f66882d27faa022c /DayByDay/MonthCard.swift
parent84f1d5479a9fa884fd3d9119c5edcc4ca42810b5 (diff)
downloaddaybyday-83479f9840f230c0c0dbee083b75735090ae9322.tar.gz
daybyday-83479f9840f230c0c0dbee083b75735090ae9322.tar.bz2
daybyday-83479f9840f230c0c0dbee083b75735090ae9322.zip
initial 1.0 release
Diffstat (limited to 'DayByDay/MonthCard.swift')
-rw-r--r--DayByDay/MonthCard.swift130
1 files changed, 130 insertions, 0 deletions
diff --git a/DayByDay/MonthCard.swift b/DayByDay/MonthCard.swift
new file mode 100644
index 0000000..f462fd4
--- /dev/null
+++ b/DayByDay/MonthCard.swift
@@ -0,0 +1,130 @@
+//
+// MonthCard.swift
+// DayByDay
+//
+
+import SwiftUI
+
+/// A single large, colorful card representing one month of the year.
+/// Tapping the card plays a bounce animation and speaks the month name aloud.
+struct MonthCard: View {
+ let month: MonthOfYear
+ var isHighlighted = false
+ @State private var isTapped = false
+
+ var body: some View {
+ ZStack {
+ RoundedRectangle(cornerRadius: 32, style: .continuous)
+ .fill(month.color.gradient)
+ .shadow(color: month.color.opacity(0.4), radius: 8, y: 4)
+
+ VStack(spacing: 16) {
+ Image(systemName: month.symbol)
+ .font(.system(size: 64))
+ .foregroundStyle(.white)
+ .symbolRenderingMode(.hierarchical)
+
+ Text(month.name)
+ .font(.system(size: 32, weight: .bold, design: .rounded))
+ .foregroundStyle(.white)
+ }
+ }
+ .overlay {
+ if isHighlighted {
+ RoundedRectangle(cornerRadius: 32, style: .continuous)
+ .strokeBorder(.white, lineWidth: 5)
+ }
+ }
+ .shadow(color: isHighlighted ? .white.opacity(0.8) : .clear, radius: 12)
+ .scaleEffect(isTapped ? 1.12 : (isHighlighted ? 1.04 : 1.0))
+ .contentShape(RoundedRectangle(cornerRadius: 32, style: .continuous))
+ .rotation3DEffect(.degrees(isTapped ? 6 : 0), axis: (x: 1, y: 0, z: 0))
+ .animation(.spring(response: 0.35, dampingFraction: 0.5), value: isTapped)
+ .onTapGesture {
+ isTapped = true
+ SpeechSynthesizer.shared.speak(month.name)
+ DispatchQueue.main.asyncAfter(deadline: .now() + 0.4) {
+ isTapped = false
+ }
+ }
+ .accessibilityLabel(month.name)
+ .accessibilityAddTraits(.isButton)
+ }
+}
+
+// MARK: - Month model
+
+enum MonthOfYear: Int, CaseIterable, Identifiable {
+ case january, february, march, april, may, june,
+ july, august, september, october, november, december
+
+ var id: Int { rawValue }
+
+ /// The month for today's date.
+ static var current: MonthOfYear {
+ // Calendar month: 1 = January, 12 = December
+ let month = Calendar.current.component(.month, from: Date())
+ return MonthOfYear(rawValue: month - 1)!
+ }
+
+ var name: String {
+ switch self {
+ case .january: "January"
+ case .february: "February"
+ case .march: "March"
+ case .april: "April"
+ case .may: "May"
+ case .june: "June"
+ case .july: "July"
+ case .august: "August"
+ case .september: "September"
+ case .october: "October"
+ case .november: "November"
+ case .december: "December"
+ }
+ }
+
+ var symbol: String {
+ switch self {
+ case .january: "snowflake"
+ case .february: "heart.fill"
+ case .march: "wind"
+ case .april: "cloud.rain.fill"
+ case .may: "leaf.fill"
+ case .june: "sun.max.fill"
+ case .july: "fireworks"
+ case .august: "beach.umbrella.fill"
+ case .september: "book.fill"
+ case .october: "moon.stars.fill"
+ case .november: "fork.knife"
+ case .december: "gift.fill"
+ }
+ }
+
+ var color: Color {
+ switch self {
+ case .january: Color(red: 0.55, green: 0.75, blue: 0.95) // ice blue
+ case .february: Color(red: 0.9, green: 0.35, blue: 0.5) // pink
+ case .march: Color(red: 0.45, green: 0.8, blue: 0.55) // spring green
+ case .april: Color(red: 0.5, green: 0.65, blue: 0.9) // rain blue
+ case .may: Color(red: 0.95, green: 0.7, blue: 0.2) // golden
+ case .june: Color(red: 1.0, green: 0.55, blue: 0.25) // warm orange
+ case .july: Color(red: 0.85, green: 0.25, blue: 0.3) // red
+ case .august: Color(red: 0.2, green: 0.75, blue: 0.8) // ocean teal
+ case .september: Color(red: 0.6, green: 0.45, blue: 0.85) // purple
+ case .october: Color(red: 0.9, green: 0.5, blue: 0.15) // pumpkin
+ case .november: Color(red: 0.7, green: 0.5, blue: 0.3) // brown
+ case .december: Color(red: 0.3, green: 0.5, blue: 0.85) // winter blue
+ }
+ }
+}
+
+#Preview {
+ HStack(spacing: 24) {
+ MonthCard(month: .march, isHighlighted: true)
+ .frame(width: 200, height: 260)
+ MonthCard(month: .april)
+ .frame(width: 200, height: 260)
+ }
+ .padding()
+}