ok<?php
require_once __DIR__ . '/includes/config.php';
$pageTitle   = 'About — dispelled.ca';
$currentPage = 'about';
require_once __DIR__ . '/includes/header.php';
?>

<h1 class="page-title">About</h1>

<div class="prose-block">
  <p>
    <strong>dispelled.ca</strong> is a personal homepage and news aggregator for a small Canadian household.
    It pulls RSS feeds from across the open source, security, and tech world and presents them in a single clean stream.
  </p>
  <p>
    The site is a retro PHP edition with zero JavaScript — pure HTML, pure CSS, rendered server-side.
    Fast, accessible, and works on anything.
    Two exceptions: the Stocks page embeds a TradingView widget, and the footer has a Bandcamp player,
    both of which load 3rd-party scripts.
  </p>
  <p>
    Everything is built and iterated on in the open using Replit and Claude.
    Every feature, bug fix, and feed addition happens in real time.
  </p>
</div>

<h2 class="section-subtitle">Stack</h2>
<div class="info-grid">
  <?php
  $stack = [
    'Frontend'        => 'PHP + vanilla CSS (zero JS)',
    'API server'      => 'Node.js + Express 5',
    'Weather'         => 'Open-Meteo (free, no key)',
    'News feeds'      => 'RSS via rss-parser',
    'Community'       => 'Reddit public RSS feeds',
    'GitHub data'     => 'GitHub public search API',
    'Stocks'          => 'TradingView embedded widget',
    'Hosting'         => 'Replit',
    'Built with'      => 'Claude (Anthropic)',
  ];
  foreach ($stack as $label => $value): ?>
  <div class="info-card">
    <p class="info-label"><?= htmlspecialchars($label) ?></p>
    <p class="info-value"><?= htmlspecialchars($value) ?></p>
  </div>
  <?php endforeach ?>
</div>

<h2 class="section-subtitle">News Sources</h2>
<ul class="source-list">
  <?php foreach (['Slashdot','Ars Technica','Hacker News','The Register','Phoronix','LWN.net','EFF','Krebs on Security'] as $s): ?>
    <li><span class="source-arrow">›</span> <?= htmlspecialchars($s) ?></li>
  <?php endforeach ?>
</ul>

<?php require_once __DIR__ . '/includes/footer.php'; ?>
