Stop Reading Everything
How AI can summarize long documents, boring articles, and confusing PDFs — in seconds!
😤 The Problem We All Have
You get an email with a 10-page document attached. Or a news article that takes 20 minutes to read. Or a confusing insurance letter full of legal words. And you just need to know: what does this actually MEAN for me?
AI can read it, understand it, and give you a clear, short summary — in about 5 seconds.
🔍 What Kinds of Things Can AI Summarize?
News Articles
Get the key points without reading the whole thing
PDF Files
Leases, contracts, reports — translated into plain language
Long Emails
Get the “so what do I need to do?” in 3 bullet points
Legal Documents
Understand what you’re signing before you sign it
📋 Power Prompts for Summarizing — Click to Send!
Click any button below to send that prompt straight to the AI assistant, then customize it for your situation!
“Summarize the following text in plain, simple English. Use short sentences. Bullet points are fine. Assume the reader knows nothing about this topic: [paste text]”
” label=”💬 Try This with AI” style=”primary”]
“I’m not a lawyer. Read this document and tell me in plain English: what does it mean for me, what do I have to do, and is there anything I should be careful about? [paste document]”
” label=”💬 Try This with AI” style=”primary”]
“Give me a 3-sentence summary of this article. Then tell me: who does this affect and why should I care? [paste article]”
” label=”💬 Try This with AI” style=”primary”]
“Read this email and tell me: What is the main point? What, if anything, do I need to do or respond to? Keep your answer short. [paste email]”
” label=”💬 Try This with AI” style=”primary”]
⭐ Key Takeaways
Paste, then ask — Copy any long text into AI and ask your specific question about it.
Be specific — “What does this mean for me?” gets better results than just “summarize.”
Ask follow-up questions — After the summary, ask “Can you explain point 2 in more detail?”
Verify the important stuff — AI is great for getting the gist, but double-check critical legal/medical/financial details.
🚀 Your Challenge This Week
Find one thing you’ve been putting off reading. Paste it into a free AI tool and ask it to summarize it for you!
Related in Ecosystem
Explore related content from across our platforms
AI Education Front Page
<!-- AI Education Platform Redesign --> <style> :root { --color-primary: #0066cc; --color-secondary: #0052a3; --color-accent: #ff6b35; --color-success: #06a77d; --color-warning: #f77f00; --color-danger: #d62828; --color-light: #f0f5ff; --color-dark: #111; --color-text: #222; --color-border: #ddd; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; line-height: 1.6; color: var(--color-text); background: #fff; } /* ─── Hero Section ─── */ .hero { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); color: white; padding: 80px 20px; text-align: center; margin-bottom: 60px; } .hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; margin-bottom: 20px; letter-spacing: -1px; } .hero p { font-size: clamp(1rem, 2vw, 1.25rem); max-width: 600px; margin: 0 auto 30px; opacity: 0.95; } .hero .tagline { font-size: 0.95rem; opacity: 0.85; font-style: italic; } .hero-cta { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; margin-top: 30px; } .btn { display: inline-block; padding: 12px 32px; border-radius: 8px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; font-size: 1rem; } .btn-primary { background: white; color: var(--color-primary); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); } .btn-secondary { background: transparent; color: white; border: 2px solid white; } .btn-secondary:hover { background: rgba(255, 255, 255, 0.1); } /* ─── Container ─── */ .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* ─── Section Styles ─── */ section { margin-bottom: 80px; } section h2 { font-size: clamp(1.8rem, 4vw, 2.5rem); color: var(--color-primary); margin-bottom: 15px; font-weight: 700; } section .section-subtitle { color: #666; font-size: 1.05rem; margin-bottom: 40px; max-width: 700px; } /* ─── Learning Paths ─── */ .learning-paths { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 25px; margin-bottom: 50px; } .path-card { background: white; border: 2px solid var(--color-border); border-radius: 12px; padding: 30px; text-align: center; cursor: pointer; transition: all 0.3s ease; text-decoration: none; color: inherit; } .path-card:hover { border-color: var(--color-primary); box-shadow: 0 12px 36px rgba(0, 102, 204, 0.15); transform: translateY(-4px); } .path-emoji { font-size: 3rem; margin-bottom: 15px; } .path-card h3 { font-size: 1.4rem; margin-bottom: 12px; color: var(--color-primary); } .path-card p { font-size: 0.95rem; color: #666; margin-bottom: 20px; } .path-duration { font-size: 0.85rem; color: #999; font-weight: 600; } /* ─── AI Tutor Section ─── */ .tutor-section { background: linear-gradient(135deg, rgba(0, 102, 204, 0.05) 0%, rgba(0, 102, 204, 0.02) 100%); border: 2px solid var(--color-border); border-radius: 12px; padding: 40px; margin-bottom: 50px; text-align: center; } .tutor-title { font-size: 1.6rem; color: var(--color-primary); margin-bottom: 15px; } .tutor-description { font-size: 1.05rem; color: #666; margin-bottom: 25px; max-width: 600px; margin-left: auto; margin-right: auto; } .tutor-input { display: flex; gap: 10px; margin-bottom: 15px; max-width: 600px; margin-left: auto; margin-right: auto; } .tutor-input input { flex: 1; padding: 12px 16px; border: 1px solid var(--color-border); border-radius: 8px; font-size: 1rem; } .tutor-input button { padding: 12px 24px; background: var(--color-primary); color: white; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; } .tutor-features { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; font-size: 0.9rem; color: #666; } /* ─── Core Topics Grid ─── */ .topics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 50px; } .topic-card { background: white; border: 1px solid var(--color-border); border-radius: 12px; padding: 25px; text-decoration: none; color: inherit; transition: all 0.3s ease; } .topic-card:hover { box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1); transform: translateY(-4px); border-color: var(--color-primary); } .topic-emoji { font-size: 2.5rem; margin-bottom: 12px; } .topic-card h3 { font-size: 1.2rem; color: var(--color-primary); margin-bottom: 10px; } .topic-card p { font-size: 0.9rem; color: #666; margin-bottom: 15px; } .topic-meta { display: flex; justify-content: space-between; font-size: 0.8rem; color: #999; } /* ─── Difficulty Badge ─── */ .difficulty { display: inline-block; padding: 4px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 700; } .difficulty-beginner { background: #e0f5e0; color: #06a77d; } .difficulty-intermediate { background: #e0e8ff; color: #0066cc; } .difficulty-advanced { background: #ffe0e0; color: #d62828; } /* ─── Impact Stories ─── */ .stories-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-bottom: 50px; } .story-card { background: white; border: 1px solid var(--color-border); border-radius: 12px; overflow: hidden; transition: all 0.3s ease; } .story-card:hover { box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12); transform: translateY(-4px); } .story-image { width: 100%; height: 180px; background: linear-gradient(135deg, var(--color-light) 0%, #e0ebf5 100%); display: flex; align-items: center; justify-content: center; font-size: 3rem; } .story-content { padding: 25px; } .story-category { display: inline-block; font-size: 0.75rem; font-weight: 700; padding: 6px 12px; border-radius: 20px; background: var(--color-light); color: var(--color-primary); margin-bottom: 12px; } .story-card h3 { font-size: 1.2rem; color: var(--color-primary); margin-bottom: 10px; line-height: 1.4; } .story-card p { font-size: 0.9rem; color: #666; line-height: 1.5; } /* ─── Courses Section ─── */ .courses-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-bottom: 50px; } .course-card { background: white; border: 2px solid var(--color-border); border-radius: 12px; padding: 30px; text-decoration: none; color: inherit; transition: all 0.3s ease; } .course-card:hover { border-color: var(--color-primary); box-shadow: 0 12px 36px rgba(0, 102, 204, 0.15); transform: translateY(-4px); } .course-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; } .course-title { font-size: 1.3rem; color: var(--color-primary); margin: 0; } .course-level { text-align: right; } .course-description { font-size: 0.95rem; color: #666; margin: 15px 0; line-height: 1.5; } .course-meta { display: flex; gap: 20px; font-size: 0.85rem; color: #999; padding-top: 15px; border-top: 1px solid var(--color-border); } /* ─── Resource Library ─── */ .resources-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 50px; } .resource-card { background: white; border: 1px solid var(--color-border); border-radius: 12px; padding: 20px; text-align: center; cursor: pointer; transition: all 0.3s ease; } .resource-card:hover { background: var(--color-light); border-color: var(--color-primary); } .resource-icon { font-size: 2.5rem; margin-bottom: 12px; } .resource-card h4 { color: var(--color-primary); margin-bottom: 8px; } .resource-card p { font-size: 0.85rem; color: #666; margin: 0; } /* ─── CTA Section ─── */ .cta-section { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); color: white; padding: 50px 30px; border-radius: 12px; text-align: center; margin-bottom: 50px; } .cta-section h3 { font-size: 1.6rem; margin-bottom: 15px; } .cta-section p { font-size: 1.05rem; margin-bottom: 25px; opacity: 0.95; } /* ─── Responsive ─── */ @media (max-width: 768px) { .hero { padding: 50px 20px; } .hero-cta { flex-direction: column; } .tutor-features { flex-direction: column; gap: 15px; } section h2 { font-size: 1.8rem; } } /* ─── Dark Mode ─── */ @media (prefers-color-scheme: dark) { body { background: #1a1a1a; color: #e0e0e0; } .path-card, .topic-card, .story-card, .course-card, .resource-card, .tutor-section { background: #2a2a2a; border-color: #444; } section h2 { color: #e0e0e0; } .topic-card p, .story-card p, .course-description { color: #b0b0b0; } } </style> <div class="hero"> <h1>Understand AI, Shape the Future</h1> <p>Master artificial intelligence in a rapidly changing world. Learn how AI works, why it matters, and how to use it responsibly.</p> <p class="tagline">From curious beginners to advanced practitioners — find your path</p> <div class="hero-cta"> <a href="#" class="btn btn-primary">Start Learning Now</a> <a href="#" class="btn btn-secondary">Explore Courses</a> </div> </div> <div class="container"> <!-- ─── Learning Paths ─── --> <section> <h2>Choose Your Learning Path</h2> <p class="section-subtitle">Select the path that matches your goals and background</p> <div class="learning-paths"> <a href="#" class="path-card"> <div class="path-emoji">🌟</div> <h3>Beginner</h3> <p>Start from scratch. Understand what AI is, how it works, and why it matters to you.</p> <div class="path-duration">4-6 weeks • 12-15 hours</div> </a> <a href="#" class="path-card"> <div class="path-emoji">💼</div> <h3>Professional</h3> <p>Advance your career. Learn AI tools for productivity, job skills, and workplace applications.</p> <div class="path-duration">6-8 weeks • 20-25 hours</div> </a> <a href="#" class="path-card"> <div class="path-emoji">👨🏫</div> <h3>Educator</h3> <p>Teach the future. Get resources and lesson plans to bring AI literacy to your classroom.</p> <div class="path-duration">3-4 weeks • 10-12 hours</div> </a> <a href="#" class="path-card"> <div class="path-emoji">👥</div> <h3>Citizen</h3> <p>Think critically. Understand AI's impact on democracy, rights, jobs, and society.</p> <div class="path-duration">3-5 weeks • 8-10 hours</div> </a> </div> </section> <!-- ─── AI Tutor ─── --> <section> <div class="tutor-section"> <h2 class="tutor-title">🤖 Chat with Your AI Tutor</h2> <p class="tutor-description">Ask any question about AI and get instant explanations. Available 24/7, adjusted to your skill level.</p> <div class="tutor-input"> <input type="text" placeholder="Ask me anything about AI..." /> <button class="btn btn-primary" style="background: var(--color-primary); color: white;">Ask</button> </div> <div class="tutor-features"> <span>🎙️ Voice questions</span> <span>⚡ Instant answers</span> <span>📚 Follow-up learning</span> </div> </div> </section> <!-- ─── Core Topics ─── --> <section> <h2>Core Topics to Master</h2> <p class="section-subtitle">Explore the fundamental concepts and applications of AI</p> <div class="topics-grid"> <a href="#" class="topic-card"> <div class="topic-emoji">🧠</div> <h3>What is AI?</h3> <p>Foundations: definitions, history, types of AI, how it differs from human intelligence.</p> <div class="topic-meta"> <span class="difficulty difficulty-beginner">Beginner</span> <span>2-3 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">⚙️</div> <h3>How AI Works</h3> <p>Algorithms, machine learning, neural networks, training data, and the math behind the magic.</p> <div class="topic-meta"> <span class="difficulty difficulty-intermediate">Intermediate</span> <span>4-5 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">⚖️</div> <h3>AI Ethics & Bias</h3> <p>Think critically: fairness, bias in training data, ethical decision-making, responsible AI.</p> <div class="topic-meta"> <span class="difficulty difficulty-intermediate">Intermediate</span> <span>3-4 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">💼</div> <h3>AI in the Workplace</h3> <p>Career implications: jobs changing, new skills needed, how to adapt and thrive.</p> <div class="topic-meta"> <span class="difficulty difficulty-beginner">Beginner</span> <span>2-3 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">🗳️</div> <h3>AI & Democracy</h3> <p>Society and politics: misinformation, election interference, voting systems, surveillance.</p> <div class="topic-meta"> <span class="difficulty difficulty-beginner">Beginner</span> <span>3-4 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">🔐</div> <h3>AI & Your Rights</h3> <p>Privacy, data ownership, algorithmic discrimination, consent, and digital freedoms.</p> <div class="topic-meta"> <span class="difficulty difficulty-beginner">Beginner</span> <span>2-3 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">🛠️</div> <h3>Practical AI Tools</h3> <p>Hands-on: ChatGPT, image generators, coding assistants, and how to use them effectively.</p> <div class="topic-meta"> <span class="difficulty difficulty-beginner">Beginner</span> <span>4-5 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">⚠️</div> <h3>AI Safety & Risks</h3> <p>What could go wrong: job displacement, misinformation, control, existential risks.</p> <div class="topic-meta"> <span class="difficulty difficulty-advanced">Advanced</span> <span>5-6 hours</span> </div> </a> </div> </section> <!-- ─── Real-World Impact ─── --> <section> <h2>Real-World Impact Stories</h2> <p class="section-subtitle">See how AI is changing industries, society, and individual lives</p> <div class="stories-grid"> <div class="story-card"> <div class="story-image">🏥</div> <div class="story-content"> <span class="story-category">Healthcare</span> <h3>AI Diagnosing Diseases Faster</h3> <p>How machine learning is helping doctors detect cancer, COVID, and rare diseases earlier than ever before.</p> </div> </a> <div class="story-card"> <div class="story-image">📰</div> <div class="story-content"> <span class="story-category">Media & Truth</span> <h3>Fighting Misinformation with AI</h3> <p>The tools journalists and fact-checkers use to identify deepfakes, AI-generated content, and false claims.</p> </div> </a> <div class="story-card"> <div class="story-image">💰</div> <div class="story-content"> <span class="story-category">Economy</span> <h3>Jobs Changing, Not Disappearing</h3> <p>Real stories from people adapting to AI: new skills, new roles, new opportunities emerging as AI reshapes work.</p> </div> </a> <div class="story-card"> <div class="story-image">⚖️</div> <div class="story-content"> <span class="story-category">Justice & Rights</span> <h3>AI Bias in Criminal Justice</h3> <p>How AI systems affect bail decisions, sentencing, and policing—and what we can do about algorithmic discrimination.</p> </div> </a> <div class="story-card"> <div class="story-image">🌍</div> <div class="story-content"> <span class="story-category">Environment</span> <h3>AI Fighting Climate Change</h3> <p>Using AI to model climate, optimize energy, predict disasters, and discover sustainable solutions faster.</p> </div> </a> <div class="story-card"> <div class="story-image">🎓</div> <div class="story-content"> <span class="story-category">Education</span> <h3>Personalized Learning with AI</h3> <p>How AI tutors adapt to each student, making education more accessible and effective worldwide.</p> </div> </a> </div> </section> <!-- ─── Skill-Builder Courses ─── --> <section> <h2>Structured Courses</h2> <p class="section-subtitle">Learn at your own pace with guided, hands-on courses</p> <div class="courses-grid"> <a href="#" class="course-card"> <div class="course-header"> <h3 class="course-title">AI Fundamentals</h3> <div class="course-level"> <span class="difficulty difficulty-beginner">Beginner</span> </div> </div> <p class="course-description">Start from zero: what AI is, why it matters, basic concepts everyone should know.</p> <div class="course-meta"> <span>📚 6 lessons</span> <span>4-6 weeks</span> <span>Free</span> </div> </a> <a href="#" class="course-card"> <div class="course-header"> <h3 class="course-title">Prompting & Productivity</h3> <div class="course-level"> <span class="difficulty difficulty-intermediate">Intermediate</span> </div> </div> <p class="course-description">Master the art of asking AI: effective prompts, workflows, tools for work and creativity.</p> <div class="course-meta"> <span>📚 8 lessons</span> <span>6-8 weeks</span> <span>$29</span> </div> </a> <a href="#" class="course-card"> <div class="course-header"> <h3 class="course-title">AI Systems & Ethics</h3> <div class="course-level"> <span class="difficulty difficulty-advanced">Advanced</span> </div> </div> <p class="course-description">Deep dive: how systems work, ethical implications, governance, safety, and the future of AI.</p> <div class="course-meta"> <span>📚 10 lessons</span> <span>8-10 weeks</span> <span>$49</span> </div> </a> </div> </section> <!-- ─── Resource Library ─── --> <section> <h2>Resource Library</h2> <p class="section-subtitle">Curated tools, reading, and references to deepen your knowledge</p> <div class="resources-grid"> <div class="resource-card"> <div class="resource-icon">🛠️</div> <h4>Tools to Try</h4> <p>Curated list of AI tools, apps, and experiments you can use today.</p> </div> <div class="resource-card"> <div class="resource-icon">📖</div> <h4>Recommended Reading</h4> <p>Books, papers, and articles to expand your understanding of AI.</p> </div> <div class="resource-card"> <div class="resource-icon">🎥</div> <h4>Video Tutorials</h4> <p>Watch-friendly explainers on AI concepts, applications, and ethics.</p> </div> <div class="resource-card"> <div class="resource-icon">📝</div> <h4>Glossary</h4> <p>AI terms explained simply: from algorithm to neural network.</p> </div> <div class="resource-card"> <div class="resource-icon">✅</div> <h4>Fact vs. Fiction</h4> <p>Myths about AI debunked: what's real, what's Hollywood, what's uncertain.</p> </div> <div class="resource-card"> <div class="resource-icon">📚</div> <h4>Lesson Plans</h4> <p>For educators: ready-to-use classroom materials and discussion guides.</p> </div> </div> </section> <!-- ─── CTA ─── --> <section> <div class="cta-section"> <h3>Ready to Understand the Future?</h3> <p>Start your AI learning journey today. Join thousands of people building AI literacy for the world we're creating.</p> <a href="#" class="btn btn-primary" style="background: white; color: var(--color-primary);">Start Learning Free</a> </div> </section> </div>
AI Education Front Page
<!-- AI Education Platform Redesign --> <style> :root { --color-primary: #0066cc; --color-secondary: #0052a3; --color-accent: #ff6b35; --color-success: #06a77d; --color-warning: #f77f00; --color-danger: #d62828; --color-light: #f0f5ff; --color-dark: #111; --color-text: #222; --color-border: #ddd; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; line-height: 1.6; color: var(--color-text); background: #fff; } /* ─── Hero Section ─── */ .hero { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); color: white; padding: 80px 20px; text-align: center; margin-bottom: 60px; } .hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; margin-bottom: 20px; letter-spacing: -1px; } .hero p { font-size: clamp(1rem, 2vw, 1.25rem); max-width: 600px; margin: 0 auto 30px; opacity: 0.95; } .hero .tagline { font-size: 0.95rem; opacity: 0.85; font-style: italic; } .hero-cta { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; margin-top: 30px; } .btn { display: inline-block; padding: 12px 32px; border-radius: 8px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; font-size: 1rem; } .btn-primary { background: white; color: var(--color-primary); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); } .btn-secondary { background: transparent; color: white; border: 2px solid white; } .btn-secondary:hover { background: rgba(255, 255, 255, 0.1); } /* ─── Container ─── */ .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* ─── Section Styles ─── */ section { margin-bottom: 80px; } section h2 { font-size: clamp(1.8rem, 4vw, 2.5rem); color: var(--color-primary); margin-bottom: 15px; font-weight: 700; } section .section-subtitle { color: #666; font-size: 1.05rem; margin-bottom: 40px; max-width: 700px; } /* ─── Learning Paths ─── */ .learning-paths { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 25px; margin-bottom: 50px; } .path-card { background: white; border: 2px solid var(--color-border); border-radius: 12px; padding: 30px; text-align: center; cursor: pointer; transition: all 0.3s ease; text-decoration: none; color: inherit; } .path-card:hover { border-color: var(--color-primary); box-shadow: 0 12px 36px rgba(0, 102, 204, 0.15); transform: translateY(-4px); } .path-emoji { font-size: 3rem; margin-bottom: 15px; } .path-card h3 { font-size: 1.4rem; margin-bottom: 12px; color: var(--color-primary); } .path-card p { font-size: 0.95rem; color: #666; margin-bottom: 20px; } .path-duration { font-size: 0.85rem; color: #999; font-weight: 600; } /* ─── AI Tutor Section ─── */ .tutor-section { background: linear-gradient(135deg, rgba(0, 102, 204, 0.05) 0%, rgba(0, 102, 204, 0.02) 100%); border: 2px solid var(--color-border); border-radius: 12px; padding: 40px; margin-bottom: 50px; text-align: center; } .tutor-title { font-size: 1.6rem; color: var(--color-primary); margin-bottom: 15px; } .tutor-description { font-size: 1.05rem; color: #666; margin-bottom: 25px; max-width: 600px; margin-left: auto; margin-right: auto; } .tutor-input { display: flex; gap: 10px; margin-bottom: 15px; max-width: 600px; margin-left: auto; margin-right: auto; } .tutor-input input { flex: 1; padding: 12px 16px; border: 1px solid var(--color-border); border-radius: 8px; font-size: 1rem; } .tutor-input button { padding: 12px 24px; background: var(--color-primary); color: white; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; } .tutor-features { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; font-size: 0.9rem; color: #666; } /* ─── Core Topics Grid ─── */ .topics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 50px; } .topic-card { background: white; border: 1px solid var(--color-border); border-radius: 12px; padding: 25px; text-decoration: none; color: inherit; transition: all 0.3s ease; } .topic-card:hover { box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1); transform: translateY(-4px); border-color: var(--color-primary); } .topic-emoji { font-size: 2.5rem; margin-bottom: 12px; } .topic-card h3 { font-size: 1.2rem; color: var(--color-primary); margin-bottom: 10px; } .topic-card p { font-size: 0.9rem; color: #666; margin-bottom: 15px; } .topic-meta { display: flex; justify-content: space-between; font-size: 0.8rem; color: #999; } /* ─── Difficulty Badge ─── */ .difficulty { display: inline-block; padding: 4px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 700; } .difficulty-beginner { background: #e0f5e0; color: #06a77d; } .difficulty-intermediate { background: #e0e8ff; color: #0066cc; } .difficulty-advanced { background: #ffe0e0; color: #d62828; } /* ─── Impact Stories ─── */ .stories-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-bottom: 50px; } .story-card { background: white; border: 1px solid var(--color-border); border-radius: 12px; overflow: hidden; transition: all 0.3s ease; } .story-card:hover { box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12); transform: translateY(-4px); } .story-image { width: 100%; height: 180px; background: linear-gradient(135deg, var(--color-light) 0%, #e0ebf5 100%); display: flex; align-items: center; justify-content: center; font-size: 3rem; } .story-content { padding: 25px; } .story-category { display: inline-block; font-size: 0.75rem; font-weight: 700; padding: 6px 12px; border-radius: 20px; background: var(--color-light); color: var(--color-primary); margin-bottom: 12px; } .story-card h3 { font-size: 1.2rem; color: var(--color-primary); margin-bottom: 10px; line-height: 1.4; } .story-card p { font-size: 0.9rem; color: #666; line-height: 1.5; } /* ─── Courses Section ─── */ .courses-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-bottom: 50px; } .course-card { background: white; border: 2px solid var(--color-border); border-radius: 12px; padding: 30px; text-decoration: none; color: inherit; transition: all 0.3s ease; } .course-card:hover { border-color: var(--color-primary); box-shadow: 0 12px 36px rgba(0, 102, 204, 0.15); transform: translateY(-4px); } .course-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; } .course-title { font-size: 1.3rem; color: var(--color-primary); margin: 0; } .course-level { text-align: right; } .course-description { font-size: 0.95rem; color: #666; margin: 15px 0; line-height: 1.5; } .course-meta { display: flex; gap: 20px; font-size: 0.85rem; color: #999; padding-top: 15px; border-top: 1px solid var(--color-border); } /* ─── Resource Library ─── */ .resources-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 50px; } .resource-card { background: white; border: 1px solid var(--color-border); border-radius: 12px; padding: 20px; text-align: center; cursor: pointer; transition: all 0.3s ease; } .resource-card:hover { background: var(--color-light); border-color: var(--color-primary); } .resource-icon { font-size: 2.5rem; margin-bottom: 12px; } .resource-card h4 { color: var(--color-primary); margin-bottom: 8px; } .resource-card p { font-size: 0.85rem; color: #666; margin: 0; } /* ─── CTA Section ─── */ .cta-section { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); color: white; padding: 50px 30px; border-radius: 12px; text-align: center; margin-bottom: 50px; } .cta-section h3 { font-size: 1.6rem; margin-bottom: 15px; } .cta-section p { font-size: 1.05rem; margin-bottom: 25px; opacity: 0.95; } /* ─── Responsive ─── */ @media (max-width: 768px) { .hero { padding: 50px 20px; } .hero-cta { flex-direction: column; } .tutor-features { flex-direction: column; gap: 15px; } section h2 { font-size: 1.8rem; } } /* ─── Dark Mode ─── */ @media (prefers-color-scheme: dark) { body { background: #1a1a1a; color: #e0e0e0; } .path-card, .topic-card, .story-card, .course-card, .resource-card, .tutor-section { background: #2a2a2a; border-color: #444; } section h2 { color: #e0e0e0; } .topic-card p, .story-card p, .course-description { color: #b0b0b0; } } </style> <div class="hero"> <h1>Understand AI, Shape the Future</h1> <p>Master artificial intelligence in a rapidly changing world. Learn how AI works, why it matters, and how to use it responsibly.</p> <p class="tagline">From curious beginners to advanced practitioners — find your path</p> <div class="hero-cta"> <a href="#" class="btn btn-primary">Start Learning Now</a> <a href="#" class="btn btn-secondary">Explore Courses</a> </div> </div> <div class="container"> <!-- ─── Learning Paths ─── --> <section> <h2>Choose Your Learning Path</h2> <p class="section-subtitle">Select the path that matches your goals and background</p> <div class="learning-paths"> <a href="#" class="path-card"> <div class="path-emoji">🌟</div> <h3>Beginner</h3> <p>Start from scratch. Understand what AI is, how it works, and why it matters to you.</p> <div class="path-duration">4-6 weeks • 12-15 hours</div> </a> <a href="#" class="path-card"> <div class="path-emoji">💼</div> <h3>Professional</h3> <p>Advance your career. Learn AI tools for productivity, job skills, and workplace applications.</p> <div class="path-duration">6-8 weeks • 20-25 hours</div> </a> <a href="#" class="path-card"> <div class="path-emoji">👨🏫</div> <h3>Educator</h3> <p>Teach the future. Get resources and lesson plans to bring AI literacy to your classroom.</p> <div class="path-duration">3-4 weeks • 10-12 hours</div> </a> <a href="#" class="path-card"> <div class="path-emoji">👥</div> <h3>Citizen</h3> <p>Think critically. Understand AI's impact on democracy, rights, jobs, and society.</p> <div class="path-duration">3-5 weeks • 8-10 hours</div> </a> </div> </section> <!-- ─── AI Tutor ─── --> <section> <div class="tutor-section"> <h2 class="tutor-title">🤖 Chat with Your AI Tutor</h2> <p class="tutor-description">Ask any question about AI and get instant explanations. Available 24/7, adjusted to your skill level.</p> <div class="tutor-input"> <input type="text" placeholder="Ask me anything about AI..." /> <button class="btn btn-primary" style="background: var(--color-primary); color: white;">Ask</button> </div> <div class="tutor-features"> <span>🎙️ Voice questions</span> <span>⚡ Instant answers</span> <span>📚 Follow-up learning</span> </div> </div> </section> <!-- ─── Core Topics ─── --> <section> <h2>Core Topics to Master</h2> <p class="section-subtitle">Explore the fundamental concepts and applications of AI</p> <div class="topics-grid"> <a href="#" class="topic-card"> <div class="topic-emoji">🧠</div> <h3>What is AI?</h3> <p>Foundations: definitions, history, types of AI, how it differs from human intelligence.</p> <div class="topic-meta"> <span class="difficulty difficulty-beginner">Beginner</span> <span>2-3 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">⚙️</div> <h3>How AI Works</h3> <p>Algorithms, machine learning, neural networks, training data, and the math behind the magic.</p> <div class="topic-meta"> <span class="difficulty difficulty-intermediate">Intermediate</span> <span>4-5 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">⚖️</div> <h3>AI Ethics & Bias</h3> <p>Think critically: fairness, bias in training data, ethical decision-making, responsible AI.</p> <div class="topic-meta"> <span class="difficulty difficulty-intermediate">Intermediate</span> <span>3-4 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">💼</div> <h3>AI in the Workplace</h3> <p>Career implications: jobs changing, new skills needed, how to adapt and thrive.</p> <div class="topic-meta"> <span class="difficulty difficulty-beginner">Beginner</span> <span>2-3 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">🗳️</div> <h3>AI & Democracy</h3> <p>Society and politics: misinformation, election interference, voting systems, surveillance.</p> <div class="topic-meta"> <span class="difficulty difficulty-beginner">Beginner</span> <span>3-4 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">🔐</div> <h3>AI & Your Rights</h3> <p>Privacy, data ownership, algorithmic discrimination, consent, and digital freedoms.</p> <div class="topic-meta"> <span class="difficulty difficulty-beginner">Beginner</span> <span>2-3 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">🛠️</div> <h3>Practical AI Tools</h3> <p>Hands-on: ChatGPT, image generators, coding assistants, and how to use them effectively.</p> <div class="topic-meta"> <span class="difficulty difficulty-beginner">Beginner</span> <span>4-5 hours</span> </div> </a> <a href="#" class="topic-card"> <div class="topic-emoji">⚠️</div> <h3>AI Safety & Risks</h3> <p>What could go wrong: job displacement, misinformation, control, existential risks.</p> <div class="topic-meta"> <span class="difficulty difficulty-advanced">Advanced</span> <span>5-6 hours</span> </div> </a> </div> </section> <!-- ─── Real-World Impact ─── --> <section> <h2>Real-World Impact Stories</h2> <p class="section-subtitle">See how AI is changing industries, society, and individual lives</p> <div class="stories-grid"> <div class="story-card"> <div class="story-image">🏥</div> <div class="story-content"> <span class="story-category">Healthcare</span> <h3>AI Diagnosing Diseases Faster</h3> <p>How machine learning is helping doctors detect cancer, COVID, and rare diseases earlier than ever before.</p> </div> </a> <div class="story-card"> <div class="story-image">📰</div> <div class="story-content"> <span class="story-category">Media & Truth</span> <h3>Fighting Misinformation with AI</h3> <p>The tools journalists and fact-checkers use to identify deepfakes, AI-generated content, and false claims.</p> </div> </a> <div class="story-card"> <div class="story-image">💰</div> <div class="story-content"> <span class="story-category">Economy</span> <h3>Jobs Changing, Not Disappearing</h3> <p>Real stories from people adapting to AI: new skills, new roles, new opportunities emerging as AI reshapes work.</p> </div> </a> <div class="story-card"> <div class="story-image">⚖️</div> <div class="story-content"> <span class="story-category">Justice & Rights</span> <h3>AI Bias in Criminal Justice</h3> <p>How AI systems affect bail decisions, sentencing, and policing—and what we can do about algorithmic discrimination.</p> </div> </a> <div class="story-card"> <div class="story-image">🌍</div> <div class="story-content"> <span class="story-category">Environment</span> <h3>AI Fighting Climate Change</h3> <p>Using AI to model climate, optimize energy, predict disasters, and discover sustainable solutions faster.</p> </div> </a> <div class="story-card"> <div class="story-image">🎓</div> <div class="story-content"> <span class="story-category">Education</span> <h3>Personalized Learning with AI</h3> <p>How AI tutors adapt to each student, making education more accessible and effective worldwide.</p> </div> </a> </div> </section> <!-- ─── Skill-Builder Courses ─── --> <section> <h2>Structured Courses</h2> <p class="section-subtitle">Learn at your own pace with guided, hands-on courses</p> <div class="courses-grid"> <a href="#" class="course-card"> <div class="course-header"> <h3 class="course-title">AI Fundamentals</h3> <div class="course-level"> <span class="difficulty difficulty-beginner">Beginner</span> </div> </div> <p class="course-description">Start from zero: what AI is, why it matters, basic concepts everyone should know.</p> <div class="course-meta"> <span>📚 6 lessons</span> <span>4-6 weeks</span> <span>Free</span> </div> </a> <a href="#" class="course-card"> <div class="course-header"> <h3 class="course-title">Prompting & Productivity</h3> <div class="course-level"> <span class="difficulty difficulty-intermediate">Intermediate</span> </div> </div> <p class="course-description">Master the art of asking AI: effective prompts, workflows, tools for work and creativity.</p> <div class="course-meta"> <span>📚 8 lessons</span> <span>6-8 weeks</span> <span>$29</span> </div> </a> <a href="#" class="course-card"> <div class="course-header"> <h3 class="course-title">AI Systems & Ethics</h3> <div class="course-level"> <span class="difficulty difficulty-advanced">Advanced</span> </div> </div> <p class="course-description">Deep dive: how systems work, ethical implications, governance, safety, and the future of AI.</p> <div class="course-meta"> <span>📚 10 lessons</span> <span>8-10 weeks</span> <span>$49</span> </div> </a> </div> </section> <!-- ─── Resource Library ─── --> <section> <h2>Resource Library</h2> <p class="section-subtitle">Curated tools, reading, and references to deepen your knowledge</p> <div class="resources-grid"> <div class="resource-card"> <div class="resource-icon">🛠️</div> <h4>Tools to Try</h4> <p>Curated list of AI tools, apps, and experiments you can use today.</p> </div> <div class="resource-card"> <div class="resource-icon">📖</div> <h4>Recommended Reading</h4> <p>Books, papers, and articles to expand your understanding of AI.</p> </div> <div class="resource-card"> <div class="resource-icon">🎥</div> <h4>Video Tutorials</h4> <p>Watch-friendly explainers on AI concepts, applications, and ethics.</p> </div> <div class="resource-card"> <div class="resource-icon">📝</div> <h4>Glossary</h4> <p>AI terms explained simply: from algorithm to neural network.</p> </div> <div class="resource-card"> <div class="resource-icon">✅</div> <h4>Fact vs. Fiction</h4> <p>Myths about AI debunked: what's real, what's Hollywood, what's uncertain.</p> </div> <div class="resource-card"> <div class="resource-icon">📚</div> <h4>Lesson Plans</h4> <p>For educators: ready-to-use classroom materials and discussion guides.</p> </div> </div> </section> <!-- ─── CTA ─── --> <section> <div class="cta-section"> <h3>Ready to Understand the Future?</h3> <p>Start your AI learning journey today. Join thousands of people building AI literacy for the world we're creating.</p> <a href="#" class="btn btn-primary" style="background: white; color: var(--color-primary);">Start Learning Free</a> </div> </section> </div>
Home
<!-- QTW Front Page Redesign --> <div style="background: linear-gradient(135deg, #2d6a4f 0%, #52b788 100%); color: white; padding: 80px 20px; text-align: center; margin-bottom: 60px;"> <h1 style="font-size: 2.5rem; font-weight: 700; margin-bottom: 20px; letter-spacing: -1px;">Building a Better World for All Living Things</h1> <p style="font-size: 1.1rem; max-width: 600px; margin: 0 auto; opacity: 0.95;">An interconnected ecosystem dedicated to informed living, civic engagement, and shared understanding across cultures and generations</p> </div> <div style="max-width: 1200px; margin: 0 auto; padding: 0 20px;"> <h2 style="font-size: 2rem; color: #1b4332; margin-bottom: 15px; font-weight: 700;">Resources for Everyone</h2> <p style="color: #555; font-size: 1.05rem; margin-bottom: 40px;">Find content tailored to your age, experience, and needs. Everyone has a role in building a better world.</p> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 50px;"> <div style="background: #f0f7f4; border: 2px solid #ddd; border-radius: 12px; padding: 30px; text-align: center; transition: all 0.3s ease;"> <div style="font-size: 3rem; margin-bottom: 15px;">👶</div> <h3 style="font-size: 1.3rem; margin-bottom: 10px; color: #1b4332;">Young People</h3> <p style="font-size: 0.95rem; margin: 0;">Age-appropriate civics education and digital literacy</p> </div> <div style="background: #f0f7f4; border: 2px solid #ddd; border-radius: 12px; padding: 30px; text-align: center;"> <div style="font-size: 3rem; margin-bottom: 15px;">👥</div> <h3 style="font-size: 1.3rem; margin-bottom: 10px; color: #1b4332;">Adults</h3> <p style="font-size: 0.95rem; margin: 0;">Career, community engagement, and informed decision-making</p> </div> <div style="background: #f0f7f4; border: 2px solid #ddd; border-radius: 12px; padding: 30px; text-align: center;"> <div style="font-size: 3rem; margin-bottom: 15px;">🧓</div> <h3 style="font-size: 1.3rem; margin-bottom: 10px; color: #1b4332;">Seniors</h3> <p style="font-size: 0.95rem; margin: 0;">Civic legacy, wisdom sharing, and active participation</p> </div> <div style="background: #f0f7f4; border: 2px solid #ddd; border-radius: 12px; padding: 30px; text-align: center;"> <div style="font-size: 3rem; margin-bottom: 15px;">🌍</div> <h3 style="font-size: 1.3rem; margin-bottom: 10px; color: #1b4332;">Global Citizens</h3> <p style="font-size: 0.95rem; margin: 0;">Nation-specific information and cross-cultural understanding</p> </div> </div> <h2 style="font-size: 2rem; color: #1b4332; margin-bottom: 15px; font-weight: 700;">🗳️ For US Citizens: Know Your Rights & Vote</h2> <p style="color: #555; font-size: 1.05rem; margin-bottom: 40px;">Voting is how we shape the future. Heres everything you need to participate in democracy.</p> <div style="background: linear-gradient(135deg, rgba(45, 106, 79, 0.05) 0%, rgba(82, 183, 136, 0.05) 100%); border-left: 5px solid #d62828; padding: 40px; border-radius: 8px; margin-bottom: 50px;"> <h3 style="color: #d62828; font-size: 1.4rem; margin-bottom: 30px;">Your Path to Informed Civic Engagement</h3> <div style="margin-bottom: 30px;"> <h4 style="color: #2d6a4f; font-size: 1.15rem; margin-bottom: 15px;">How to Become Informed</h4> <ul style="list-style: none; margin-left: 0;"> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Learn Fact-Checking Skills</strong> — Identify reliable sources and misinformation</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Understand the Issues</strong> — Deep dives into policies that affect your life</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Know Your Candidates</strong> — Research positions, voting records, and proposals</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Use Trusted Resources</strong> — Links to nonpartisan, vetted news sources</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Follow Local News</strong> — State and local elections matter most</li> </ul> </div> <div style="margin-bottom: 30px;"> <h4 style="color: #2d6a4f; font-size: 1.15rem; margin-bottom: 15px;">How to Vote</h4> <ul style="list-style: none; margin-left: 0;"> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Check Your Registration</strong> — Ensure youre registered in your state</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Know the Deadline</strong> — Registration and voting deadlines vary by state</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Choose Your Method</strong> — Vote early, by mail, or on Election Day</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Find Your Polling Location</strong> — State-by-state polling place finder</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Bring ID</strong> — Requirements vary; check your states rules</li> </ul> </div> <div style="margin-bottom: 30px;"> <h4 style="color: #2d6a4f; font-size: 1.15rem; margin-bottom: 15px;">Understand Your Government</h4> <ul style="list-style: none; margin-left: 0;"> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>How Bills Become Laws</strong> — The legislative process explained</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Contact Your Representatives</strong> — Find and reach out to your elected officials</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Three Levels of Government</strong> — Local, state, and federal</li> <li style="padding: 8px 0; padding-left: 30px; position: relative;"><strong>Your Constitutional Rights</strong> — Know what the law protects</li> </ul> </div> </div> <h2 style="font-size: 2rem; color: #1b4332; margin-bottom: 15px; font-weight: 700;">Choose Your Learning Style</h2> <p style="color: #555; font-size: 1.05rem; margin-bottom: 40px;">We present information in multiple formats so you can learn the way that works best for you.</p> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; margin-bottom: 50px;"> <div style="background: white; border: 2px solid #ddd; border-radius: 12px; padding: 25px; text-align: center;"> <div style="font-size: 2.5rem; margin-bottom: 12px;">📖</div> <h4 style="font-size: 1.1rem; margin-bottom: 8px; color: #1b4332;">Reading</h4> <p style="font-size: 0.9rem; margin: 0;">In-depth articles, reports, and guides</p> </div> <div style="background: white; border: 2px solid #ddd; border-radius: 12px; padding: 25px; text-align: center;"> <div style="font-size: 2.5rem; margin-bottom: 12px;">🎬</div> <h4 style="font-size: 1.1rem; margin-bottom: 8px; color: #1b4332;">Video</h4> <p style="font-size: 0.9rem; margin: 0;">Visual explanations and documentaries</p> </div> <div style="background: white; border: 2px solid #ddd; border-radius: 12px; padding: 25px; text-align: center;"> <div style="font-size: 2.5rem; margin-bottom: 12px;">🎙️</div> <h4 style="font-size: 1.1rem; margin-bottom: 8px; color: #1b4332;">Audio</h4> <p style="font-size: 0.9rem; margin: 0;">Podcasts and recorded discussions</p> </div> <div style="background: white; border: 2px solid #ddd; border-radius: 12px; padding: 25px; text-align: center;"> <div style="font-size: 2.5rem; margin-bottom: 12px;">🗣️</div> <h4 style="font-size: 1.1rem; margin-bottom: 8px; color: #1b4332;">Dialogue</h4> <p style="font-size: 0.9rem; margin: 0;">Community forums and live discussions</p> </div> <div style="background: white; border: 2px solid #ddd; border-radius: 12px; padding: 25px; text-align: center;"> <div style="font-size: 2.5rem; margin-bottom: 12px;">🎨</div> <h4 style="font-size: 1.1rem; margin-bottom: 8px; color: #1b4332;">Visual</h4> <p style="font-size: 0.9rem; margin: 0;">Infographics and data visualizations</p> </div> <div style="background: white; border: 2px solid #ddd; border-radius: 12px; padding: 25px; text-align: center;"> <div style="font-size: 2.5rem; margin-bottom: 12px;">🎯</div> <h4 style="font-size: 1.1rem; margin-bottom: 8px; color: #1b4332;">Action</h4> <p style="font-size: 0.9rem; margin: 0;">Hands-on projects and real-world impact</p> </div> </div> <h2 style="font-size: 2rem; color: #1b4332; margin-bottom: 15px; font-weight: 700;">Our Four Platforms</h2> <p style="color: #555; font-size: 1.05rem; margin-bottom: 40px;">Explore our interconnected ecosystem designed to inform, educate, celebrate, and connect.</p> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 50px;"> <a href="https://news.qtw-dodropinn.com" style="background: white; border: 2px solid #ddd; border-radius: 12px; padding: 35px; transition: all 0.3s ease; text-decoration: none; color: inherit; display: block;"> <div style="font-size: 2.5rem; margin-bottom: 15px;">📰</div> <h3 style="font-size: 1.4rem; margin-bottom: 12px; color: #1b4332;">News Platform</h3> <p style="margin-bottom: 20px; font-size: 0.95rem;">Stay informed with curated news on politics, environment, society, and what matters to your community.</p> <div style="font-size: 0.85rem; color: #2d6a4f; font-weight: 600; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd;">→ Informed citizens make better decisions</div> </a> <a href="https://ai-ed.qtw-dodropinn.com" style="background: white; border: 2px solid #ddd; border-radius: 12px; padding: 35px; transition: all 0.3s ease; text-decoration: none; color: inherit; display: block;"> <div style="font-size: 2.5rem; margin-bottom: 15px;">🤖</div> <h3 style="font-size: 1.4rem; margin-bottom: 12px; color: #1b4332;">AI Education</h3> <p style="margin-bottom: 20px; font-size: 0.95rem;">Understand the tools shaping our future. Learn how AI works and its impact on society and ethics.</p> <div style="font-size: 0.85rem; color: #2d6a4f; font-weight: 600; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd;">→ Knowledge is power in a changing world</div> </a> <a href="https://c-shock.qtw-dodropinn.com" style="background: white; border: 2px solid #ddd; border-radius: 12px; padding: 35px; transition: all 0.3s ease; text-decoration: none; color: inherit; display: block;"> <div style="font-size: 2.5rem; margin-bottom: 15px;">🎨</div> <h3 style="font-size: 1.4rem; margin-bottom: 12px; color: #1b4332;">Culture Shock</h3> <p style="margin-bottom: 20px; font-size: 0.95rem;">Celebrate diverse traditions, art, history, and perspectives. Discover what makes every culture unique.</p> <div style="font-size: 0.85rem; color: #2d6a4f; font-weight: 600; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd;">→ Understanding builds empathy and unity</div> </a> <a href="https://family.qtw-dodropinn.com" style="background: white; border: 2px solid #ddd; border-radius: 12px; padding: 35px; transition: all 0.3s ease; text-decoration: none; color: inherit; display: block;"> <div style="font-size: 2.5rem; margin-bottom: 15px;">👨👩👧👦</div> <h3 style="font-size: 1.4rem; margin-bottom: 12px; color: #1b4332;">Family Platform</h3> <p style="margin-bottom: 20px; font-size: 0.95rem;">Build your family tree, share stories, and stay connected across generations and distances.</p> <div style="font-size: 0.85rem; color: #2d6a4f; font-weight: 600; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd;">→ Strong families strengthen communities</div> </a> </div> <div style="background: #f0f7f4; padding: 50px 40px; border-radius: 12px; text-align: center; border-left: 5px solid #2d6a4f;"> <h3 style="color: #1b4332; font-size: 1.8rem; margin-bottom: 20px;">Our Mission</h3> <p style="font-size: 1.1rem; font-style: italic; color: #444; max-width: 700px; margin: 0 auto;">We believe that informed, connected, and empathetic people create better communities. By providing accessible information, civic tools, cultural understanding, and family connection, we work toward improving existence for all living things on our shared planet.</p> </div> </div>
pong
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pong</title> <style> #pong-wrapper { display: flex; flex-direction: column; align-items: center; font-family: 'Courier New', monospace; background: #111; padding: 16px; border-radius: 8px; user-select: none; } #pong-score { color: #fff; font-size: 28px; font-weight: bold; letter-spacing: 40px; margin-bottom: 10px; } #pong-canvas { border: 2px solid #444; display: block; cursor: none; } #pong-msg { color: #aaa; font-size: 13px; margin-top: 10px; } #pong-start { margin-top: 12px; padding: 8px 24px; background: #fff; color: #111; border: none; border-radius: 4px; font-family: 'Courier New', monospace; font-size: 14px; font-weight: bold; cursor: pointer; letter-spacing: 1px; } #pong-start:hover { background: #ddd; } </style> </head> <body> <div id="pong-wrapper"> <div id="pong-score">0 0</div> <canvas id="pong-canvas" width="600" height="360"></canvas> <div id="pong-msg">Move mouse or use ↑↓ keys to control left paddle</div> <button id="pong-start">START GAME</button> </div> <script> (function() { const canvas = document.getElementById('pong-canvas'); const ctx = canvas.getContext('2d'); const scoreEl = document.getElementById('pong-score'); const startBtn = document.getElementById('pong-start'); const msgEl = document.getElementById('pong-msg'); const W = canvas.width, H = canvas.height; const PAD_W = 10, PAD_H = 70, PAD_SPEED = 5; const BALL_SIZE = 10; const WIN_SCORE = 7; let state = 'idle'; // idle, playing, paused, over let animId; const player = { x: 20, y: H/2 - PAD_H/2, score: 0 }; const cpu = { x: W - 20 - PAD_W, y: H/2 - PAD_H/2, score: 0 }; const ball = { x: W/2, y: H/2, vx: 0, vy: 0 }; let mouseY = H / 2; let keys = { up: false, down: false }; // Input canvas.addEventListener('mousemove', e => { const rect = canvas.getBoundingClientRect(); mouseY = e.clientY - rect.top; }); document.addEventListener('keydown', e => { if (e.key === 'ArrowUp') { keys.up = true; e.preventDefault(); } if (e.key === 'ArrowDown') { keys.down = true; e.preventDefault(); } }); document.addEventListener('keyup', e => { if (e.key === 'ArrowUp') keys.up = false; if (e.key === 'ArrowDown') keys.down = false; }); startBtn.addEventListener('click', () => { if (state === 'idle' || state === 'over') startGame(); }); function startGame() { player.score = 0; cpu.score = 0; player.y = cpu.y = H/2 - PAD_H/2; state = 'playing'; startBtn.style.display = 'none'; msgEl.textContent = 'Move mouse or use ↑↓ keys to control left paddle'; launchBall(); cancelAnimationFrame(animId); loop(); } function launchBall(dir = 1) { ball.x = W / 2; ball.y = H / 2; const angle = (Math.random() * 0.5 - 0.25) * Math.PI; const speed = 4.5; ball.vx = dir * speed * Math.cos(angle); ball.vy = speed * Math.sin(angle); } function loop() { update(); draw(); if (state === 'playing') animId = requestAnimationFrame(loop); } function update() { // Player paddle if (keys.up) player.y -= PAD_SPEED; if (keys.down) player.y += PAD_SPEED; // Mouse overrides keys when mouse moved into canvas const targetY = mouseY - PAD_H / 2; const diff = targetY - player.y; if (Math.abs(diff) > 1) player.y += Math.sign(diff) * Math.min(Math.abs(diff), PAD_SPEED); player.y = clamp(player.y, 0, H - PAD_H); // CPU AI const cpuCenter = cpu.y + PAD_H / 2; const cpuSpeed = 3.8; if (cpuCenter < ball.y - 5) cpu.y += cpuSpeed; else if (cpuCenter > ball.y + 5) cpu.y -= cpuSpeed; cpu.y = clamp(cpu.y, 0, H - PAD_H); // Ball movement ball.x += ball.vx; ball.y += ball.vy; // Wall bounce (top/bottom) if (ball.y - BALL_SIZE/2 <= 0) { ball.y = BALL_SIZE/2; ball.vy *= -1; } if (ball.y + BALL_SIZE/2 >= H) { ball.y = H - BALL_SIZE/2; ball.vy *= -1; } // Paddle collisions if (rectHit(ball, player)) { ball.x = player.x + PAD_W + BALL_SIZE/2; bounceOff(ball, player); } if (rectHit(ball, cpu)) { ball.x = cpu.x - BALL_SIZE/2; bounceOff(ball, cpu); } // Score if (ball.x < 0) { cpu.score++; checkWin() || launchBall(1); } if (ball.x > W) { player.score++; checkWin() || launchBall(-1); } updateScore(); } function bounceOff(ball, pad) { const relY = (ball.y - (pad.y + PAD_H / 2)) / (PAD_H / 2); const angle = relY * (Math.PI / 3.5); const speed = Math.min(Math.hypot(ball.vx, ball.vy) * 1.04, 12); const dir = ball.vx < 0 ? 1 : -1; ball.vx = dir * speed * Math.cos(angle); ball.vy = speed * Math.sin(angle); } function rectHit(ball, pad) { return ( ball.x - BALL_SIZE/2 < pad.x + PAD_W && ball.x + BALL_SIZE/2 > pad.x && ball.y - BALL_SIZE/2 < pad.y + PAD_H && ball.y + BALL_SIZE/2 > pad.y ); } function checkWin() { if (player.score >= WIN_SCORE || cpu.score >= WIN_SCORE) { state = 'over'; const winner = player.score >= WIN_SCORE ? 'YOU WIN! 🎉' : 'CPU WINS!'; msgEl.textContent = winner; startBtn.textContent = 'PLAY AGAIN'; startBtn.style.display = ''; draw(); return true; } return false; } function updateScore() { scoreEl.textContent = `${player.score} ${cpu.score}`; } function draw() { ctx.fillStyle = '#111'; ctx.fillRect(0, 0, W, H); // Centre dashes ctx.setLineDash([8, 12]); ctx.strokeStyle = '#333'; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(W/2, 0); ctx.lineTo(W/2, H); ctx.stroke(); ctx.setLineDash([]); // Paddles ctx.fillStyle = '#fff'; ctx.fillRect(player.x, player.y, PAD_W, PAD_H); ctx.fillRect(cpu.x, cpu.y, PAD_W, PAD_H); // Ball ctx.beginPath(); ctx.arc(ball.x, ball.y, BALL_SIZE/2, 0, Math.PI*2); ctx.fillStyle = '#fff'; ctx.fill(); } function clamp(v, min, max) { return Math.max(min, Math.min(max, v)); } // Initial draw draw(); })(); </script> </body> </html>
First U.S. Asian Community
The first Filipino community in the United States found its home in the bayous and marshes outside New Orleans, Louisiana. The earliest settlement known was founded around 1765. These Filipino pioneers thought that the swamps of New Orleans gave them safe haven from the Spaniards. They became known as the Manila Men who lived in stilt houses built above the water. Over generations, the Manila Men developed a thriving fishing and shrimping trade, supplying seafood to the city of New Orleans. Their settlements, known as "Filipino Villages," represented the first permanent Asian settlement in North America. The community maintained strong ties to Filipino culture while also integrating into the unique Creole culture of Louisiana. Their legacy is a powerful reminder of the deep and often overlooked contributions of Asian Americans to the founding fabric of the United States.
Will the Blue Wave Be Bigger Than 2018?
<div><div> <p>JD Vance begs voters to give the White House "another chance" as a series of new polls show a political environment even more favorable to Democrats than the one that propelled the blue wave in 2018. </p><p>Jon, Dan, and Alex break down how much "hopium" we should be huffing, a new ad from a Florida Republican breaking with Trump on immigration, and whether unexpectedly close Senate races in Minnesota and New Hampshire should have Democrats worried. They dive into JD Vance's advice to AI companies to simply stop "building Frankenstein" and unpack Trump's fixation on demolishing the Kennedy Center if he's not allowed to name it after himself. </p><p>Alex talks about her new book, "The Steal: Four Right-Wing Hard-Liners, One Republican Presidency, and the Raid on America's Courts," which follows the conservative movement's deliberate takeover of the American judicial system. Then, Dan Osborn, the independent candidate for Senate in Nebraska, stops by the studio to talk to Jon about his campaign against Pete Ricketts.</p><p><strong>Hate listening to ads? </strong>Become a Friends of the Pod subscriber for ad-free episodes of Pod Save America, Pod Save the World, Lovett or Leave It, Runaway Country, Offline with Jon Favreau, and more—plus exclusive content, including bonus episodes of Pod Save America. Subscribe now at <a href="http://crooked.com/friends">crooked.com/friends</a>, on Apple Podcasts, or through the Pod Save America YouTube channel.</p><p>You can request a transcript by emailing <a href="mailto:transcripts@crooked.com">transcripts@crooked.com</a>. Include the podcast name, episode title, and air date. Please allow 48 hours for delivery.</p></div></div>
Home improvement stores feel the pinch
<div><p>Retail sales jumped 1.2% in August after falling in July. But building materials stores — think Home Depot or Lowe’s — still saw a dip. That’s because stretched consumers are putting off “nice-to-haves,” like home renovations. Also in this episode: The future of global energy demand will be driven by a mix of renewables and fossil fuels, high school students take a new AP class melding business and personal finance, and neighbors organize to cooperatively buy their mobile home park.</p><br><p><em>Every story has an economic angle. Want some in your inbox? </em><em><a href="https://www.marketplace.org/newsletters">Subscribe</a></em><em> to our daily or weekly newsletter.</em></p><br><p><em>Marketplace is more than a radio show. Check out our original reporting and financial literacy content at </em><em><a href="https://www.marketplace.org/">marketplace.org</a></em><em> — and consider </em><em><a href="https://www.marketplace.org/make-a-smart-investment">making an investment</a></em><em> in our future.</em></p><br><p><em>Read the stories in today’s episode:</em></p><br><ul><li><a href="https://www.marketplace.org/story/2026/09/17/whats-next-for-global-energy-demand-growth" class="default">The countries driving energy demand growth can't wait for renewables to get cheaper</a></li><li><a href="https://www.marketplace.org/story/2026/09/17/should-the-feds-economic-data-be-public-private-or-both" class="default">Kevin Warsh isn't a "data point-dependent guy"</a></li><li><a href="https://www.marketplace.org/story/2026/09/17/retail-declines-at-home-improvement-stores" class="default">Home improvement stores take a housing market hit</a></li><li><a href="https://www.marketplace.org/story/2026/09/17/high-schoolers-take-new-ap-business-with-personal-finance-class" class="default">High schoolers take new AP business with personal finance class</a></li><li><a href="https://www.marketplace.org/story/2026/09/17/colorado-mobile-home-park-residents-organize-to-buy-park-land" class="default">Residents of a mobile home park try to buy their community before someone else does</a></li><li><a href="https://www.marketplace.org/story/2026/09/17/turning-a-childhood-home-into-a-place-to-share-with-strangers" class="default">Turning a childhood home into a place to share with strangers</a></li></ul></div>
The Roy Cohn Playbook, from McCarthyism to Trump
<div>In a biography of Roy Cohn, Kai Bird looks at how the lawyer taught President Trump to deny, delay, attack, sue and countersue, never admit defeat, side step paying bills and avoid a paper trail. His book, with co-author Susan Goldmark, is <em>American Scoundrel</em>. He spoke with Terry Gross. <br><br>Also, Ken Tucker reflects on three of Dolly Parton’s performances that he says demonstrate her range and her unique takes on romance and heartbreak.<br><br><br>See <a href="https://pcm.adswizz.com/">pcm.adswizz.com</a> for information about our collection and use of personal data for sponsorship and to manage your podcast sponsorship preferences.<br><br><a href="https://www.npr.org/about-npr/179878450/privacy-policy">NPR Privacy Policy</a></div>
Trump Epstein Nightmare Grows…
<div><p>In breaking news, Judge Sullivan has thrown the book at AG Todd Blanche and the DOJ in the Katie Phang litigation over the missing Epstein documents, and has ordered that the DOJ immediately turn over for the Judge’s personal review the dozens of pages of handwritten FBI interview notes of the 4 separate interviews of the alleged victim of Trump’s sex abuse who claims she was abused at the age of 13; has ordered that the DOJ review and produce all foreign language documents in the files; ordered that the DOJ file its answer to the suit by next week without delay; and that it prepare and file the Administrative Record comprised of all the documents about its decisions to produce and not produce documents, redact and not redact the files etc. Popok reports.</p> <p><br></p> <p>Select Quote: Get the right life insurance for you for less at https://SelectQuote.com/legalaf today!</p> <p><br></p> <p>Remember to subscribe to ALL the MeidasTouch Network Podcasts:</p> <p>MeidasTouch: https://www.meidastouch.com/tag/meidastouch-podcast</p> <p>Legal AF: https://www.meidastouch.com/tag/legal-af</p> <p>Sidebar with Katie Phang: https://podcasts.apple.com/us/podcast/sidebar-with-katie-phang/id1886801652</p> <p>The Parnas Perspective: https://podcasts.apple.com/us/podcast/the-parnas-perspective/id1869165949</p> <p>The Intersection with Michael Popok: https://podcasts.apple.com/us/podcast/the-intersection-with-michael-popok/id1818863274</p> <p>MissTrial: https://meidasnews.com/tag/miss-trial</p> <p>The PoliticsGirl Podcast: https://www.meidastouch.com/tag/the-politicsgirl-podcast</p> <p>The Ken Harbaugh Show: https://meidasnews.com/tag/the-ken-harbaugh-show</p> <p>The Weekend Show: https://www.meidastouch.com/tag/the-weekend-show</p> <p>Burn the Boats: https://www.meidastouch.com/tag/burn-the-boats</p> <p>Majority 54: https://www.meidastouch.com/tag/majority-54</p> <p>On Democracy with FP Wellman: https://www.meidastouch.com/tag/on-democracy-with-fpwellman</p> <p>Uncovered: https://www.meidastouch.com/tag/maga-uncovered</p><p> </p><p>Learn more about your ad choices. Visit <a href="https://megaphone.fm/adchoices">megaphone.fm/adchoices</a></p></div>
September 16th, 2026 - Robert Hockett | Mark Hays | Donald Moynihan
<div>We begin with the Fed raising interest rates today by a quarter of a percent with an expectation there will be another increase to 4.1% later this year. Joining us to discuss how this is a response to inflation at 3.7% in July, in part caused by Trump's war on Iran, is Robert Hockett, the Edward Cornell Professor of Law and Finance and a Professor of Public Policy at Cornell University. He has first-hand experience working at the International Monetary Fund and the Federal Reserve Bank of New York, and continues to consult for a number of US federal, state and local legislators and regulators. His latest books are Money from Nothing Or, Why We Should Stop Worrying About Debt and Learn to Love the Federal Reserve, Financing the Green New Deal: A Plan of Action and Renewal and most recently, Spread the Fed: Distributed Central Banking for Productive Monetary Policy. Then we look into the Senate's blocking of the crypto-friendly Clarity Act in a rebuke to billionaire crypto bros trying to buy the next election while building unpopular data centers to manufacture crypto which has been a huge boon for criminals and scammers engaged in ransomware attacks etc. Joining us is Mark Hays, the Associate Director for Cryptocurrency and Financial Technology with Americans for Financial Reform and Demand Progress where he works to ensure effective regulatory oversight of cryptocurrency and other financial technologies. Previously, he was the Anti-Money Laundering Campaign Director at Global Witness. Then finally we speak with Donald Moynihan, the Gerald Ford School's J. Ira and Nicki Harris Family Professor of Public Policy at the University of Michigan. Previously he served as Georgetown University's McCourt School of Public Policy Chair of Public Policy and the director of the La Follette School at the University of Wisconsin-Madison. He co-directs the Better Government Lab, which looks for technology and other types of interventions to help government improve access to the social safety net and has an article at his Substack, "China Thank Trump: The Big Winner of Trump's Assault on Higher Ed is America's Chief Geopolitical Rival." We discuss how Trump has untethered himself from reality as he destroys America's economy, alliances, health, education, science, environment, soft power, rule of law, diplomacy and now our military. backgroundbriefing.org/donate twitter.com/ianmastersmedia bsky.app/profile/ianmastersmedia.bsky.social linktr.ee/backgroundbriefing</div>
All Media is Mar-a-Lago Face: The Beauty of Authoritarianism - TEASER
<div><p>We need to talk about the "creator economy" and the stylish influencers pushing disinformation and misinformation directly into our feeds. The more glossy you are, the more attention you get–and attention is the new currency. That is the same ethos of the princess-haired women swanning around Mar-a-Lago. It's a deliberate dumbing down of society. When gloss replaces the time-intensive grind of investigative journalism, the autocrats and oligarchs who push this strategy distract and confuse us, and ensure important voices who can't win a Sephora Hunger Games get shut out. </p> <p>In this week's bonus show, Gaslit Nation also covers the chilling expansion of America's police state, focusing on the horrifying conditions at the Delaney detention center in New Jersey. Inmates are on hunger strike to demand basic human rights, mirroring the brutal history of political prisoners under Stalin's regime. We must raise our voices, pressure our elected officials (like Governor Mikie Sherrill), and refuse to look away.</p> <p>Do not let the Mar-a-Lago face creator economy and the attention-hungry gatekeepers confuse and wear you down. Stay grounded in your moral force and amplify the truth.</p> <p>Listen to the full episode on Patreon and support our independent journalism. Shape the show and raise your voice at the Gaslit Nation Salon Monday at 4 PM Eastern. Look out for exciting announcements this coming Monday with a special sneak peak exclusively for our Patreon supporters. Can't make it? Listen to the recording later only on <a href="https://patreon.com/Gaslit" target="_blank" rel="noopener noreferrer nofollow">Patreon.com/Gaslit</a>. Thank you to everyone who supports the show. </p> <p>Show Notes:</p> <ul> <li> <p>Opening clip: Dr. Jared Cooney Horvath & EdTech <a href="https://www.youtube.com/shorts/dFgGnY87MGw" target="_blank" rel="noopener noreferrer nofollow">https://www.youtube.com/shorts/dFgGnY87MGw</a></p> </li> <li> <p>Clip: Editor Sara Hadir spreading Ryan Grim's disinformation <a href="https://www.instagram.com/reel/DYxFSFvIvfL/?utm_source=ig_web_copy_link&igsh=NTc4MTIwNjQ2YQ==" target="_blank" rel="noopener noreferrer nofollow">https://www.instagram.com/reel/DYxFSFvIvfL/?utm_source=ig_web_copy_link&igsh=NTc4MTIwNjQ2YQ==</a></p> </li> <li> <p>Watch Andrea Chalupa's journalistic thriller, <em>Mr. Jones</em> <a href="https://tv.apple.com/us/movie/mr-jones/umc.cmc.2b0xynt2xyvsvstfcklscj26y" target="_blank" rel="noopener noreferrer nofollow"></a><a href="https://www.samuelgoldwynfilms.com/mr-jones/" target="_blank" rel="noopener noreferrer nofollow">https://www.samuelgoldwynfilms.com/mr-jones/#</a></p> </li> <li> <p><em>Bloodlands: Europe Between Hitler and Stalin</em> by Timothy Snyder <a href="https://www.basicbooks.com/titles/timothy-snyder/bloodlands/9780465031474/" target="_blank" rel="noopener noreferrer nofollow"></a><a href="https://bookshop.org/p/books/bloodlands-europe-between-hitler-and-stalin-timothy-snyder/8fa8bc938f216251?ean=9781541600065&next=t" target="_blank" rel="noopener noreferrer nofollow">https://bookshop.org/p/books/bloodlands-europe-between-hitler-and-stalin-timothy-snyder/8fa8bc938f216251?ean=9781541600065&next=t</a></p> </li> <li> <p><em>On Tyranny: Twenty Lessons from the Twentieth Century</em> by Timothy Snyder <a href="https://www.penguinrandomhouse.com/books/558051/on-tyranny-by-timothy-snyder/" target="_blank" rel="noopener noreferrer nofollow">https://www.penguinrandomhouse.com/books/558051/on-tyranny-by-timothy-snyder/</a></p> </li> <li> <p><em>Orwell and the Refugees: The Untold Story of Animal Farm</em> by Andrea Chalupa <a href="https://www.amazon.com/Orwell-Refugees-Untold-Story-Animal/dp/B007RXZ5U4" target="_blank" rel="noopener noreferrer nofollow"></a><a href="https://www.amazon.com/Orwell-Refugees-Untold-Story-Animal-ebook/dp/B007JNKF5G" target="_blank" rel="noopener noreferrer nofollow">https://www.amazon.com/Orwell-Refugees-Untold-Story-Animal-ebook/dp/B007JNKF5G</a></p> </li> <li> <p>"They raped every German female from eight to 80" by Antony Beevor in <em>The Guardian</em> <a href="https://www.theguardian.com/books/2002/may/01/news.features11" target="_blank" rel="noopener noreferrer nofollow">https://www.theguardian.com/books/2002/may/01/news.features11</a></p> </li> <li> <p><em>Go Back to Where You Came From: And Other Helpful Recommendations on How to Become American</em> by Wajahat Ali <a href="https://wwnorton.com/books/9780393867614" target="_blank" rel="noopener noreferrer nofollow"></a><a href="https://www.porchlightbooks.com/products/go-back-to-where-you-came-from-wajahat-ali-9781324050322" target="_blank" rel="noopener noreferrer nofollow">https://www.porchlightbooks.com/products/go-back-to-where-you-came-from-wajahat-ali-9781324050322</a></p> </li> <li> <p>Listen to Andrea's sweeping discussion with Wajahat Ali on his Substack show, <em>The Left Hook</em> <a href="https://wajali.substack.com/" target="_blank" rel="noopener noreferrer nofollow"></a><a href="https://substack.com/@gaslitnation/note/p-200496672?utm_source=notes-share-action&r=2mrjsl" target="_blank" rel="noopener noreferrer nofollow">https://substack.com/@gaslitnation/note/p-200496672?utm_source=notes-share-action&r=2mrjsl</a></p> </li> <li> <p>Watch the classic investigative journalism film, <em>Spotlight</em> <a href="https://tv.apple.com/us/movie/spotlight/umc.cmc.231xpxx94g9f4d1e2xez7906d" target="_blank" rel="noopener noreferrer nofollow"></a><a href="https://www.youtube.com/watch?v=zPZhUM8VlpQ" target="_blank" rel="noopener noreferrer nofollow">https://www.youtube.com/watch?v=zPZhUM8VlpQ</a></p> </li> <li> <p>Ryan and Emily DEBATE: Did Soviets END The Holocaust? <a href="https://www.youtube.com/watch?v=tJuwsu109YM" target="_blank" rel="noopener noreferrer nofollow">https://www.youtube.com/watch?v=tJuwsu109YM</a></p> </li> <li> <p>Laurie Santos, professor at Yale, on how students today just stare at their phones <a href="https://www.instagram.com/p/DZJUBPCHyM4/?utm_source=ig_web_copy_link&igsh=NTc4MTIwNjQ2YQ%3D%3D" target="_blank" rel="noopener noreferrer nofollow">https://www.instagram.com/p/DZJUBPCHyM4/?utm_source=ig_web_copy_link&igsh=NTc4MTIwNjQ2YQ%3D%3D</a></p> </li> <li> <p>The toll on press covering Delaney Hall <a href="https://bsky.app/profile/marisakabas.bsky.social/post/3mnarxbejw22l" target="_blank" rel="noopener noreferrer nofollow">https://bsky.app/profile/marisakabas.bsky.social/post/3mnarxbejw22l</a></p> </li> <li> <p>Learn more about the hunger strike and protests at the Delaney Hall detention center in New Jersey <a href="https://www.google.com/search?q=https%3A%2F%2Fwww.theguardian.com%2Fcommentisfree%2F2026%2Fjun%2F02%2Fice-detention-camp-delaney-hall" target="_blank" rel="noopener noreferrer nofollow"></a><a href="https://www.theguardian.com/commentisfree/2026/jun/02/ice-detention-camp-delaney-hall" target="_blank" rel="noopener noreferrer nofollow">https://www.theguardian.com/commentisfree/2026/jun/02/ice-detention-camp-delaney-hall</a></p> </li> <li> <p>Contact Representative Mikie Sherrill to demand action on Delaney Hall <a href="https://www.google.com/search?q=https%3A%2F%2Fsherrill.house.gov%2Fcontact" target="_blank" rel="noopener noreferrer nofollow">https://sherrill.house.gov/contact</a></p> </li> <li> <p>Sign up for the Gaslit Nation Patreon to attend the upcoming songwriting workshop with Leslie Nuss on June 22n at 4pm ET and access the exclusive Monday Salons <a href="https://www.google.com/search?q=https%3A%2F%2Fwww.patreon.com%2Fgaslit" target="_blank" rel="noopener noreferrer nofollow"></a><a href="https://www.patreon.com/gaslit" target="_blank" rel="noopener noreferrer nofollow">https://www.patreon.com/gaslit</a></p> </li> </ul> <p> </p></div>
First U.S. Asian Community
The first Filipino community in the United States found its home in the bayous and marshes outside New Orleans, Louisiana. The earliest settlement known was founded around 1765. These Filipino pioneers thought that the swamps of New Orleans gave them safe haven from the Spaniards. They became known as the Manila Men who lived in stilt houses built above the water. Over generations, the Manila Men developed a thriving fishing and shrimping trade, supplying seafood to the city of New Orleans. Their settlements, known as "Filipino Villages," represented the first permanent Asian settlement in North America. The community maintained strong ties to Filipino culture while also integrating into the unique Creole culture of Louisiana. Their legacy is a powerful reminder of the deep and often overlooked contributions of Asian Americans to the founding fabric of the United States.
Rajnii Eddiins
Rajnii Eddiins is a dynamic spoken word artist — a dynamite MC — a devout lover of children as well as a fervent embracer of positive impactful change for the future. Son of a poet and revolutionary renaissance woman, Randee Eddins, founder of the African American Writer's Alliance, he was exposed at an early age to the culture of spoken word. Cultivated in a circle of brilliance, he seeks to deconstruct outdated definitions and reinvigorate the truest sense of our humanity. His performances fuse hip-hop, poetry, and storytelling into experiences that challenge audiences to think, feel, and act. Drawing from his own journey and the rich tradition of Black oral culture, Rajnii has performed at schools, universities, and cultural events across the country, earning a reputation as one of the most compelling voices of his generation. He continues to mentor young artists, believing that the next revolution will be spoken — and that every voice deserves to be heard.
Sample Page
<!-- wp:paragraph --> <p>This is an example page. It's different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:</p> <!-- /wp:paragraph --> <!-- wp:quote --> <blockquote class="wp-block-quote"> <!-- wp:paragraph --> <p>Hi there! I'm a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin' caught in the rain.)</p> <!-- /wp:paragraph --> </blockquote> <!-- /wp:quote --> <!-- wp:paragraph --> <p>...or something like this:</p> <!-- /wp:paragraph --> <!-- wp:quote --> <blockquote class="wp-block-quote"> <!-- wp:paragraph --> <p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.</p> <!-- /wp:paragraph --> </blockquote> <!-- /wp:quote --> <!-- wp:paragraph --> <p>As a new WordPress user, you should go to <a href="http://c-shock.qtw-dodropinn.com/wp-admin/">your dashboard</a> to delete this page and create new pages for your content. Have fun!</p> <!-- /wp:paragraph -->
🀄 Mah Jong Nights - Tiles, Strategy, and Fun!
Join us for Mah Jong nights! We play both American and Chinese versions. **Weekly Schedule:** - **Thursday 6PM:** American Mah Jong - **Sunday 2PM:** Chinese Mah Jong **Game Types:** - **American:** With jokers, Charleston passing - **Chinese:** Hong Kong style with flowers and seasons **Equipment:** - Full tile sets available - Racks and pushers provided - Score cards included **Current Tables:** - Table 1: Expert players - Table 2: Intermediate - Table 3: Beginners welcome! **Learning Sessions:** - 30-minute tutorial before each session - Cheat sheets available - Pair up with experienced players **This Week's Event:** Mah Jong Marathon - Saturday 1PM to 9PM! _Bring your lucky tile and competitive spirit!_
🀠 Dominoes Nights - Mexican Train, Block, and More!
Join us for Dominoes nights! We play multiple variations for all skill levels. **Weekly Schedule:** - **Sunday 6PM:** Main Dominoes Night - **Wednesday 8PM:** Practice games **Game Variations:** - **Mexican Train:** 15 rounds, tournament style - **Block:** Classic strategy game - **Draw:** Quick games for beginners **What We Provide:** - Double-nine dominoes set - Train markers and scorecards - Tables and space **Current Championship:** 1. 🏆 rostenwoo - 15 wins 2. 🥈 qwart9 - 13 wins 3. 🥉 delfalan - 11 wins **Beginner Friendly:** - Learn the rules in 10 minutes - Guided play with experienced players - Strategy tips and tricks **Special Event:** Mexican Train Marathon - First Sunday of every month! _All ages welcome - dominoes are a family favorite!_
♟️ Family Chess Club - Learn, Play, Compete!
Welcome to the Family Chess Club! Whether you're a grandmaster or a complete beginner, everyone is welcome. **Weekly Schedule:** - **Tuesday 7PM:** Beginner lessons and friendly games - **Thursday 7PM:** Intermediate strategy sessions - **Saturday 2PM:** Tournament games (rated) **Current Rankings:** 1. 🏆 delfalan - 1450 ELO 2. 🥈 patlucyw - 1320 ELO 3. 🥉 qwart9 - 1250 ELO 4. 🔹 rostenwoo - 1100 ELO 5. 🔹 judic - 950 ELO (improving!) **How to Play:** - Chess board and pieces provided - Digital option: Chess.com family club available - Beginners: Free coaching available **This Week's Challenge:** Can anyone beat delfalan? Winner gets to choose next family dinner! _RSVP in comments with your skill level (Beginner/Intermediate/Advanced)_
🃏 Family Poker Night - Texas Hold'em Tournament
Welcome to Family Poker Night! We play Texas Hold'em with friendly competition and fun for all skill levels. **Weekly Schedule:** - **Friday 8PM:** Texas Hold'em Tournament - **Saturday 3PM:** Casual Poker Games **Game Rules:** - Texas Hold'em format - No-limit betting (within family limits) - Blinds increase every 15 minutes - Rebuys allowed (first hour only) **Buy-in:** Fun only! No real money - we use: - 🎯 Bragging rights - 🏆 Trophy for the winner - 👑 "King of Cards" title **Beginner Friendly:** - 10-minute rule explanation before each game - Practice hands with experienced players - Cheat sheets available for hand rankings **Current Champions:** 1. 🏆 delfalan - 3 wins 2. 🥈 qwart9 - 2 wins 3. 🥉 rostenwoo - 1 win **This Week's Theme:** "Tournament of Champions" - All previous winners battle for the crown! _RSVP in comments - family-friendly, all ages welcome!_
Leave a Reply