gpuengine.github.io/404.html at main · gpuengine/gpuengine.github.io · 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://gpuengine.github.io/404.html">
<meta property="og:url" content="https://gpuengine.github.io/404.html">
<meta property="og:site_name" content="gpuengine">
<meta property="og:image" content="https://gpuengine.github.io/site/media/og-image.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#110e0c">
<link rel="icon" href="/site/favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="/site/styles.css">
<script src="/site/site.js" defer></script>
<script src="/site/code-highlight.js" defer></script>

<title>Page not found | gpuengine</title>
<meta name="robots" content="noindex">
<script type="importmap">{ "imports": { "wgpu3d": "/wgpu3d-0.1.0.min.js" } }</script>
<script type="module" src="/site/not-found-scene.js"></script>
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<header class="site-header">
  <a class="logo" href="/"><img class="logo-mark" src="/site/logo-mark.svg" alt="" width="28" height="28">gpu<span>engine</span></a>
  <nav class="site-nav" aria-label="Main">
    <a href="/site/tutorials/" data-nav-section>Tutorials</a>
    <a href="/site/articles/" data-nav-section>Articles</a>
    <a href="/site/games/" data-nav-section>Games</a>
    <a href="/site/tools/" data-nav-section>Tools</a>
    <a class="site-nav-cta" href="/site/wgpu3d/" data-nav-section>wgpu3d</a>
    <a class="site-nav-about" href="/site/about/" data-nav-section><svg class="site-nav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm0 2c-4.42 0-8 2.24-8 5v2h16v-2c0-2.76-3.58-5-8-5Z"/></svg>About</a>
  </nav>
</header>

<main id="main" class="not-found">
  <section class="not-found-stage" aria-labelledby="not-found-heading">
    <canvas id="not-found-scene" aria-label="The number 404 built from orange blocks in a field at sunset, with the words page not found laid out in glowing tiles and a blue car you can drive"></canvas>
    <p class="not-found-fallback" aria-hidden="true">404</p>
    <div class="not-found-copy">
      <p class="not-found-code">Error 404</p>
      <h1 id="not-found-heading">Page not found</h1>
      <p>That page doesn't exist, or it moved. The road ends here, but the car still works.</p>
      <div class="button-row">
        <a class="button" href="/">Home page</a>
        <button id="not-found-drive" class="button button-ghost not-found-drive" type="button">Take the wheel</button>
      </div>
      <p class="not-found-hint">Drive with WASD or the arrow keys, Space to handbrake. On a phone, drag to drive.</p>
    </div>
  </section>

  <section class="section" aria-labelledby="not-found-links-heading">
    <h2 id="not-found-links-heading">Maybe you were looking for</h2>
    <ul class="cards">
      <li><a class="card" href="/site/games/city-drive/"><span class="card-kicker">Game</span><h3>City Drive</h3><p>An endless procedural city you can drive through, rendered with WebGPU.</p></a></li>
      <li><a class="card" href="/site/tutorials/"><span class="card-kicker">Learn</span><h3>WebGPU tutorials</h3><p>Twelve short lessons from your first triangle to shadows.</p></a></li>
      <li><a class="card" href="/site/tools/"><span class="card-kicker">Tools</span><h3>Developer tools</h3><p>JSON viewer, visual CSS editor and a WebGPU benchmark.</p></a></li>
      <li><a class="card" href="/site/wgpu3d/"><span class="card-kicker">Library</span><h3>wgpu3d</h3><p>The library behind this page: build scenes like this one in a few lines.</p></a></li>
    </ul>
  </section>
</main>
<footer class="site-footer">
  <div class="footer-inner">
    <a class="logo" href="/"><img class="logo-mark" src="/site/logo-mark.svg" alt="" width="28" height="28">gpu<span>engine</span></a>
    <nav class="footer-nav" aria-label="Footer">
      <a href="/site/tutorials/">Tutorials</a>
      <a href="/site/articles/">Articles</a>
      <a href="/site/games/">Games</a>
      <a href="/site/tools/">Tools</a>
      <a href="/site/wgpu3d/">wgpu3d</a>
      <a href="/site/resources/">WebGPU resources</a>
      <a href="/site/about/">About</a>
      <a href="/sitemap.xml">Sitemap</a>
    </nav>
    <p class="footer-note">WebGPU games, tools and tutorials, with notes on how they're made.</p>
  </div>
</footer>

</body>
</html>