initial commit

README.md

@@ -0,0 +1,28 @@
+---
+title: History Contextualizer
+emoji: 📰
+colorFrom: yellow
+colorTo: gray
+sdk: gradio
+app_file: app.py
+license: mit
+short_description: Every "unprecedented" thing has a receipt.
+---
+
+# History Contextualizer — Every "Unprecedented" Thing Has a Receipt
+
+Name something happening right now. See when it happened before.
+
+## What this is
+
+AI taking jobs. Housing nobody can afford. Book banning. Political polarization. Everyone addicted to screens. Feels new, right?
+
+It's not. This finds the specific year, place, and people where the same thing played out. Not "throughout history" — a specific moment. The parallel. The receipt.
+
+## How it works
+
+Type something happening right now that feels unprecedented. Or leave it blank and it'll pick one. The model pulls the historical receipt — the specific moment this exact thing happened before. No moralizing. No lessons. Just the fact that you're not the first person standing here.
+
+---
+
+Heuremen — Let's stay connected and keep information free.

app.py

@@ -0,0 +1,232 @@
+"""
+History Contextualizer — Every "Unprecedented" Thing Has a Receipt.
+Name something happening now. See when it happened before.
+"""
+
+import gradio as gr
+import os
+import random
+from huggingface_hub import InferenceClient
+
+HF_TOKEN = os.environ.get("HF_TOKEN", "")
+MODEL = "mistralai/Mistral-7B-Instruct-v0.3"
+
+client = InferenceClient(model=MODEL, token=HF_TOKEN) if HF_TOKEN else None
+
+SYSTEM_PROMPT = """Someone describes something happening in the world right now — politically, socially, culturally, economically, technologically. Your job is to show them when this exact thing happened before. The parallel. The receipt.
+
+Rules:
+- 4 to 5 sentences. No more.
+- Be specific. Name the year, the place, the people. Not "throughout history" — give a specific moment.
+- Show the parallel clearly. What rhymes between then and now.
+- Don't moralize. Don't say what should happen. Just show what did happen last time.
+- The point isn't "history repeats itself." The point is "you're not the first person standing here."
+- Talk like a friend who stayed up reading Wikipedia until 3am, not a history teacher.
+- No "many scholars argue." No hedging. Just show the receipt."""
+
+EVENTS = [
+    "AI taking people's jobs",
+    "billionaires going to space",
+    "book banning",
+    "culture war over what kids learn in school",
+    "distrust in the media",
+    "everyone addicted to their phones",
+    "housing prices nobody can afford",
+    "inflation making groceries expensive",
+    "misinformation spreading faster than truth",
+    "political polarization",
+    "people leaving cities for small towns",
+    "a pandemic changing everything",
+    "student debt crisis",
+    "social media making people depressed",
+    "wealth gap growing",
+    "people not trusting elections",
+    "new technology scaring everyone",
+    "a generation that can't afford to have kids",
+    "empire in decline",
+    "workers demanding better conditions",
+]
+
+FALLBACKS = [
+    "**AI taking people's jobs**\n\nIn 1830, a group of English textile workers called the Luddites smashed weaving machines with hammers because the machines were replacing them. They weren't wrong — the machines did replace them. But their grandchildren worked jobs that didn't exist yet when the hammers came out. The fear was real. The future was just unrecognizable from where they were standing. Same spot you're in right now.",
+    "**billionaires going to space**\n\nIn the 1490s, the richest families in Europe funded ships to cross the Atlantic. They said it was about discovery. It was about getting their name on something bigger than money could buy on land. Bezos and Musk aren't astronauts. They're the Medicis with better rockets. The pitch hasn't changed in 500 years — it's still 'exploration' that happens to come with a flag and a tax break.",
+    "**everyone addicted to their phones**\n\nWhen novels became cheap enough for regular people to buy in the 1800s, doctors warned that reading fiction was destroying young minds — especially women's. They called it a public health crisis. The concern was real: people were ignoring their families, staying up all night, living in fantasy worlds. Sound familiar? The screen changed. The worry about it didn't.",
+]
+
+
+def contextualize(user_input):
+    event = user_input.strip() if user_input and user_input.strip() else random.choice(EVENTS)
+    prompt = f"Something happening right now: {event}"
+
+    if client:
+        try:
+            response = client.chat_completion(
+                messages=[
+                    {"role": "system", "content": SYSTEM_PROMPT},
+                    {"role": "user", "content": prompt},
+                ],
+                max_tokens=400,
+                temperature=0.8,
+            )
+            result = response.choices[0].message.content
+            if not result or not result.strip():
+                return random.choice(FALLBACKS)
+            return f"**{event}**\n\n{result.strip()}"
+        except Exception:
+            return random.choice(FALLBACKS)
+    else:
+        return random.choice(FALLBACKS)
+
+
+def clear():
+    return "", ""
+
+
+CUSTOM_CSS = """
+@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@300;400;500;600&display=swap');
+
+body, .gradio-container {
+    background: #0a0806 !important;
+    font-family: 'Inter', sans-serif !important;
+    color: #d8d0c0 !important;
+}
+footer { display: none !important; }
+
+.app-header {
+    text-align: center;
+    padding: 28px 20px 8px;
+}
+.app-header h1 {
+    font-family: 'Space Mono', monospace;
+    font-size: 2.2rem;
+    font-weight: 700;
+    background: linear-gradient(135deg, #a08060, #d0b080);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    margin: 0;
+}
+.app-header .sub {
+    color: #7a7060;
+    font-size: 0.88rem;
+    margin-top: 6px;
+    font-weight: 300;
+    letter-spacing: 0.04em;
+}
+
+.app-visual {
+    text-align: center;
+    font-size: 5rem;
+    padding: 12px 0 4px;
+    filter: drop-shadow(0 0 20px rgba(160, 128, 96, 0.3));
+}
+
+.input-box textarea {
+    background: #141008 !important;
+    border: 1px solid rgba(160, 128, 96, 0.25) !important;
+    color: #d8d0c0 !important;
+    font-family: 'Inter', sans-serif !important;
+    border-radius: 12px !important;
+    font-size: 0.95rem !important;
+}
+.input-box textarea::placeholder { color: #7a7060 !important; }
+.input-box textarea:focus {
+    border-color: #a08060 !important;
+    box-shadow: 0 0 20px rgba(160, 128, 96, 0.15) !important;
+}
+
+.input-box label, .output-box label {
+    color: #7a7060 !important;
+    font-family: 'Space Mono', monospace !important;
+    font-size: 0.75rem !important;
+    letter-spacing: 0.05em !important;
+}
+
+button.primary {
+    background: linear-gradient(135deg, #a08060, #806040) !important;
+    border: none !important;
+    color: #fff !important;
+    font-family: 'Space Mono', monospace !important;
+    font-size: 1.1rem !important;
+    font-weight: 700 !important;
+    border-radius: 24px !important;
+    padding: 12px 40px !important;
+    box-shadow: 0 4px 20px rgba(160, 128, 96, 0.3) !important;
+}
+button.primary:hover {
+    box-shadow: 0 4px 30px rgba(160, 128, 96, 0.5) !important;
+}
+
+button.secondary {
+    background: transparent !important;
+    border: 1px solid rgba(160, 128, 96, 0.3) !important;
+    color: #a08060 !important;
+    font-family: 'Space Mono', monospace !important;
+    font-size: 0.8rem !important;
+    border-radius: 20px !important;
+}
+button.secondary:hover {
+    background: rgba(160, 128, 96, 0.1) !important;
+}
+
+.output-box .prose {
+    background: #141008 !important;
+    border: 1px solid rgba(160, 128, 96, 0.15) !important;
+    border-radius: 12px !important;
+    padding: 24px !important;
+    color: #d8d0c0 !important;
+    font-size: 0.95rem !important;
+    line-height: 1.7 !important;
+}
+.output-box .prose strong {
+    color: #d0b080 !important;
+    font-family: 'Space Mono', monospace !important;
+}
+
+.footer-text {
+    text-align: center;
+    padding: 20px;
+    color: #7a7060;
+    font-size: 0.65rem;
+    font-weight: 300;
+    letter-spacing: 0.05em;
+}
+.footer-text a { color: #a08060; text-decoration: none; }
+"""
+
+with gr.Blocks(css=CUSTOM_CSS, title="History Contextualizer", theme=gr.themes.Base()) as demo:
+
+    gr.HTML("""
+    <div class="app-header">
+        <h1>History Contextualizer</h1>
+        <div class="sub">Every "unprecedented" thing has a receipt</div>
+    </div>
+    <div class="app-visual">📰</div>
+    """)
+
+    with gr.Column(elem_classes="input-box"):
+        user_input = gr.Textbox(
+            label="What's happening right now that feels new?",
+            placeholder="AI taking jobs, housing crisis, book banning, political polarization...",
+            lines=1,
+            max_lines=2,
+        )
+
+    with gr.Row():
+        go_btn = gr.Button("Pull the receipt", variant="primary", size="lg")
+        clear_btn = gr.Button("Another one", variant="secondary", size="sm")
+
+    with gr.Column(elem_classes="output-box"):
+        output = gr.Markdown(label="")
+
+    go_btn.click(contextualize, [user_input], [output])
+    clear_btn.click(clear, [], [user_input, output])
+
+    gr.HTML("""
+    <div class="footer-text">
+        Heuremen — Let's stay connected and keep information free.<br>
+        <a href="https://heuremenforprofit.online">heuremenforprofit.online</a>
+    </div>
+    """)
+
+if __name__ == "__main__":
+    demo.launch()

requirements.txt

@@ -0,0 +1,2 @@
+gradio>=5.0.0
+huggingface_hub>=0.20.0