[WebGPU] Fix up demos on and add compute demo to webkit.org/demos
[WebKit-https.git] / Websites / webkit.org / demos / webgpu / hello-triangle.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta name="viewport" content="width=600">
5 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
6 <title>WebGPU Hello Triangle</title>
7 <link rel="stylesheet" href="css/style.css">
8 <style>
9 body {
10     font-family: system-ui;
11     color: #f7f7ff;
12     background-color: rgb(38, 38, 127);
13     text-align: center;
14 }
15 canvas {
16     margin: 0 auto;
17 }
18 </style>
19 </head>
20 <body>
21 <div id="contents">
22     <h1>Simple Triangle</h1>
23     <canvas></canvas>
24 </div>
25 <div id="error">
26     <h2>WebGPU not available</h2>
27     <p>
28         Make sure you are on a system with WebGPU enabled. In
29         Safari, first make sure the Developer Menu is visible (Preferences →
30         Advanced), then Develop → Experimental Features → WebGPU.
31     </p>
32 </div>
33 <script src="scripts/hello-triangle.js"></script>
34 </body>
35 </html>