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
🔹 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.
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.
- Download and extract the project.
- Open
index.htmlin any modern browser (Chrome, Edge, Firefox, Safari).
DONE!
- No build step
- No compilation
- No problem
| 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 |
- Clear cache with
Ctrl+Shift+Rto avoid stale module loads- Ensure the website is served over HTTP/HTTPS for optimal PWA functionality
For detailed information about the D7460N Architecture:
Open an issue in this repository or refer to the D7460N Architecture documentation for guidance.