Content Gating Test

This page is used to verify Feature F61: Content Gating.


1. Data Attribute Gating

The following block uses data-fleetcrew-gate="members".

🔓 Member Content (Attribute)

If you can see this, the system recognizes you as a logged-in member via the data-fleetcrew-gate attribute.

2. CSS Class Gating (Auth Only)

The following block uses the .fc-auth-only class.

✅ Auth-Only Section

This section is only visible when the data-auth-state="logged-in" attribute is set on the HTML element.

3. CSS Class Gating (Guest Only)

The following block uses the .fc-guest-only class.

👤 Guest-Only Section

This section is only visible when you are logged out (or when data-auth-state is "logged-out").