Files
insertr/demos
Joakim 00c2ba34e6 feat: Implement syntactic sugar and site-specific discovery config
- Add syntactic sugar for container transformation: .insertr containers → children get .insertr
- Fix discovery auto-running when disabled with site-specific config loading
- Add comprehensive styling test examples for HTML attribute preservation
- Include test input for syntactic sugar validation
- Update discovery defaults to respect developer intent (disabled by default)
2025-09-19 15:57:28 +02:00
..

Test Sites Collection

This directory contains a collection of real-world websites for testing insertr CMS functionality across different site types, CSS frameworks, and complexity levels.

Directory Structure

  • simple/ - Simple sites with vanilla CSS and minimal layouts
  • framework-based/ - Sites using CSS frameworks (Bootstrap, Tailwind, etc.)
  • complex/ - Complex layouts with advanced interactions
  • templates/ - Template files for new test sites
  • scripts/ - Automation utilities for downloading and enhancing sites
  • results/ - Testing results, reports, and documentation

Site Categories

Simple Sites

  • dan-eden-portfolio - Clean personal portfolio with minimal styling
  • github-pages-simple - Basic GitHub Pages site with standard layout

Framework-Based Sites

  • bootstrap-docs - Bootstrap documentation sections
  • tailwind-landing - Tailwind CSS marketing pages

Complex Sites

  • stripe-product - Enterprise product pages with rich content
  • linear-features - Modern SaaS feature pages

Testing Process

  1. Download - Use scripts to fetch HTML and assets
  2. Enhance - Add insertr classes to content sections
  3. Test - Verify functionality across different layouts
  4. Document - Record results and compatibility notes

Each Site Includes

  • Original HTML files
  • assets/ directory with CSS, JS, and images
  • README.md with site-specific testing notes
  • insertr-config.json with enhancement configuration