mirror of
https://github.com/apophenia-news/apophenia.news.git
synced 2026-03-17 03:11:01 +00:00
122 lines
6.5 KiB
HTML
122 lines
6.5 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="alternate" type="application/rss+xml" title="apophenia.news RSS" href="https://apophenia.news/rss.xml" />
|
|
<script type="module" crossorigin src="/assets/main-C_B_-gND.js"></script>
|
|
<link rel="stylesheet" crossorigin href="/assets/main-DHa-d1gv.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="/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="/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">2 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+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>
|
|
</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>
|