<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>404 - Page Not Found</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
<link rel="stylesheet" href="/css/retro-sci-fi.css?v=25">

  
<link rel="icon" href="/favicon.ico?v=2" sizes="any">
<link rel="icon" type="image/png" href="/favicon-32x32.png?v=2" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png?v=2" sizes="16x16">
<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2" sizes="180x180">

  <meta name="theme-color" content="#0a0e1a">

  
  <meta property="og:type" content="website">
  <meta property="og:title" content="404 - Page Not Found">
  <meta property="og:site_name" content="jonwear.com">
  <meta property="og:image" content="https://jonwear.com/images/cow404.webp">

  
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="404 - Page Not Found">
  <meta name="twitter:image" content="https://jonwear.com/images/cow404.webp">
</head>
<body>
  <div class="wrap">
    <div class="crt">
      
<span class="theme-toggle">
  <button id="theme-auto">Auto</button>
  <button id="theme-dark">Dark</button>
  <button id="theme-light">Light</button>
</span>
<script>
(function(){
  var theme = localStorage.getItem('theme') || 'auto';
  var darkColor = '#0a0e1a';
  var lightColor = '#f6f9ff';
  function getEffectiveTheme(t) {
    if (t === 'auto') {
      return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
    }
    return t;
  }
  function updateThemeColor(t) {
    var effective = getEffectiveTheme(t);
    var meta = document.querySelector('meta[name="theme-color"]');
    if (meta) meta.setAttribute('content', effective === 'light' ? lightColor : darkColor);
  }
  function apply(t) {
    document.documentElement.classList.remove('theme-dark','theme-light');
    if (t === 'dark') document.documentElement.classList.add('theme-dark');
    else if (t === 'light') document.documentElement.classList.add('theme-light');
    localStorage.setItem('theme', t);
    document.querySelectorAll('.theme-toggle button').forEach(function(b){ b.classList.remove('active'); });
    document.getElementById('theme-' + t).classList.add('active');
    updateThemeColor(t);
  }
  apply(theme);
  window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', function() {
    if (localStorage.getItem('theme') === 'auto') updateThemeColor('auto');
  });
  document.getElementById('theme-auto').onclick = function(){ apply('auto'); };
  document.getElementById('theme-dark').onclick = function(){ apply('dark'); };
  document.getElementById('theme-light').onclick = function(){ apply('light'); };
})();
</script>

      <nav class="site-nav">
        
<a href="/">Home</a> · <a href="/archive/">Articles</a> / <a href="/feed.xml">RSS</a> · <a href="/notes/">Notes</a> / <a href="/notes/feed.xml">RSS</a>

      </nav>

      <article class="error-page">
        <h1>404</h1>
        <p class="error-subtitle">DESIRED SPECIMEN NOT FOUND</p>
        <img src="/images/cow404.webp" alt="Alien saucer flying above a bridge with three cows standing on their hind legs, hiding under the bridge. The cow on the left has a 4 on its chest, the middle a 0, and the right a 4." class="error-robot">
        <p>GzoRt gave us the wrong coordinates again!</p>
        <p><a href="/">Return home world &rarr;</a></p>
      </article>

      <footer>
        
<a href="/">Home</a> · <a href="/archive/">Articles</a> / <a href="/feed.xml">RSS</a> · <a href="/notes/">Notes</a> / <a href="/notes/feed.xml">RSS</a>

      </footer>
    </div>
  </div>
</body>
</html>
