Files
apophenia.news/dist/index.html
2026-07-14 01:19:30 +00:00

174 lines
10 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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-BRgFs6gw.js"></script>
<link rel="stylesheet" crossorigin href="/assets/main-DAoL7IZH.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="/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="/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">5 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/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. Its non-invasive, long-range, and its 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&#39;ll die before aging is cured. With the 2030 LEV horizon approaching, let&#39;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&#39;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&#39;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&#39;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>
</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>