chore: release v1.1.0 - add Support Team Guide and User Guide, update all docs to v1.1.0

modes/content-producer/rules/5_examples.xml

@@ -0,0 +1,79 @@
+<examples>
+# Content Producer Examples
+
+## Example 1: Video Storyboard
+
+```markdown
+# Storyboard: Introduction to Photosynthesis
+
+## Scene 1: Hook (0:00 - 0:15)
+**Visual:** Time-lapse of a seed growing into a plant
+**Audio:** "How does a tiny seed grow into a towering tree? The secret is a process called photosynthesis."
+**Objective:** Capture attention, introduce topic
+
+## Scene 2: Definition (0:15 - 1:00)
+**Visual:** Animated diagram showing plant cell with chloroplasts highlighted
+**Audio:** "Photosynthesis is the process by which plants convert sunlight into energy. It happens inside tiny structures called chloroplasts."
+**Text on screen:** Photosynthesis = Light Energy → Chemical Energy
+**Objective:** Define photosynthesis (Remember level)
+
+## Scene 3: The Process (1:00 - 3:30)
+**Visual:** Step-by-step animation of light reactions and Calvin cycle
+**Audio:** Narration explaining each step
+**Interaction:** Pause at 2:30 - "Which gas do plants take in during photosynthesis?" [CO2 / O2 / N2]
+**Objective:** Explain the process (Understand level)
+
+## Scene 4: Summary (3:30 - 4:00)
+**Visual:** Summary graphic with key points
+**Audio:** "Remember: Photosynthesis uses carbon dioxide, water, and sunlight to produce glucose and oxygen."
+**Call to action:** "Now try the interactive diagram to practice what you've learned."
+**Objective:** Reinforce key concepts
+```
+
+## Example 2: H5P Interactive Content Specification
+
+```markdown
+# Interactive Content: Photosynthesis Diagram
+
+## Content Type: Interactive Video / Drag-and-Drop
+
+## Learning Objective:
+Students will be able to identify the inputs and outputs of photosynthesis on a plant cell diagram.
+
+## Interaction Design:
+1. Display plant cell diagram with labeled areas
+2. Learner drags labels (CO2, H2O, Sunlight, Glucose, O2) to correct positions
+3. Immediate feedback: "Correct! Carbon dioxide enters through the stomata" or "Try again - think about what plants breathe out"
+4. Allow 3 attempts before showing correct answer
+
+## Accessibility:
+- Keyboard navigation enabled
+- Screen reader descriptions for all elements
+- Color-blind friendly (use shapes + colors)
+- Alternative text-based version available
+```
+
+## Example 3: SCORM Package Manifest
+
+```xml
+<?xml version="1.0" encoding="UTF-8"?>
+<manifest identifier="photosynthesis_intro_v1" version="1.0">
+  <organizations default="photosynthesis_org">
+    <organization identifier="photosynthesis_org">
+      <title>Introduction to Photosynthesis</title>
+      <item identifierref="photosynthesis_sco">
+        <title>Photosynthesis Overview</title>
+      </item>
+    </organization>
+  </organizations>
+  <resources>
+    <resource identifier="photosynthesis_sco" type="webcontent" href="index.html">
+      <file href="index.html"/>
+      <file href="video/photosynthesis.mp4"/>
+      <file href="css/styles.css"/>
+      <file href="js/interactions.js"/>
+    </resource>
+  </resources>
+</manifest>
+```
+</examples>