root = Card([header, stepsCard, calorieCard, weekCard, logCard])
header = CardHeader("Daily Summary", "Tuesday, June 11")
stepsCard = Card([stepsHeading, stepsProgress], "sunk", "column", "s")
stepsHeading = Heading("Daily Steps", "h3")
stepsProgress = Progress(84, "8,432 / 10,000 steps")
calorieCard = Card([calHeading, calValue, calActive], "sunk", "column", "s")
calHeading = Heading("Calories Burned", "h3")
calValue = TextContent("612 kcal", "large-heavy")
calActive = TextContent("Active minutes: 45 · Distance: 5.2 km", "small")
weekCard = Card([weekHeading, weekChart], "sunk", "column", "s")
weekHeading = Heading("Workouts This Week", "h3")
weekChart = BarChart(["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], [workoutSeries], "grouped", "Day", "Minutes")
workoutSeries = Series("Minutes", [30, 45, 0, 60, 20, 75, 50])
logCard = Card([logHeading, logForm], "sunk", "column", "s")
logHeading = Heading("Log a Workout", "h3")
logForm = Form("log-workout", logButtons, [typeField, durationField, calField])
typeField = FormControl("Workout type", typeSelect)
typeSelect = Select("type", [typeRun, typeRide, typeLift], "Select type")
typeRun = SelectItem("run", "Running")
typeRide = SelectItem("ride", "Cycling")
typeLift = SelectItem("lift", "Strength")
durationField = FormControl("Duration (min)", durationInput)
durationInput = Input("duration", "e.g. 30", "number")
calField = FormControl("Calories (optional)", calInput)
calInput = Input("calories", "e.g. 350", "number")
logButtons = Buttons([logBtn])
logBtn = Button("Log Workout", null, "primary")