PRIDE feat. Marsha P. Johnson — interactive Stonewall history engine

Pay It No Mind. Pride started with a riot and the riot started with Marsha.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

README.md

@@ -0,0 +1,66 @@
+---
+title: "PRIDE — It Started With a Brick and the Brick Was Marsha's"
+emoji: "\u2B55"
+colorFrom: red
+colorTo: purple
+sdk: gradio
+sdk_version: "5.34.2"
+app_file: app.py
+pinned: false
+license: mit
+short_description: "Pay It No Mind."
+tags:
+  - history
+  - pride
+  - stonewall
+  - civil-rights
+  - build-small-hackathon
+---
+
+# PRIDE feat. Marsha P. Johnson
+
+**Pay It No Mind.**
+
+An interactive history engine about Stonewall, the riot that became a movement, and the woman who threw the first brick.
+
+## What It Is
+
+Walk through the Stonewall timeline — forward from the raid to the marches, backward from today to the moment everything changed. Every stop on the timeline tells you what happened, who was there, and who got the credit they deserved (and who didn't).
+
+This isn't a summary. It's a walk through the night of June 28, 1969, and every night since.
+
+## Marsha P. Johnson
+
+The P stands for "Pay It No Mind."
+
+Black trans woman. Threw the first brick (or the first shot glass, depending on who you ask — she was there either way and she didn't flinch). Co-founded STAR (Street Transvestite Action Revolutionaries) with Sylvia Rivera. Fed homeless queer youth out of her own pocket. Marched, organized, performed, survived.
+
+Found dead in the Hudson River in 1992. NYPD ruled it suicide. Nobody believed them. The case was reopened in 2012. Still unresolved.
+
+Pride started with a riot and the riot started with Marsha. The parade exists because she threw something first.
+
+## The Timeline
+
+- **Before Stonewall** — the raids, the laws, the Mattachine Society, the Sip-In, the world that made the riot inevitable
+- **June 28, 1969** — the raid on the Stonewall Inn, the crowd that didn't scatter, the brick, the nights that followed
+- **The Aftermath** — Gay Liberation Front, STAR House, the first Christopher Street Liberation Day March (June 28, 1970)
+- **The Long Road** — Harvey Milk, the AIDS crisis, ACT UP, Don't Ask Don't Tell, marriage equality, the names that got remembered and the names that got erased
+- **Today** — where the fight is now, what's been won, what's under threat, and why Marsha still matters
+
+## The Stack
+
+- **Model:** NVIDIA Nemotron Nano Omni with full historical fallback
+- **Framework:** Gradio
+- **Sources:** Stonewall National Museum archives, NYC LGBT Historic Sites Project, "Pay It No Mind: Marsha P. Johnson" (2012 documentary), Martin Duberman's "Stonewall" (1993)
+
+## The Rule
+
+Pride is not a brand. It's not a parade float with a bank logo on it. It's a brick through a window thrown by a Black trans woman who had nothing left to lose and everything to fight for.
+
+This app exists so nobody forgets that.
+
+---
+
+Free dev tools at [Hometree](https://heuremenforprofit.online).
+
+**Heuremen LLC** — Build Small Hackathon 2026 — Builder: Wayfinder6

app.py

@@ -0,0 +1,330 @@
+"""
+PRIDE feat. Marsha P. Johnson — Interactive Stonewall History Engine
+Pay It No Mind.
+
+Walk the timeline forward or backward. Every stop tells you what happened,
+who was there, and who got the credit they deserved.
+
+Pride started with a riot. The riot started with Marsha.
+"""
+
+import gradio as gr
+import os
+from openai import OpenAI
+
+# --- NVIDIA Nemotron ---
+NVIDIA_API_KEY = os.environ.get("NVIDIA_API_KEY", "")
+NEMOTRON_MODEL = "nvidia/nemotron-3-nano-omni-30b-a3b-reasoning"
+
+nvidia_client = None
+if NVIDIA_API_KEY:
+    nvidia_client = OpenAI(
+        base_url="https://integrate.api.nvidia.com/v1",
+        api_key=NVIDIA_API_KEY,
+    )
+    print("NVIDIA Nemotron connected.")
+else:
+    print("No NVIDIA_API_KEY — running in fallback mode.")
+
+
+# --- Timeline Data ---
+TIMELINE = [
+    {
+        "year": "1950s",
+        "title": "Before the Brick",
+        "period": "before",
+        "content": """The 1950s and early 60s were a war on queer existence. The Lavender Scare purged gay and lesbian federal employees alongside the Red Scare. Being gay was a felony in every state. The American Psychiatric Association classified homosexuality as a mental disorder. Police raided gay bars routinely — not to enforce laws, but to humiliate. Patrons were arrested, photographed, and their names published in newspapers. Careers ended. Families disowned. Suicides followed.
+
+The Mattachine Society (1950) and the Daughters of Bilitis (1955) were the first organized resistance — but they operated in suits and ties, asking politely for tolerance. The strategy was assimilation: prove we're just like you. It didn't work, but it planted seeds."""
+    },
+    {
+        "year": "1966",
+        "title": "The Sip-In",
+        "period": "before",
+        "content": """Three years before Stonewall, four members of the Mattachine Society walked into Julius' Bar in Greenwich Village and announced they were gay, then ordered drinks. New York State Liquor Authority regulations effectively banned serving gay customers — bars could lose their license for having a 'disorderly' (read: gay) clientele.
+
+The bartender refused to serve them. They had a reporter and a photographer ready. The story ran. The SLA was forced to clarify that being gay wasn't, technically, grounds to refuse service. It was a small crack in a big wall. Julius' Bar is still open. It's the oldest gay bar in New York City."""
+    },
+    {
+        "year": "June 28, 1969",
+        "title": "The Raid",
+        "period": "stonewall",
+        "content": """1:20 AM. Eight plainclothes officers from the NYPD Public Morals Squad entered the Stonewall Inn at 51-53 Christopher Street. Standard raid — check IDs, arrest anyone in 'gender-inappropriate clothing,' shut it down, move on. They'd done it hundreds of times before.
+
+The Stonewall Inn was run by the Mafia. It was one of the few places in New York where queer people could dance together. No liquor license. Watered-down drinks at inflated prices. The toilets barely worked. It was filthy and it was theirs.
+
+That night, the crowd didn't scatter. They watched the police load patrons into the paddy wagon. They watched a lesbian fight back as she was dragged to the car. Someone threw a coin. Then a bottle. Then a brick.
+
+The police barricaded themselves INSIDE the bar. The crowd — street queens, butch lesbians, homeless queer youth, drag queens, and the people who had nothing left to lose — surrounded it. They tried to set it on fire. The Tactical Patrol Force was called in. It took hours to disperse the crowd.
+
+They came back the next night. And the next. For six days."""
+    },
+    {
+        "year": "June 28, 1969",
+        "title": "Marsha",
+        "period": "stonewall",
+        "content": """Marsha P. Johnson was 23 years old. Black. Trans. From Elizabeth, New Jersey. She'd been living in Greenwich Village since she was 17, surviving on the street, doing sex work, performing in drag.
+
+The P stood for 'Pay It No Mind.' That's what she said when people asked about her gender.
+
+Whether she threw the first brick, the first shot glass, or was simply one of the first to fight back depends on who's telling the story. What nobody disputes: she was there, she didn't run, and she fought. Multiple witnesses put her at the front.
+
+After Stonewall, she and Sylvia Rivera founded STAR — Street Transvestite Action Revolutionaries. They opened STAR House, a shelter for homeless trans youth in a trailer truck in Greenwich Village. Marsha paid for it with sex work money. They fed kids. They kept people alive.
+
+Marsha P. Johnson was found dead in the Hudson River on July 6, 1992. She was 46. The NYPD ruled it suicide. Her friends said she'd been harassed in the days before. Witnesses reported seeing her with a group before she disappeared. The case was reopened in 2012. It remains unsolved.
+
+The first Pride parade exists because Marsha P. Johnson threw something at a cop and didn't apologize."""
+    },
+    {
+        "year": "1970",
+        "title": "The First March",
+        "period": "after",
+        "content": """June 28, 1970. One year after the raid. The Christopher Street Liberation Day March — the first Gay Pride march in U.S. history. It started at the Stonewall Inn and marched north to Central Park.
+
+There were no floats. No corporate sponsors. No bank logos. Just people walking together in daylight for the first time, some of them openly, some of them terrified, all of them alive.
+
+Simultaneous marches happened in Los Angeles, San Francisco, and Chicago. The movement had legs.
+
+Craig Rodwell, Fred Sargeant, Ellen Broidy, and Linda Rhodes organized the New York march. Marsha and Sylvia were there. They were always there."""
+    },
+    {
+        "year": "1970s",
+        "title": "The Movement Builds",
+        "period": "after",
+        "content": """The Gay Liberation Front formed within weeks of Stonewall. The Gay Activists Alliance followed. For the first time, queer people had organizations that didn't ask for tolerance — they demanded rights.
+
+Harvey Milk was elected to the San Francisco Board of Supervisors in 1977 — the first openly gay elected official in California. He was assassinated in 1978 by Dan White, a fellow supervisor. White got voluntary manslaughter. Five years. The White Night Riots followed.
+
+Meanwhile, Marsha and Sylvia kept running STAR House. They were pushed to the margins of the movement they helped start. The 'respectable' gay rights organizations didn't want trans women and street queens at the front anymore. Sylvia Rivera was booed off the stage at a 1973 Pride rally for talking about trans prisoners. The movement that started with a brick was already forgetting who threw it."""
+    },
+    {
+        "year": "1981-1996",
+        "title": "The Plague",
+        "period": "after",
+        "content": """AIDS killed a generation. The government watched. Reagan didn't say the word 'AIDS' publicly until 1985 — four years and thousands of deaths into the epidemic. By 1995, one in nine gay men in New York City had been diagnosed.
+
+ACT UP (AIDS Coalition to Unleash Power) formed in 1987. Their motto: Silence = Death. They stormed the FDA, shut down Wall Street, invaded St. Patrick's Cathedral. They were furious and they were right. They forced the government to fund research, accelerate drug trials, and acknowledge that queer people were dying while politicians looked away.
+
+Marsha P. Johnson was an ACT UP member. She marched until she couldn't. She died in 1992, one year after Magic Johnson's HIV announcement brought AIDS into living rooms that had been ignoring it for a decade.
+
+The quilt. The names. The empty chairs at dinner tables. A generation of artists, activists, lovers, friends — gone. The people who survived carry that weight every day of Pride month."""
+    },
+    {
+        "year": "2015",
+        "title": "Obergefell",
+        "period": "modern",
+        "content": """June 26, 2015. The Supreme Court ruled 5-4 in Obergefell v. Hodges that same-sex couples have a constitutional right to marry. Justice Kennedy wrote the opinion.
+
+46 years from brick to wedding ring.
+
+The White House was lit in rainbow colors that night. It felt like an ending. It wasn't.
+
+Trans rights were (and remain) under sustained legislative attack. Bathroom bills, sports bans, healthcare restrictions, book bans. The movement that started with a trans woman throwing a brick at a cop had won marriage equality — for the people who looked most like the mainstream. The people who looked like Marsha were still fighting for the right to exist in public."""
+    },
+    {
+        "year": "Today",
+        "title": "Where We Are",
+        "period": "modern",
+        "content": """Pride Month is June. It's also the month with the most anti-LGBTQ+ legislation introduced in state houses across the country.
+
+Corporate Pride is a $multi-billion industry. The same companies that put rainbow logos on their products in June fund politicians who write anti-trans legislation in July. The parade has floats now. The floats have logos.
+
+Marsha P. Johnson was inducted into the National LGBTQ Wall of Honor at Stonewall in 2019. A state park in Brooklyn was named after her in 2020. Netflix made a documentary. There's a statue proposal.
+
+She lived on the street. She fed kids out of a trailer. She threw a brick at a cop. She died in a river and nobody solved it.
+
+Pride started with a riot. The riot started with Marsha. Everything since — every parade, every wedding, every kid who came out to parents who didn't disown them — traces back to a Black trans woman who had nothing and gave everything.
+
+Pay It No Mind."""
+    },
+]
+
+
+def get_era_content(era):
+    """Get all timeline entries for an era."""
+    era_map = {
+        "Before Stonewall": "before",
+        "The Stonewall Riots": "stonewall",
+        "The Aftermath": "after",
+        "The Modern Era": "modern",
+    }
+    period = era_map.get(era, "stonewall")
+    entries = [t for t in TIMELINE if t["period"] == period]
+
+    html = ""
+    for entry in entries:
+        html += f"""
+        <div class="pride-entry">
+            <div class="pride-year">{entry['year']}</div>
+            <div class="pride-title">{entry['title']}</div>
+            <div class="pride-content">{entry['content']}</div>
+        </div>
+        """
+    return html
+
+
+def ask_marsha(question):
+    """Ask a question about Stonewall history."""
+    if not question or not question.strip():
+        return ""
+
+    system = """You are a historian specializing in the Stonewall Riots and LGBTQ+ civil rights history, with particular focus on Marsha P. Johnson and Sylvia Rivera. Answer questions with historical accuracy, directness, and respect. Center marginalized voices — especially Black and brown trans women who started the movement. Don't sanitize the history. Don't both-sides it. Tell the truth.
+
+Keep answers under 200 words. Cite specific dates, names, and events when possible."""
+
+    if nvidia_client:
+        try:
+            response = nvidia_client.chat.completions.create(
+                model=NEMOTRON_MODEL,
+                messages=[
+                    {"role": "system", "content": system},
+                    {"role": "user", "content": question}
+                ],
+                max_tokens=400,
+                temperature=0.3,
+            )
+            return response.choices[0].message.content.strip()
+        except Exception:
+            pass
+
+    return "The model is resting, but the history is in the timeline above. Walk through it — Marsha's story is all there."
+
+
+# --- CSS ---
+CUSTOM_CSS = """
+@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@400;500;600&display=swap');
+
+body, .gradio-container {
+    background: #0d0d0d !important;
+    font-family: 'Inter', sans-serif !important;
+    max-width: 900px !important;
+    margin: 0 auto !important;
+}
+footer { display: none !important; }
+
+.pride-header {
+    text-align: center;
+    padding: 32px 0 20px;
+    border-bottom: 1px solid #222;
+    margin-bottom: 24px;
+}
+.pride-header h1 {
+    font-family: 'Source Serif 4', serif;
+    font-size: 3rem;
+    font-weight: 700;
+    background: linear-gradient(90deg, #E40303, #FF8C00, #FFED00, #008026, #004DFF, #750787);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    margin: 0;
+}
+.pride-header .featuring {
+    font-family: 'Source Serif 4', serif;
+    font-size: 1.2rem;
+    color: #888;
+    font-style: italic;
+    margin-top: 4px;
+}
+.pride-header .payitno {
+    font-family: 'Inter', sans-serif;
+    font-size: 0.85rem;
+    color: #555;
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+    margin-top: 8px;
+}
+
+.pride-entry {
+    padding: 24px 0;
+    border-bottom: 1px solid #1a1a1a;
+}
+.pride-entry:last-child { border-bottom: none; }
+
+.pride-year {
+    font-family: 'Inter', sans-serif;
+    font-size: 0.8rem;
+    color: #750787;
+    font-weight: 600;
+    letter-spacing: 0.15em;
+    text-transform: uppercase;
+    margin-bottom: 4px;
+}
+.pride-title {
+    font-family: 'Source Serif 4', serif;
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: #e0e0e0;
+    margin-bottom: 12px;
+}
+.pride-content {
+    font-family: 'Source Serif 4', serif;
+    font-size: 1.05rem;
+    color: #aaa;
+    line-height: 1.8;
+    white-space: pre-line;
+}
+
+button.primary {
+    background: #750787 !important;
+    color: #fff !important;
+    border: none !important;
+    font-family: 'Inter', sans-serif !important;
+}
+button.primary:hover { background: #5a0566 !important; }
+
+.gr-radio label { color: #ccc !important; }
+"""
+
+# --- App ---
+with gr.Blocks(css=CUSTOM_CSS, title="PRIDE feat. Marsha P. Johnson") as demo:
+
+    gr.HTML("""
+    <div class="pride-header">
+        <h1>PRIDE</h1>
+        <div class="featuring">feat. Marsha P. Johnson</div>
+        <div class="payitno">Pay It No Mind</div>
+    </div>
+    """)
+
+    era_picker = gr.Radio(
+        choices=["Before Stonewall", "The Stonewall Riots", "The Aftermath", "The Modern Era"],
+        value="The Stonewall Riots",
+        label="Walk the Timeline",
+    )
+
+    timeline_output = gr.HTML(value=get_era_content("The Stonewall Riots"))
+
+    era_picker.change(get_era_content, [era_picker], [timeline_output])
+
+    gr.HTML("""<div style="border-top: 1px solid #222; margin: 24px 0; padding-top: 24px;">
+        <p style="font-family: 'Source Serif 4', serif; color: #888; font-size: 1rem; text-align: center; font-style: italic;">
+            Ask a question about Stonewall, Marsha, or the movement.
+        </p>
+    </div>""")
+
+    question = gr.Textbox(
+        placeholder="Who was Sylvia Rivera? What happened at the 1973 Pride rally? Why was Stonewall run by the Mafia?",
+        label="",
+        show_label=False,
+    )
+    ask_btn = gr.Button("Ask", variant="primary")
+    answer = gr.Markdown()
+
+    ask_btn.click(ask_marsha, [question], [answer])
+    question.submit(ask_marsha, [question], [answer])
+
+    gr.HTML("""
+    <div style="text-align:center; padding: 24px 0 8px; border-top: 1px solid #222; margin-top: 24px;">
+        <p style="font-family: 'Source Serif 4', serif; color: #555; font-size: 0.9rem; font-style: italic; line-height: 1.8;">
+            Pride is not a brand. It's not a parade float with a bank logo on it.<br>
+            It's a brick through a window thrown by a Black trans woman<br>
+            who had nothing left to lose and everything to fight for.
+        </p>
+        <p style="color: #333; font-size: 0.7em; font-family: 'Inter', sans-serif; margin-top: 16px;">
+            Heuremen -- Build Small Hackathon 2026
+        </p>
+    </div>
+    """)
+
+if __name__ == "__main__":
+    demo.launch()

requirements.txt

@@ -0,0 +1,2 @@
+gradio>=4.0
+openai