# CHEM-1312 General Chemistry II Lecture Course

**Texas State Technical College - Chemistry Department**

## 📚 Course Information

- **Course**: CHEM-1312 General Chemistry II Lecture
- **Institution**: Texas State Technical College
- **Department**: Chemistry Department
- **Instructional Designer**: Tammy ([@edutechtammy](https://github.com/edutechtammy))
- **Subject Matter Expert**: Agapito Serrato
- **Course Relationship**: Paired lecture course with CHEM-1112 General Chemistry II Lab

## 🎯 Course Description

This repository contains the lecture course materials for CHEM-1312 General Chemistry II. The course covers advanced topics in general chemistry including chemical bonding, molecular geometry, intermolecular forces, solution chemistry, chemical kinetics, equilibrium, acids and bases, and thermodynamics.

**Current Status**: Active development and content audit remediation in progress (Summer 2026 cycle). Major Module 5 restructuring completed January 2026. SME consultation guide standardization completed February 2026.

## 📂 Repository Structure

```
CHEM-1312/
├── 00-assets/                     # Shared course assets
├── 00-development-templates/       # Complete development framework
│   ├── cidilabs-components/               # CidiLabs interactive activity templates
│   │   ├── cidilabs-button-tabs-vertical.html    # Vertical tab media organization
│   │   ├── cidilabs-flipcards.html              # Concept review flashcards
│   │   ├── cidilabs-match-items.html            # Drag-and-drop matching activities
│   │   ├── cidilabs-modals.html                 # Pop-up information windows
│   │   ├── cidilabs-select-all.html             # Multi-select knowledge checks
│   │   ├── cidilabs-sort-items.html             # Categorization/sorting activities
│   │   └── order-items.html                     # Sequence ordering activities
│   ├── workflow-separation/               # Two-phase development workflow system
│   │   ├── 00-process-separation-master-guide.md
│   │   ├── 01-content-planning-phase.md
│   │   ├── 02-technical-implementation-phase.md
│   │   └── content-plan-template.md
│   ├── lesson-templates/                  # Base lesson HTML templates
│   ├── layout-patterns/                   # Design templates and patterns
│   ├── problem-types/                     # Calculation and problem templates
│   ├── quality-standards/                 # Quality assurance templates
│   ├── implementation-checklist.md        # Step-by-step development guide
│   ├── quick-reference-cards.md           # Rapid lookup for development
│   └── README.html                        # Template system documentation
├── 01-chemical-bonding-and-molecular-geometry/
│   ├── 26-1sp-originals/                    # Spring 2026 current content (live semester)
│   │   ├── m1-introduction-to-chemical-bonding-and-molecular-geometry.html
│   │   ├── m1l1-explore-lewis-structures.html
│   │   ├── m1l2-explore-molecular-geometry.html
│   │   ├── m1l3-explore-molecular-polarity.html
│   │   ├── m1l4-explore-hybridization.html
│   │   └── m1l5-explore-bonding-theory-comparison.html
│   ├── 26-2su-redesign/                     # Summer 2026 redesigned content (active development)
│   │   ├── m1-introduction-redesign.html
│   │   ├── m1l1-lewis-foundations.html      # Focused Lewis structure lesson
│   │   ├── m1l2-vsepr-geometry.html         # Dedicated VSEPR theory lesson
│   │   └── m1l3-polarity-applications.html  # Molecular polarity applications
│   ├── module1-sme-consultation-guide.html  # Professional HTML format
│   └── video-transcripts/
├── 02-intermolecular-forces-of-liquids-and-solids/
│   ├── 26-1sp-originals/                    # Spring 2026 current content
│   │   └── [current lesson files...]
│   ├── 26-2su-redesign/                     # Summer 2026 improvements
│   │   └── [redesigned content...]
│   ├── module2-sme-consultation-guide.html
│   └── video-transcripts/
├── 03-physical-and-colligative-properties-of-solutions/
│   ├── 26-1sp-originals/                    # Spring 2026 current content
│   ├── 26-2su-redesign/                     # Summer 2026 improvements
│   ├── module3-sme-consultation-guide.html
│   └── video-transcripts/
├── 04-chemical-kinetics-and-chemical-equilibrium/
│   ├── 26-1sp-originals/                    # Spring 2026 current content
│   ├── 26-2su-redesign/                     # Summer 2026 critical fixes
│   ├── module4-sme-consultation-guide.html
│   └── video-transcripts/
├── 05-acids-bases-and-solubility-equilibrium/  # Restructured (Jan 2026)
│   ├── 26-1sp-originals/                    # Spring 2026 baseline (pre-restructure)
│   ├── 26-2su-redesign/                     # Summer 2026 3-lesson structure
│   │   ├── m5-introduction-redesign.html
│   │   ├── m5l1-acid-base-foundations.html  # Theory and calculations
│   │   ├── m5l2-buffer-systems-titrations.html  # Applied systems
│   │   └── m5l3-solubility-applications.html    # Advanced applications
│   ├── current/                             # Legacy folder structure
│   ├── module5-27fa-comprehensive-redesign/ # Future video enhancement planning
│   ├── module5-sme-consultation-guide.html
│   └── video-transcripts/
├── 06-entropy,-enthalpy-and-free-energy-in-chemical-reactions-and-equilibrium-points/
│   ├── 26-1sp-originals/                    # Spring 2026 current content
│   ├── 26-2su-redesign/                     # Summer 2026 improvements
│   ├── module6-sme-consultation-guide.html
│   └── video-transcripts/
├── 07-electrochemistry-and-nuclear-chemistry/
│   ├── 26-1sp-originals/                    # Spring 2026 current content
│   ├── 26-2su-redesign/                     # Summer 2026 improvements
│   ├── module7-sme-consultation-guide.html
│   └── video-transcripts/
├── css/                                     # Shared stylesheets
├── js/                                      # Shared JavaScript files  
├── files/                                   # Course documents and resources
├── video-production-storyboards/            # Video development resources
├── content-audit-findings.html              # Comprehensive content audit results
├── chem1312-development-timeline.html       # Development planning and priorities
├── cc-and-lo-update-planning.html           # Course competency planning
├── tammy-training.html                      # Repository workflow and AI prompts guide
├── index.html                               # Course overview homepage
└── README.md                                # This file
```

### Folder Structure Logic

**Semester-Based Content Organization:**
- **26-1sp-originals/**: Current live semester content (Spring 2026) - the baseline students are experiencing
- **26-2su-redesign/**: Active development for Summer 2026 deployment - improved/restructured content
- **archive/**: Historical versions no longer used for comparison (e.g., 25FA, 24SP content)

**Format Benefits:**
- **Chronological Sorting**: Year-first format (26-1sp, 26-2su, 27-3fa) maintains proper chronological order
- **Clear Development Cycles**: Distinguish between live content and active development 
- **Version Management**: Easy to identify what students currently experience vs. what's being developed
- **Archive Strategy**: Older versions can be moved to archive/ or deleted when no longer needed for comparison

**Naming Convention:**
- **26**: Year (2026)
- **1sp**: Semester sequence (1=Spring, 2=Summer, 3=Fall)
- **originals**: Current live content
- **redesign**: Active development/improvement content

## 🔄 Semester Versioning

This repository uses semester-based branching to manage course content across different terms:

- **main**: Points to current live semester content
- **26SP**: Spring 2026 (Currently Live)
- **26SU**: Summer 2026 (Active Development) 
- **26FA**: Fall 2026 (Future Development)

### Current Status
- **Live Semester**: 26SP (Spring 2026)
- **Development Branch**: 26SU (Summer 2026)
- **Working Branch**: 26SU

## 📅 Naming Conventions

### Sprint/Semester Format
**Use year-first format for all semester references:**

- ✅ **Correct**: 26SU, 27FA, 28SP
- ❌ **Incorrect**: SU26, FA27, SP28

**Examples:**
- **File Names**: `module5-27fa-comprehensive-redesign/`
- **Branch Names**: `26SU-lesson-redesign`, `27FA-video-enhancement` 
- **Documentation**: "26SU Foundation → 27FA Professional Enhancement"
- **Project References**: "27FA comprehensive project", "26SU baseline"

**Rationale:** Year-first format provides chronological clarity and consistent sorting in file systems, version control, and documentation references.

## 🎓 Course Modules

### Module 1: Chemical Bonding and Molecular Geometry
- Ionic bonds and lattice energy
- Covalent bonding and Lewis structures
- Molecular geometry and VSEPR theory
- Hybridization and molecular orbital theory

### Module 2: Intermolecular Forces of Liquids and Solids
- Types of intermolecular forces
- Properties of liquids and solids
- Phase diagrams and transitions

### Module 3: Physical and Colligative Properties of Solutions
- Solution formation and concentration units
- Colligative properties
- Electrolyte solutions

### Module 4: Chemical Kinetics and Chemical Equilibrium
- Reaction rates and mechanisms
- Factors affecting reaction rates
- Chemical equilibrium and Le Chatelier's principle

### Module 5: Acids, Bases, and Solubility Equilibrium ⚡ *Recently Restructured*
- Acid-base theories (Brønsted-Lowry, Lewis)
- pH calculations and equilibrium systems
- Buffer solutions and Henderson-Hasselbalch equation
- Acid-base titrations and indicator selection
- Solubility equilibrium and Ksp calculations
- Complex ion formation and pH effects

*Note: Module 5 underwent major restructuring in January 2026, consolidating from fragmented content to 3 comprehensive, content-based lessons with proper pedagogical flow.*

### Module 6: Entropy, Enthalpy, and Free Energy
- Thermodynamic principles
- Entropy and the second law
- Free energy and spontaneity
- Equilibrium and thermodynamics

## 🔗 Related Repositories

- **Lab Course**: [CHEM-1112 General Chemistry II Lab](https://github.com/edutechtammy/tstc-chem-1112)
- **Shared Resources**: Many resources are coordinated between lecture and lab components

## 📋 Development Workflow

1. **Daily Development**: Work on `26SU` branch
2. **Content Updates**: Regular commits with descriptive messages
3. **Semester Transitions**: Merge completed content to appropriate semester branches
4. **Live Deployment**: Update `main` branch to point to current semester

## 📖 Documentation

### Development Documentation
- [`content-audit-findings.html`](content-audit-findings.html) - Comprehensive content audit results and improvement recommendations
- [`chem1312-development-timeline.html`](chem1312-development-timeline.html) - Priority-based development schedule and resource planning
- [`cc-and-lo-update-planning.html`](cc-and-lo-update-planning.html) - Course competency and learning objective planning
- [`tammy-training.html`](tammy-training.html) - Git workflow, repository management, and AI prompt guide
- [`00-development-templates/`](00-development-templates/) - Complete development framework with templates and guides
- [`00-development-templates/workflow-separation/`](00-development-templates/workflow-separation/) - Two-phase development system for separating content planning from technical implementation
- [`index.html`](index.html) - Course overview homepage with module navigation

### SME Consultation Guides ⚡ *Standardized Feb 2026*

**All consultation guides now in professional HTML format with TSTC branding:**
- [`module1-sme-consultation-guide.html`](01-chemical-bonding-and-molecular-geometry/module1-sme-consultation-guide.html) - Chemical Bonding Crisis Analysis
- [`module2-sme-consultation-guide.html`](02-intermolecular-forces-of-liquids-and-solids/module2-sme-consultation-guide.html) - Intermolecular Forces Strategy
- [`module3-sme-consultation-guide.html`](03-physical-and-colligative-properties-of-solutions/module3-sme-consultation-guide.html) - Solution Properties Structure Review
- [`module4-sme-consultation-guide.html`](04-chemical-kinetics-and-chemical-equilibrium/module4-sme-consultation-guide.html) - Kinetics CRITICAL Structural Errors
- [`module5-sme-consultation-guide.html`](05-acids-bases-and-solubility-equilibrium/module5-sme-consultation-guide.html) - Acids, Bases Implementation Plan
- [`module6-sme-consultation-guide.html`](06-entropy,-enthalpy-and-free-energy-in-chemical-reactions-and-equilibrium-points/module6-sme-consultation-guide.html) - Thermodynamics Analysis
- [`module7-sme-consultation-guide.html`](07-electrochemistry-and-nuclear-chemistry/module7-sme-consultation-guide.html) - Electrochemistry Review

**Features:** Crisis alerts, color-coded sections, decision matrices, implementation timelines, and responsive design.

## 🎯 Development Focus Areas

### Current Priorities (Summer 2026 - Active Development)

**26-2su-redesign Status: AWAITING CME APPROVAL** ⏳
- **Update Window**: ~4 weeks remaining (closes mid-March 2026)
- **Approval Status**: 
  - ✅ Dean of Academics (DA): Full redesign approved
  - ⏳ Chief Medical Educator (CME): Final approval pending
- **Implementation Plan**:
  - Pre-approved elements: Being integrated now
  - Full redesign: On hold pending CME approval
  - **Contingency**: If CME approval not received by window closure, 26-2su-redesign content will transition to 27-3fa-redesign planning folder

**Priority Items:**
- [x] **Module 5 Restructure** - Complete restructure from 2 to 3 content-based lessons ✅ *Completed Jan 2026*
- [x] **Content Audit** - Comprehensive audit of all 7 modules ✅ *Completed Jan 2026*
- [x] **Process Improvement** - Two-phase workflow separation system ✅ *Completed Feb 2026*
- [x] **Key Takeaways Standard** - CME/DA mandated lesson conclusion format ✅ *Completed Feb 20, 2026*
- [ ] **Module 5 Pre-Approved Elements** - Adding approved components during window
- [ ] **Module 5 Implementation Gap Resolution** - Interactive activities and calculation practice *(pending full approval)*
- [ ] **Module 4 Critical Fixes** - Missing learning objectives and content realignment
- [ ] **Module 1 Content-Objective Realignment** - Major content gaps and redistribution
- [ ] **Assessment rubric development** - Standardized evaluation criteria
- [ ] **Interactive element integration** - CidiLabs and engagement tools
- [ ] **Cross-referencing with lab materials** - CHEM-1112 coordination

### Recent Accomplishments (January-February 2026)

**January 2026:**
- ✅ **Module 5 Crisis Resolution**: Successfully restructured from academic crisis to functional 3-lesson format
- ✅ **Video Content Organization**: 13 videos properly distributed across lessons with transcript summaries
- ✅ **Learning Objective Gap Analysis**: Identified specific implementation needs for LO5.1.1 and LO5.1.2
- ✅ **Pedagogical Flow Improvement**: Eliminated content fragmentation through content-based lesson organization

**February 2026:**
- ✅ **SME Consultation Guide Standardization**: Converted all 7 modules from Markdown to professional HTML format
- ✅ **Professional Documentation Design**: Implemented TSTC branding, crisis alerts, and interactive elements
- ✅ **Content Analysis Completion**: Detailed structural analysis for Modules 1-4 with priority recommendations
- ✅ **Video Storyboard Development**: Created professional video production templates with pedagogical enhancements
- ✅ **Strategic Video Splitting Implementation**: Transformed comprehensive videos into 5 focused pieces for dual-purpose 26SU/27FA usage
- ✅ **Semester Format Standardization**: Implemented year-first naming convention (27FA vs FA27) across all project components
- ✅ **Workflow Separation System**: Developed two-phase development process to separate content planning from technical implementation
- ✅ **AI Prompt Enhancement**: Updated training guide with Phase 1 (content) and Phase 2 (technical) prompt options for improved AI assistance
- ✅ **Key Takeaways Institutional Standard**: Implemented CME/DA mandated lesson conclusion format (fas fa-key icon, "Key Takeaways" heading) across all templates and Module 5 lessons
- ⏳ **26-2su-redesign Approval Process**: DA approved full redesign; awaiting final CME approval (~4 weeks window remaining)

## 🎬 Strategic Video Production Approach

### Dual-Purpose Video Strategy (26SU → 27FA)
**Philosophy**: Create videos that serve immediate 26SU educational needs while positioning for 27FA professional enhancement

**Module 5 Strategic Split (5-Video Approach):**
- **Video 006A**: Strong vs. Weak Concepts (3:45) - Foundational theory
- **Video 006B**: Big Six Memorization (2:30) - **HIGHEST ROI for professional production**
- **Video 006C**: Weak Acid Patterns (4:15) - Quantitative analysis
- **Lewis-01**: Theory Foundations (2:45) - Beyond Brønsted-Lowry
- **Lewis-02**: Advanced Mechanisms (3:30) - Complex applications

**Key Advantages:**
- ✅ **No remake requirements** - content serves both semesters
- ✅ **Maximum ROI focus** - Video 006B identified as flagship enhancement target
- ✅ **Flexible lesson placement** - videos work independently or together
- ✅ **Professional production readiness** - clear enhancement pathways established

### Development Pipeline (Feb-Jul 2026)
| Priority | Module | Issue Type | Timeline | Status |
|----------|--------|------------|----------|--------|
| 🟡 HIGH | Module 5 | Implementation Gaps | Feb-Mar 2026 | In Planning |
| 🔴 CRITICAL | Module 4 | Missing LOs | Mar-Apr 2026 | Pending |
| 🟡 HIGH | Module 1 | Content Mismatch | Apr-May 2026 | Pending |
| 🟢 MEDIUM | Modules 2,3,6 | Optimization | May-Jul 2026 | Pending |

### Quality Standards
- Clear learning objectives for each module
- Accessible content design
- Consistent formatting and structure
- Regular content reviews and updates

## 🎨 Established Lesson Design Patterns

### ⚡ Module 5 Success Framework (M5L1, M5L2, M5L3)
**Successfully implemented comprehensive lesson design framework February 2026**

#### Core Pedagogical Architecture
```
Lesson Structure Pattern:
├── Introduction (Lead Paragraph)
├── Accordion Overview Panels
│   ├── What You Will Learn (LO mapping + success strategies)
│   └── What You Will Read (Structured reading assignments)
├── Vertical Tab Media Sections (dp-tabs-buttons-vertical)
├── Master Concept Decision Trees/Flowcharts
├── Progressive Calculation Problems (6 problems per lesson)
│   ├── Basic (Red: #d13138)
│   ├── Intermediate (Orange: #ff8c00) 
│   └── Advanced (Dark Red: #8b0000)
├── Real-World Applications with Context
├── Interactive Activities (Sorting/Matching)
└── Integration/Summary Sections
```

#### Proven Design Elements

**1. Vertical Button Tabs for Media Organization**
- **Class**: `dp-tabs-buttons-vertical dp-panel-color-dp-primary`
- **Purpose**: Organize videos/media by concept progression
- **Example**: M5L2 tabs → Common Ion Effect → Buffer Systems → Titrations

**2. Accordion Solution Panels**
- **Class**: `dp-accordion-default dp-panel-active-color-dp-primary`
- **Purpose**: Step-by-step calculation walkthroughs
- **Header**: White text on #1D2757 background for visibility

**3. Progressive Problem Difficulty System**
- **Basic Problems**: `background-color: #d13138` (Red badge)
- **Intermediate**: `background-color: #ff8c00` (Orange badge)  
- **Advanced**: `background-color: #8b0000` (Dark red badge)
- **Structure**: Problem statement → Accordion solution with detailed steps

**4. Light Blue Summary/Concept Boxes**
- **Style**: `background-color: #e8f4f8; border: 2px solid #1d2757`
- **Purpose**: Highlight key decision trees, master concepts, integration points
- **Success Pattern**: Used for Henderson-Hasselbalch applications, Ksp decision trees

**5. Interactive CidiLabs Activities**
- **Sorting**: `dp-si-sort-pool dp-si-sort-type-text`
- **Purpose**: Reinforce concept categorization and application matching
- **Examples**: Lewis acid/base sorting, solubility principle matching

#### CidiLabs Activity Template Library

**Location**: `/00-development-templates/cidilabs-components/` - Complete template collection for interactive activities

**Available Templates & Use Cases**:

| Template | File | Best Used For | Chemistry Applications |
|----------|------|---------------|----------------------|
| **Vertical Tabs** | `cidilabs-button-tabs-vertical.html` | Media organization by concept | Video series, step-by-step procedures |
| **Sorting Activities** | `cidilabs-sort-items.html` | Categorization tasks | Lewis acids/bases, reaction types, compound classification |
| **Matching Activities** | `cidilabs-match-items.html` | Concept-application pairing | Equations to applications, structures to properties |
| **Flip Cards** | `cidilabs-flipcards.html` | Definition/formula review | Constants, formulas, key concepts |
| **Select All** | `cidilabs-select-all.html` | Multiple correct answers | Properties identification, applicable principles |
| **Order Items** | `order-items.html` | Sequential processes | Reaction mechanisms, procedural steps |
| **Modal Windows** | `cidilabs-modals.html` | Detailed explanations | Complex diagrams, supplementary information |

**Selection Guide for Chemistry Content**:

- **Concept Classification** → Use **Sorting Activities** (acids/bases, ionic/covalent, etc.)
- **Application Matching** → Use **Match Items** (equations to real-world scenarios)
- **Process Learning** → Use **Order Items** (titration steps, equilibrium shifts)
- **Quick Review** → Use **Flip Cards** (formulas, definitions)
- **Property Identification** → Use **Select All** (characteristics of solutions)
- **Media Organization** → Use **Vertical Tabs** (related video content)
- **Supplementary Info** → Use **Modal Windows** (detailed explanations)

**Implementation Examples from Module 5**:
- **M5L2**: Titration curve interpretation matching activity
- **M5L3**: Lewis acid/base component sorting, solubility principle matching
- **Media Tabs**: Used throughout for organizing conceptual video progression

**Template Integration Process**:
1. **Identify learning objective** requiring interactive reinforcement
2. **Select appropriate template** based on cognitive task (classify, match, sequence, etc.)
3. **Adapt template content** to specific chemistry concepts and terminology
4. **Test interactivity** for proper functionality and accessibility
5. **Integrate with lesson flow** for optimal pedagogical impact

#### Video Transcript Resource Library

**Location**: Multiple modules contain comprehensive video transcripts - essential for content development

**Available Transcript Collections**:
- **Module 1**: `/video-transcripts/l1-l4-video-transcripts/` - Organized by lesson folders
- **Module 5**: `/video-transcripts/` - 15 numbered transcripts with JSON cross-reference
- **Quality**: Full SME explanations with concepts, examples, calculations, and teaching context
- **Organization**: Numbered sequences with descriptive filenames and cross-reference systems

**Critical Development Value**:
| Content Type | Transcript Use | Implementation |
|--------------|----------------|----------------|
| **Concept Explanations** | Extract SME's teaching language and examples | Direct adaptation for lesson text |
| **Calculation Examples** | Mine step-by-step problem solutions | Create progressive problem series |
| **Real-World Context** | Capture practical applications and scenarios | Develop application boxes and examples |
| **Assessment Questions** | Identify key concept relationships | Design interactive sorting/matching activities |
| **Terminology** | Extract precise scientific language | Ensure consistent vocabulary usage |
| **Common Misconceptions** | Note SME's explanatory emphasis points | Address in FAQ sections and clarifications |

**Transcript Mining Strategy for Lesson Development**:
1. **Read transcripts first** before designing lesson structure - understand SME's pedagogical approach
2. **Extract key examples** and use as foundation for calculation problems
3. **Identify concept relationships** mentioned by SME for interactive activity design
4. **Capture teaching sequences** to maintain logical flow in lesson progression
5. **Mine real-world applications** that SME emphasizes for context boxes
6. **Note SME's language patterns** for consistent terminology throughout lessons

**Integration with Design Patterns**:
- **Progressive Problems**: Use transcript calculations as foundation for difficulty progression
- **Decision Trees**: Extract SME's problem-solving approaches for flowchart development
- **Real-World Applications**: Capture SME's practical examples for context integration
- **Cross-Lesson References**: Identify connections SME makes between concepts

This transcript library is invaluable for maintaining SME voice and ensuring content accuracy while developing comprehensive interactive lessons.

#### Content Integration Strategies

**Cross-Lesson References**: 
- M5L1 Lewis theory → M5L3 complex ion formation
- M5L2 Henderson-Hasselbalch → M5L3 pH-solubility calculations
- Module summary ties all concepts together systematically

**Real-World Application Categories**:
- **Biological**: Blood buffers, kidney stones, antacid effectiveness
- **Environmental**: Cave formation, acid rain effects, water treatment
- **Industrial**: Metal recovery, photographic chemistry, analytical separation
- **Medical**: Acidosis scenarios, drug solubility, buffer capacity

#### Calculation Problem Pedagogy

**Systematic Problem-Solving Framework**:
1. **Problem identification** (What are you calculating?)
2. **Equilibrium expressions** (Write appropriate equations)
3. **ICE table setup** or specialized equation application
4. **Step-by-step solution** with clear mathematical progression
5. **Real-world interpretation** connecting to practical applications

**Successful Problem Series Examples**:
- **M5L2**: Common ion → Buffer preparation → Buffer capacity → Titration analysis
- **M5L3**: Basic Ksp → Precipitation prediction → pH effects → Complex ion enhancement

#### Technical Implementation Notes

**Bootstrap Integration**: Uses Bootstrap 5.3.2 with custom CSS classes
**Color Scheme**: Consistent #1d2757 primary color throughout
**Responsive Design**: All elements tested for mobile compatibility
**Accessibility**: Proper aria-labels and semantic HTML structure

### 🔄 Replication Guidelines for Future Lessons

**Phase 1: Content Analysis**
1. Map learning objectives to specific problem-solving skills
2. Identify 2-3 major concept groupings for vertical tabs
3. Plan 6 progressive problems (2 basic, 2 intermediate, 2 advanced)

**Phase 2: Structure Implementation**
1. Create accordion overview with LO mapping and success strategies
2. Build vertical tab media sections following conceptual progression
3. Develop master concept boxes with decision trees/flowcharts

**Phase 3: Problem Development**
1. Design calculation series with increasing complexity
2. Create detailed accordion solutions with step-by-step explanations
3. Connect each problem to real-world applications

**Phase 4: Integration & Activities**
1. Add interactive sorting/matching activities for concept reinforcement
2. Create cross-lesson references and integration summaries
3. Include module-level synthesis for comprehensive understanding

**Quality Assurance Checklist**:
- [ ] All 6 difficulty badges properly color-coded
- [ ] Accordion panels have consistent header styling
- [ ] Vertical tabs use proper dp-tabs-buttons-vertical class
- [ ] Real-world applications span biological/environmental/industrial domains
- [ ] Interactive activities include proper CidiLabs markup
- [ ] Cross-lesson references maintain pedagogical flow
- [ ] Bootstrap responsiveness tested across devices

This framework has proven highly effective for complex chemistry content and can be adapted for all remaining course modules.

## 📞 Contact Information

**Instructional Designer**: Tammy  
**GitHub**: [@edutechtammy](https://github.com/edutechtammy)

**Subject Matter Expert**: Agapito Serrato  
**Department**: Chemistry, Texas State Technical College

---

## 🔒 Repository Access

This repository contains TSTC course content and is maintained as a public repository. Eventually, access will be  restricted to authorized course development team members.

**Last Updated**: February 6, 2026  
**Current Development Branch**: 26SU  
**Recent Major Update**: Two-phase workflow separation system implemented (Feb 6, 2026), Module 5 comprehensive lesson framework established (Feb 2026), SME consultation guide standardization (Feb 2026)