International Dance Inc.

International Dance Inc. is built with the D7460N Architecture - a browser-native, fully declarative architecture for building scalable, maintainable, and future-proof front-end systems. This implementation operates as a Single Page Application (SPA) and is designed as a Progressive Web App (PWA).

OUT OF THE BOX:

• lightweight
• browser-native
• dependency-free
• standards-first
• fully declarative
• fully 508 accessible
• fully responsive

This website eliminates runtime dependencies and avoids complex JavaScript-driven UI logic by embracing modern standards: semantic HTML, CSS state management, and data-only JavaScript modules.

• Native HTML, CSS, JS (ES Modules)
• No build tools, no transpilers, no frameworks
• Responsive, accessible, and declarative by design

✨ HIGHLIGHTS

🔹 CSS-First Architecture: Advanced state management using hidden checkboxes + CSS :checked, :has() selectors
🔹 Performance Optimized: CSS rendering 100-1000x faster than JavaScript DOM manipulation equivalents
🔹 Security Hardened: Minimal JavaScript surface reduces XSS attack vectors
🔹 Progressive Enhancement: Fully functional with JavaScript disabled
🔹 Accessibility Native: Uses semantic HTML + ARIA for 508/WCAG compliance
🔹 No dependencies: 100% browser-native
🔹 Dynamic JSON data via fetch()
🔹 Declarative single-page-application (SPA) navigation via <input type="radio"> + CSS :has() + container queries
🔹 Easily Overridden: Minimal nesting, no IDs, classes, or custom attributes in markup, CSS Layers
🔹 Component visibility logic (:empty, :has, [hidden]) based on data delivery JavaScript CRUD.
🔹 Clean separation of concerns: UI boolean logic, and JavaScript/API services.

⚠️ Architecture Note:
This project uses an intentionally sophisticated

• CSS-first pattern with <label role="button"><input type="checkbox"></label> for state management. This is NOT a mistake - it's an advanced optimization technique. See D7460N Architecture Documentation for complete architectural analysis.

🚀 TO RUN

1. Download and extract the project.
2. Open index.html in any modern browser (Chrome, Edge, Firefox, Safari).

DONE!

• No build step
  
• No compilation
  
• No problem

📂 STRUCTURE

File/Directory	Purpose
index.html	Main application entry point
/assets/css/	CSS layers for layout, typography, heuristics
CODE_OF_CONDUCT.md	Community guidelines and code of conduct
LICENSE	MIT License
SECURITY.md	Security policy and vulnerability reporting

🛠️ DEVELOPER TIPS

• Clear cache with Ctrl+Shift+R to avoid stale module loads
• Ensure the website is served over HTTP/HTTPS for optimal PWA functionality

📚 DOCUMENTATION

For detailed information about the D7460N Architecture:

• D7460N Architecture Documentation
• Architecture Decision Document (ADD)
• Agent Guidelines

🙋 NEED HELP?

Open an issue in this repository or refer to the D7460N Architecture documentation for guidance.