XR Template Sandbox

/var/www/xr-template/ — pixel-matching the XR Learning Spectrum PPTX

15 reference slides extracted from /var/www/The_XR_Learning_Spectrum.pptx. Click any card to open the side-by-side comparison page where the reference image sits next to a live HTML/CSS render. Iterate on the HTML until pixel-close, then port the markup back to XRTemplates.tsx.

Slide 1 reference

1. Dual Orb Cover

xr_dual_orb_cover

DONE
Slide 2 reference

2. Spectrum Bar

xr_spectrum_bar

TODO
Slide 3 reference

3. Comparison Grid (5-row)

xr_comparison_grid

TODO
Slide 4 reference

4. Power Grid (4 cards)

xr_power_grid

TODO
Slide 5 reference

5. Cost & Infrastructure

xr_cost_infrastructure

WIP
Slide 6 reference

6. Image Card Grid (Dark)

xr_image_card_grid · dark

WIP
Slide 7 reference

7. Image Card Grid (Light)

xr_image_card_grid · light

WIP
Slide 8 reference

8. Decision 3-Card (dark)

xr_decision_3card

TODO
Slide 9 reference

9. Decision 3-Card (light)

xr_decision_3card (variant)

TODO
Slide 10 reference

10. Infinity Flow

xr_infinity_flow

TODO
Slide 11 reference

11. Photo Process 3-Stage

xr_photo_process_3stage

TODO
Slide 12 reference

12. Infinity Loop

xr_infinity_loop

TODO
Slide 13 reference

13. Decision Funnel

xr_decision_funnel

TODO
Slide 14 reference

14. Metric Quad

xr_metric_quad

TODO
Slide 15 reference

15. Closing Door Portal

xr_closing_door

TODO