demos / index.html
Yang Gu
Add gallery mode
80fd73c
<head>
<title>WebAI Demos</title>
<link href="css/styles.css" rel="stylesheet">
</head>
<script src="demos.js"></script>
<script defer type="module" src="main.js"></script>
<body>
<div class="wrapper">
<nav class="panel container">
<h1><a href="./">WebAI Demos</a></h1>
<input type="checkbox" id="menuToggle">
<label class="expand" for="menuToggle"></label>
<div class="panelContents">
<hr>
<div id="demoList"></div>
</div>
</nav>
<main>
<div id="intro">
<p>
The WebAI demos demonstrate the use of the <a href="//webgpu.dev">WebGPU API</a>.
</p>
</div>
<div id="demo" style="display: none;">
<div class="demoInfo">
<h1 id="title"></h1>
<p id="description"></p>
</div>
<div class="demoContainer"></div>
</div>
<nav id="code" class="sourceFileNav">
<div class="sourceLR" id="sourceL">&lt;</div>
<div id="sourceTabs" class="sourceFileScrollContainer">
<ul id="codeTabs"></ul>
</div>
<div class="sourceLR" id="sourceR">&gt;</div>
</nav>
<div id="sources"></div>
</main>
</div>
</body>