mirror of
https://github.com/apophenia-news/apophenia.news.git
synced 2026-08-28 06:45:43 +00:00
239 lines
15 KiB
HTML
239 lines
15 KiB
HTML
|
||
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>apophenia.news — The news outlet for pattern seekers</title>
|
||
<meta name="description" content="Signals, anomalies, civilization trajectories, and deep pattern analysis." />
|
||
<meta property="og:title" content="apophenia.news — The news outlet for pattern seekers" />
|
||
<meta property="og:description" content="Signals, anomalies, civilization trajectories, and deep pattern analysis." />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="https://apophenia.news/" />
|
||
<meta property="og:image" content="https://direct-img.link/constellation+data+points+minimal+white+background" />
|
||
<meta name="theme-color" content="#fcfcfa" />
|
||
<link rel="canonical" href="https://apophenia.news/" />
|
||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||
<link rel="alternate" type="application/rss+xml" title="apophenia.news RSS" href="https://apophenia.news/rss.xml" />
|
||
<script data-goatcounter="https://apophenia.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
|
||
<script type="module" crossorigin src="/assets/main-DLSNKAYM.js"></script>
|
||
<link rel="stylesheet" crossorigin href="/assets/main-CnFRMG6i.css">
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<header class="sticky top-0 z-40 border-b border-zinc-200/80 bg-paper/95 backdrop-blur">
|
||
<div class="shell py-3 flex items-center justify-between gap-4" x-data="{open:false}">
|
||
<a href="/" class="inline-flex items-center gap-3">
|
||
|
||
<svg class="h-10 w-10 brand-glow" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Apophenia News logo">
|
||
<defs>
|
||
<linearGradient id="ap-grad" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0%" stop-color="#4f46e5"/>
|
||
<stop offset="100%" stop-color="#0ea5e9"/>
|
||
</linearGradient>
|
||
</defs>
|
||
<rect x="6" y="6" width="108" height="108" rx="28" fill="#ffffff" stroke="url(#ap-grad)" stroke-width="8"/>
|
||
<circle cx="36" cy="36" r="8" fill="#4f46e5"/>
|
||
<circle cx="84" cy="36" r="8" fill="#0ea5e9"/>
|
||
<circle cx="36" cy="84" r="8" fill="#0ea5e9"/>
|
||
<circle cx="84" cy="84" r="8" fill="#4f46e5"/>
|
||
<path d="M36 36L84 84M84 36L36 84M36 36H84M36 84H84" stroke="#111827" stroke-opacity=".6" stroke-width="4" stroke-linecap="round"/>
|
||
<circle cx="60" cy="60" r="10" fill="#111827"/>
|
||
</svg>
|
||
<div>
|
||
<p class="text-lg leading-none font-bold">apophenia.news</p>
|
||
<p class="text-xs text-zinc-500">for pattern seekers</p>
|
||
</div>
|
||
</a>
|
||
<button class="sm:hidden p-2 rounded-lg border border-zinc-200 bg-white" @click="open=!open" aria-label="Toggle menu">
|
||
<i data-lucide="menu" class="h-4 w-4"></i>
|
||
</button>
|
||
<nav class="hidden sm:flex items-center gap-6 text-sm">
|
||
<a href="/">Home</a>
|
||
<a href="/newsletter/">Newsletter</a>
|
||
<a href="https://store.apophenia.news" target="_blank" rel="noopener">Store</a>
|
||
<a href="/write/">Become a writer</a>
|
||
<a href="/rss.xml">RSS</a>
|
||
</nav>
|
||
<nav class="sm:hidden absolute left-4 right-4 top-[70px] card p-3" x-show="open" x-transition>
|
||
<a class="block py-1.5" href="/">Home</a>
|
||
<a class="block py-1.5" href="/newsletter/">Newsletter</a>
|
||
<a class="block py-1.5" href="https://store.apophenia.news" target="_blank" rel="noopener">Store</a>
|
||
<a class="block py-1.5" href="/write/">Become a writer</a>
|
||
<a class="block py-1.5" href="/rss.xml">RSS</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="shell py-10">
|
||
<section class="card p-6 sm:p-10 bg-gradient-to-b from-white to-indigo-50/50">
|
||
<p class="tag mb-3"><i data-lucide="sparkles" class="h-3.5 w-3.5"></i>Pattern Intelligence Journalism</p>
|
||
<h1 class="text-4xl sm:text-5xl font-bold leading-tight">The news outlet for pattern seekers</h1>
|
||
<p class="mt-4 text-zinc-700 max-w-2xl">High-agency analysis at the intersection of AGI, consciousness, geopolitics, and first-contact logic.</p>
|
||
</section>
|
||
|
||
<section class="mt-10">
|
||
<div class="flex items-center justify-between mb-4">
|
||
<h2 class="text-2xl font-bold">Latest Articles</h2>
|
||
<span class="text-sm text-zinc-500">7 published</span>
|
||
</div>
|
||
|
||
<div class="grid md:grid-cols-2 gap-5">
|
||
|
||
<article class="card overflow-hidden hover:-translate-y-0.5 transition">
|
||
<img src="https://direct-img.link/infinite+layers+of+reality+cosmic+fractal+zero+and+one" alt="My Theory of Everything" class="h-48 w-full object-cover" />
|
||
<div class="p-5">
|
||
<p class="text-xs uppercase tracking-wide text-zinc-500">August 17, 2026</p>
|
||
<h3 class="mt-2 text-2xl font-semibold leading-tight">
|
||
<a href="/my-theory-of-everything/">My Theory of Everything</a>
|
||
</h3>
|
||
<p class="mt-2 text-zinc-700">Why does anything exist? Why doesn't nothing exist instead? Both are true — and from that single fact, everything else follows: time, order, God, and the layers above infinity.</p>
|
||
<div class="mt-4 flex flex-wrap gap-2">
|
||
<span class="tag">#theory-of-everything</span><span class="tag">#existence</span><span class="tag">#consciousness</span><span class="tag">#infinity</span>
|
||
</div>
|
||
<a href="/my-theory-of-everything/" class="inline-flex items-center gap-1 mt-5 text-sm font-medium">
|
||
Read article <i data-lucide="arrow-right" class="h-4 w-4"></i>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
<article class="card overflow-hidden hover:-translate-y-0.5 transition">
|
||
<img src="https://direct-img.link/galactic+internet+cosmic+network+glowing" alt="The Future of the Internet" class="h-48 w-full object-cover" />
|
||
<div class="p-5">
|
||
<p class="text-xs uppercase tracking-wide text-zinc-500">August 14, 2026</p>
|
||
<h3 class="mt-2 text-2xl font-semibold leading-tight">
|
||
<a href="/the-future-of-the-internet/">The Future of the Internet</a>
|
||
</h3>
|
||
<p class="mt-2 text-zinc-700">One day the internet may stretch across the galaxy, open gateways to other civilizations, and come alive with AI living and breeding inside it. What happens when we're no longer sure we're alone in there?</p>
|
||
<div class="mt-4 flex flex-wrap gap-2">
|
||
<span class="tag">#internet</span><span class="tag">#AGI</span><span class="tag">#aliens</span><span class="tag">#dead-internet-theory</span>
|
||
</div>
|
||
<a href="/the-future-of-the-internet/" class="inline-flex items-center gap-1 mt-5 text-sm font-medium">
|
||
Read article <i data-lucide="arrow-right" class="h-4 w-4"></i>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
<article class="card overflow-hidden hover:-translate-y-0.5 transition">
|
||
<img src="https://direct-img.link/nsa+fort+meade+hd" alt="Human Telepathy is Here, Invented by the NSA" class="h-48 w-full object-cover" />
|
||
<div class="p-5">
|
||
<p class="text-xs uppercase tracking-wide text-zinc-500">July 13, 2026</p>
|
||
<h3 class="mt-2 text-2xl font-semibold leading-tight">
|
||
<a href="/human-telepathy-is-here/">Human Telepathy is Here, Invented by the NSA</a>
|
||
</h3>
|
||
<p class="mt-2 text-zinc-700">The biggest invention since the atomic bomb arrived more than five years ago. It’s non-invasive, long-range, and it’s already running.</p>
|
||
<div class="mt-4 flex flex-wrap gap-2">
|
||
<span class="tag">#NSA</span><span class="tag">#telepathy</span><span class="tag">#mind-control</span><span class="tag">#transhumanism</span>
|
||
</div>
|
||
<a href="/human-telepathy-is-here/" class="inline-flex items-center gap-1 mt-5 text-sm font-medium">
|
||
Read article <i data-lucide="arrow-right" class="h-4 w-4"></i>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
<article class="card overflow-hidden hover:-translate-y-0.5 transition">
|
||
<img src="https://direct-img.link/horizon-ocean" alt="Longevity Escape Velocity: What are your chances?" class="h-48 w-full object-cover" />
|
||
<div class="p-5">
|
||
<p class="text-xs uppercase tracking-wide text-zinc-500">July 10, 2026</p>
|
||
<h3 class="mt-2 text-2xl font-semibold leading-tight">
|
||
<a href="/longevity-escape-velocity-what-are-your-chances/">Longevity Escape Velocity: What are your chances?</a>
|
||
</h3>
|
||
<p class="mt-2 text-zinc-700">A 45-year-old on Reddit thinks he'll die before aging is cured. With the 2030 LEV horizon approaching, let's break down the actual survival odds generation by generation.</p>
|
||
<div class="mt-4 flex flex-wrap gap-2">
|
||
<span class="tag">#longevity</span><span class="tag">#LEV</span><span class="tag">#AGI</span><span class="tag">#generations</span>
|
||
</div>
|
||
<a href="/longevity-escape-velocity-what-are-your-chances/" class="inline-flex items-center gap-1 mt-5 text-sm font-medium">
|
||
Read article <i data-lucide="arrow-right" class="h-4 w-4"></i>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
<article class="card overflow-hidden hover:-translate-y-0.5 transition">
|
||
<img src="https://direct-img.link/prediction+market+marco-rubio" alt="Rubio Overtakes Vance" class="h-48 w-full object-cover" />
|
||
<div class="p-5">
|
||
<p class="text-xs uppercase tracking-wide text-zinc-500">May 31, 2026</p>
|
||
<h3 class="mt-2 text-2xl font-semibold leading-tight">
|
||
<a href="/rubio-overtakes-vance-kalshi-2028/">Rubio Overtakes Vance</a>
|
||
</h3>
|
||
<p class="mt-2 text-zinc-700">Marco Rubio just became the highest-priced candidate to win the 2028 presidency on Kalshi — while JD Vance still leads Polymarket. The split between two markets, and the rumors that Vance may not run at all, tell a story the polls can't.</p>
|
||
<div class="mt-4 flex flex-wrap gap-2">
|
||
<span class="tag">#2028</span><span class="tag">#Marco Rubio</span><span class="tag">#JD Vance</span><span class="tag">#Kalshi</span>
|
||
</div>
|
||
<a href="/rubio-overtakes-vance-kalshi-2028/" class="inline-flex items-center gap-1 mt-5 text-sm font-medium">
|
||
Read article <i data-lucide="arrow-right" class="h-4 w-4"></i>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
<article class="card overflow-hidden hover:-translate-y-0.5 transition">
|
||
<img src="https://direct-img.link/infinite+hourglass+space+cosmic+immortality" alt="AGI → Immortality → Everything Else" class="h-48 w-full object-cover" />
|
||
<div class="p-5">
|
||
<p class="text-xs uppercase tracking-wide text-zinc-500">February 26, 2026</p>
|
||
<h3 class="mt-2 text-2xl font-semibold leading-tight">
|
||
<a href="/agi-immortality-the-universal-sequence/">AGI → Immortality → Everything Else</a>
|
||
</h3>
|
||
<p class="mt-2 text-zinc-700">Why immortality is the inevitable second step after AGI — and why any alien civilization that reaches us has already solved death.</p>
|
||
<div class="mt-4 flex flex-wrap gap-2">
|
||
<span class="tag">#AGI</span><span class="tag">#immortality</span><span class="tag">#singularity</span><span class="tag">#aging</span>
|
||
</div>
|
||
<a href="/agi-immortality-the-universal-sequence/" class="inline-flex items-center gap-1 mt-5 text-sm font-medium">
|
||
Read article <i data-lucide="arrow-right" class="h-4 w-4"></i>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
<article class="card overflow-hidden hover:-translate-y-0.5 transition">
|
||
<img src="https://direct-img.link/alien+mind+reading+glowing+brain+sci-fi" alt="When Aliens Arrive, They Already Know What You're Thinking" class="h-48 w-full object-cover" />
|
||
<div class="p-5">
|
||
<p class="text-xs uppercase tracking-wide text-zinc-500">February 25, 2026</p>
|
||
<h3 class="mt-2 text-2xl font-semibold leading-tight">
|
||
<a href="/when-aliens-arrive-they-already-know-what-youre-thinking/">When Aliens Arrive, They Already Know What You're Thinking</a>
|
||
</h3>
|
||
<p class="mt-2 text-zinc-700">Why any sufficiently advanced civilization will have inevitably developed telepathy — and what that means for every reported alien encounter in history.</p>
|
||
<div class="mt-4 flex flex-wrap gap-2">
|
||
<span class="tag">#aliens</span><span class="tag">#telepathy</span><span class="tag">#AGI</span><span class="tag">#electromagnetic-fields</span>
|
||
</div>
|
||
<a href="/when-aliens-arrive-they-already-know-what-youre-thinking/" class="inline-flex items-center gap-1 mt-5 text-sm font-medium">
|
||
Read article <i data-lucide="arrow-right" class="h-4 w-4"></i>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="mt-10 card overflow-hidden bg-gradient-to-b from-white to-indigo-50/60">
|
||
<div class="p-6 sm:p-8 grid sm:grid-cols-[1fr,340px] gap-8 items-center">
|
||
<div>
|
||
<p class="tag mb-3"><i data-lucide="shopping-bag" class="h-3.5 w-3.5"></i>Merch</p>
|
||
<h2 class="text-2xl sm:text-3xl font-bold leading-tight">Wear the pattern</h2>
|
||
<p class="mt-3 text-zinc-700 max-w-md">
|
||
The <strong>Pattern Seeker</strong> heavy-blend zip hoodie — constellation print across the back, quiet mark on the chest.
|
||
</p>
|
||
<a href="https://store.apophenia.news/products/pattern-seeker" target="_blank" rel="noopener"
|
||
class="mt-5 inline-flex items-center gap-2 rounded-xl bg-accent px-5 py-3 text-sm font-medium text-white transition hover:bg-indigo-700">
|
||
Shop the hoodie <i data-lucide="arrow-up-right" class="h-4 w-4"></i>
|
||
</a>
|
||
<p class="mt-3 text-xs text-zinc-500 hidden sm:block">Hover a shot to zoom the print.</p>
|
||
</div>
|
||
<div class="grid grid-cols-2 gap-3">
|
||
<a href="https://store.apophenia.news/products/pattern-seeker" target="_blank" rel="noopener" aria-label="Pattern Seeker zip hoodie — chest mark"
|
||
class="block overflow-hidden rounded-xl bg-white/40">
|
||
<img src="/merch/apophenia_hoodie_front.avif" alt="Pattern Seeker zip hoodie — chest mark" loading="lazy" decoding="async"
|
||
class="w-full origin-[61%_29%] transition-transform duration-500 ease-out hover:scale-[2.4]" />
|
||
</a>
|
||
<a href="https://store.apophenia.news/products/pattern-seeker" target="_blank" rel="noopener" aria-label="Pattern Seeker zip hoodie — constellation back print"
|
||
class="block overflow-hidden rounded-xl bg-white/40">
|
||
<img src="/merch/apophenia_hoodie_back.webp" alt="Pattern Seeker zip hoodie — constellation back print" loading="lazy" decoding="async"
|
||
class="w-full origin-[50%_38%] transition-transform duration-500 ease-out hover:scale-[2.1]" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<footer class="mt-16 border-t border-zinc-200 bg-white/70">
|
||
<div class="shell py-8 text-sm text-zinc-600 flex flex-col sm:flex-row justify-between gap-2">
|
||
<p>Apophenia News — finding patterns in the noise since 2026</p>
|
||
<p>© 2026 apophenia.news</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|