Skip to content
🏳️‍⚧️ TRANSLUX is live — Track 530+ anti-LGBTQ+ bills, organize mutual aid, and build UIs that stand for something. Support the movement →

Townhall Deep-Dive

The LGBTQ+ Rights Townhall is TRANSLUX’s crowning achievement. It combines intense socio-political tracking with the beautiful glassy aesthetic. We rebuilt it in V3 to support 12 distinct micro-social features.

The layout is a classic 3-column app, breaking away from standard documentation views.

.townhall-grid {
display: grid;
grid-template-columns: minmax(300px, 22vw) 1fr minmax(320px, 25vw);
gap: 4rem;
}
  • Amplify (Repost): The core mechanism of action-tracking.
  • Bookmarks: Storing rights-critical information.
  • Community Polls: Visual sentiment trackers.
  • Follow Features: Integrated into the Lawmakers list.
  • Mutual Aid Board: Live tracking of grassroots campaigns.
  • Local Action Network: Geolocated boots-on-the-ground updates.
  • Safety Resources: Highlighting The Trevor Project & Trans Lifeline.
  • Anti-Trans Bill Tracker: A specific focused view of passing and active bills.

The interactive rights map is pulled gracefully from a structured JSON/TS object in src/configs/map.ts. This permits zero-overhead dynamic re-rendering.