ColdFront/404.html at main · Kshot3000/ColdFront · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="theme-color" content="#060d18">
  <title>404 — Lost in the Snow · The Cold Front</title>
  <script>
  /* v1.70.0 — 404s are served from arbitrary path depths, so pin relative URLs
     to the site root: /ColdFront/ on the github.io project URL, / on the custom
     domain. The old hardcoded <base href="/ColdFront/"> 404'd every stylesheet,
     script, and image on coldfronthq.com, leaving visitors a raw unstyled page.
     Runs synchronously during parse, ahead of every relative asset below. */
  (function () {
    var base = document.createElement('base');
    base.href = location.hostname === 'kshot3000.github.io' ? '/ColdFront/' : '/';
    document.head.insertBefore(base, document.head.firstChild);
  })();
  </script>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta property="og:title" content="404 — Whiteout — THE COLD FRONT">
  <meta property="og:description" content="404 — Whiteout — THE COLD FRONT">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://coldfronthq.com/404.html">
  <meta property="og:image" content="https://coldfronthq.com/img/og-image.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="THE COLD FRONT — Chicago Bears × Midwest Winter Football">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@kshot9000">
  <meta name="twitter:title" content="404 — Whiteout — THE COLD FRONT">
  <meta name="twitter:description" content="404 — Whiteout — THE COLD FRONT">
  <meta name="twitter:image" content="https://coldfronthq.com/img/og-image.png">  <link rel="icon" type="image/svg+xml" href="img/favicon.svg">
  <link rel="manifest" href="manifest.webmanifest">
  <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="apple-mobile-web-app-title" content="Cold Front">
  <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/main.css?v=1.191.0">
  <link rel="stylesheet" href="css/experience.css?v=1.199.0">
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3316742664595468"
       crossorigin="anonymous"></script>
</head>
<body>
<canvas id="snow" aria-hidden="true"></canvas>

<div class="weather-strip" data-cf-weather aria-label="Chicago field conditions"></div>

<header class="site-head">
  <div class="wrap">
    <a class="brand" href="index.html" aria-label="THE COLD FRONT — home">
      <svg class="mark" viewBox="0 0 48 48" aria-hidden="true">
        <rect x="1.5" y="1.5" width="45" height="45" rx="10" fill="#101F33" stroke="#5C7A99" stroke-opacity="0.55"/>
        <g fill="#C83803">
          <ellipse cx="24" cy="29.5" rx="7.6" ry="6.1"/>
          <ellipse cx="13.4" cy="21" rx="3.4" ry="4.5" transform="rotate(-18 13.4 21)"/>
          <ellipse cx="20.4" cy="15.6" rx="3.6" ry="4.9" transform="rotate(-6 20.4 15.6)"/>
          <ellipse cx="28.6" cy="15.6" rx="3.6" ry="4.9" transform="rotate(6 28.6 15.6)"/>
          <ellipse cx="35.6" cy="21" rx="3.4" ry="4.5" transform="rotate(18 35.6 21)"/>
        </g>
        <line x1="8" y1="40.5" x2="40" y2="40.5" stroke="#E8541E" stroke-width="2.4" stroke-linecap="round"/>
        <path d="M12 40.5 h6 l-3 -6 z" fill="#E8541E"/>
        <path d="M21 40.5 h6 l-3 -6 z" fill="#E8541E"/>
        <path d="M30 40.5 h6 l-3 -6 z" fill="#E8541E"/>
      </svg>
      <span class="name">The Cold Front<small>Chicago Bears × Midwest Winter</small></span>
    </a>
    <button class="nav-toggle" aria-label="Toggle menu"><svg class="nt-icon" width="22" height="22" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><line class="nt-bar nt-top" x1="4" y1="7" x2="20" y2="7"/><line class="nt-bar nt-mid" x1="4" y1="12" x2="20" y2="12"/><line class="nt-bar nt-bot" x1="4" y1="17" x2="20" y2="17"/></svg></button>
    <nav class="nav" aria-label="Main">
      <a href="index.html">Home</a>
      <a href="news.html">News</a>
      <a href="games.html">Games</a>
      <a href="highlights.html">Highlights</a>
      <a href="stats.html">Stats</a>
      <a href="odds.html">Odds</a>
      <a href="injuries.html">Injuries</a>
      <a href="practice.html">Practice</a>
      <a href="team.html">Team</a>
      <a href="about.html">About</a>
      <a href="https://x.com/kshot9000" target="_blank" rel="noopener" aria-label="My X profile"><span aria-hidden="true">𝕏</span><span class="nav-x-label">@kshot9000</span></a>
    </nav>
  </div>
</header>

<main>
  <div class="wrap">
    <div class="photo-band winter" aria-label="Winter lakefront" style="margin:18px 0 8px">
      <div class="photo-band-bg" aria-hidden="true"></div>
      <div class="photo-band-inner">
        <div class="photo-band-copy">
          <div class="eyebrow" style="margin:0 0 6px">404 · whiteout</div>
          <p class="band-line">Visibility zero off the lakefront.</p>
          <p>That route wandered into the front. Head back to solid ground — the hub is still warm.</p>
        </div>
        <div class="photo-band-art" aria-hidden="true">
          <img class="art-mark lg" src="img/paw-mark.svg" alt="" width="110" height="110" decoding="async">
        </div>
      </div>
    </div>
  </div>
  <div class="wrap">
    <section class="whiteout-card" aria-label="Page not found">
      <div class="whiteout-snow" aria-hidden="true"><span>❄</span><span>❆</span><span>❅</span></div>
      <div class="whiteout-num" aria-hidden="true">404</div>
      <h1>Visibility: Zero.</h1>
      <p class="dim whiteout-copy">That page wandered off into a whiteout — visibility zero, wind chill whatever it wants. The front moved on; the page didn't. Head back to solid ground.</p>
      <div class="whiteout-actions">
        <a class="btn primary" href="index.html">Back to the front →</a>
        <a class="btn" href="news.html">Read the wire</a>
        <a class="btn" href="games.html">Check the board</a>
      </div>
      <p class="src-note whiteout-foot">404 · page not found · somewhere off the lakefront</p>
    </section>
  </div>
</main>

<footer class="site-foot">
  <div class="wrap">
    <div class="foot-bottom">
      <p class="foot-credit">©&nbsp;<span data-cf-year>2026</span> THE COLD FRONT · fan-made in the Midwest with 🧊 · built by <a href="https://x.com/kshot9000" target="_blank" rel="noopener" data-cf-x-handle>@kshot9000</a></p>
      <button type="button" class="prl-chip" data-cf-copy="btc" title="Copy the BTC tip address">
        <span class="prl-gem" aria-hidden="true">₿</span>
        <span class="prl-label">Tip the build · BTC</span>
        <code class="prl-addr" aria-hidden="true">3GnR…8vZK</code>
        <span class="prl-status" role="status">Copy</span>
      </button>
    </div>
  </div>
</footer>

<script src="js/common.js?v=1.200.0"></script>
<script src="js/snow.js?v=1.137.0"></script>
</body>
</html>