Skip to content

Commit

Permalink
✨ Re-add cow-themed example pages
Browse files Browse the repository at this point in the history
  • Loading branch information
wesen committed Feb 22, 2025
1 parent 8647199 commit a879393
Show file tree
Hide file tree
Showing 4 changed files with 267 additions and 0 deletions.
76 changes: 76 additions & 0 deletions examples/pages/cow/build-a-cow.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
components:
- title:
id: build-cow-title
content: "🐮 Design Your Dream Cow"

- text:
id: build-intro
content: "Create your perfect bovine companion! Mix and match features to design your unique cow."

- form:
id: cow-builder
components:
- input:
id: cow-name
type: text
placeholder: "Name your cow"
required: true

- list:
type: ul
items:
- "Physical Characteristics":
list:
type: ul
items:
- input:
id: cow-weight
type: number
placeholder: "Weight (kg)"
- input:
id: cow-height
type: number
placeholder: "Height (cm)"

- textarea:
id: cow-description
placeholder: "Describe your cow's personality..."
rows: 4
cols: 50

- text:
content: "Select coat pattern:"

- list:
type: ul
items:
- checkbox:
id: pattern-holstein
label: "Holstein (black and white)"
- checkbox:
id: pattern-jersey
label: "Jersey (solid brown)"
- checkbox:
id: pattern-hereford
label: "Hereford (red and white)"

- text:
content: "Special traits:"

- list:
type: ul
items:
- checkbox:
id: trait-friendly
label: "Extra Friendly"
- checkbox:
id: trait-milk
label: "High Milk Production"
- checkbox:
id: trait-grass
label: "Grass Connoisseur"

- button:
id: create-cow-btn
text: "Create Cow"
type: primary
53 changes: 53 additions & 0 deletions examples/pages/cow/cow-facts.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
components:
- title:
id: cow-facts-title
content: "🐄 Fascinating Cow Facts"

- text:
id: intro-text
content: "Discover amazing facts about these gentle giants that have been our companions for thousands of years!"

- list:
type: ul
items:
- "General Facts":
list:
type: ul
items:
- "Cows can sleep while standing up"
- "They have 40,000 jaw movements a day"
- "Each cow has a unique pattern of spots":
button:
id: pattern-info
text: "Learn More"
type: secondary

- "Social Facts":
list:
type: ul
items:
- "Cows have best friends"
- "They form strong social bonds"
- "They can recognize over 100 other cows":
button:
id: social-info
text: "See Research"
type: primary

- form:
id: fact-subscription
components:
- title:
content: "Get Daily Cow Facts!"
- input:
id: email-input
type: email
placeholder: "Enter your email"
required: true
- checkbox:
id: newsletter-check
label: "Also subscribe to our farming newsletter"
- button:
id: subscribe-btn
text: "Subscribe"
type: success
65 changes: 65 additions & 0 deletions examples/pages/cow/cow-quiz.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
components:
- title:
id: quiz-title
content: "🎯 Test Your Cow Knowledge!"

- text:
id: quiz-intro
content: "Think you know your cows? Take this quiz to prove your expertise!"

- form:
id: cow-quiz
components:
- title:
content: "Question 1"
- text:
content: "How many stomachs does a cow have?"
- list:
type: ul
items:
- checkbox:
id: q1-two
label: "Two"
- checkbox:
id: q1-three
label: "Three"
- checkbox:
id: q1-four
label: "Four"

- title:
content: "Question 2"
- text:
content: "Which breed is known for producing the most milk?"
- list:
type: ul
items:
- checkbox:
id: q2-holstein
label: "Holstein-Friesian"
- checkbox:
id: q2-jersey
label: "Jersey"
- checkbox:
id: q2-guernsey
label: "Guernsey"

- title:
content: "Question 3"
- text:
content: "How many liters of water does a dairy cow drink per day?"
- input:
id: q3-water
type: number
placeholder: "Enter number of liters"
required: true

- button:
id: submit-quiz
text: "Submit Answers"
type: primary

- button:
id: reset-quiz
text: "Start Over"
type: secondary
73 changes: 73 additions & 0 deletions examples/pages/cow/dairy-farm-guide.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
components:
- title:
id: farm-guide-title
content: "🚜 Welcome to Happy Meadows Dairy Farm"

- text:
id: farm-intro
content: "Experience the joy of farm life! Learn about our cows and see how a modern dairy farm operates. Please read these guidelines before your visit."

- list:
type: ul
items:
- "Farm Areas":
list:
type: ul
items:
- "Milking Parlor":
button:
id: milking-map
text: "View Area"
type: secondary
- "Grazing Pastures":
button:
id: pasture-map
text: "View Area"
type: secondary
- "Calf Barn":
button:
id: calf-map
text: "View Area"
type: secondary

- title:
content: "Visitor Guidelines"

- list:
type: ol
items:
- "Stay with your guide at all times"
- "Keep quiet around the animals"
- "Follow farm safety rules":
button:
id: safety-info
text: "Safety Guide"
type: primary
- "Don't feed the animals without permission"

- form:
id: tour-booking
components:
- title:
content: "Book a Farm Tour"
- input:
id: visitor-name
type: text
placeholder: "Your name"
required: true
- input:
id: group-size
type: number
placeholder: "Number of visitors"
required: true
- checkbox:
id: premium-tour
label: "Premium Tour (includes cheese tasting)"
- button:
id: book-tour
text: "Book Now"
type: success

- text:
id: contact-info
content: "For farm emergencies, call our staff at 555-FARM"

0 comments on commit a879393

Please sign in to comment.