Fix demo site (#11)

* Update gitignore * Move demo notebook to example dir * Add html and build script for site
abdenlab · May 16, 2024 · 7bf8db0 · 7bf8db0
1 parent d38293c
commit 7bf8db0
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 2 deletions.
diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
@@ -31,7 +31,10 @@ jobs:
           run_install: true
 
       - name: Build 🔧
-        run: pnpm build --base '/eigen-tour/'
+        run: |
+          pnpm build-site
+          cp example/index.html dist
+          cp example/data/* dist
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v1

diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
+.DS_Store
 node_modules/
 dist/
 __pycache__

diff --git a/data/eigs.arrow → example/data/eigs.arrow b/data/eigs.arrow → example/data/eigs.arrow
diff --git a/demo.ipynb → example/demo.ipynb b/demo.ipynb → example/demo.ipynb
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
+	<link rel="stylesheet" type="text/css" href="./index.css">
+    <script type="module" crossorigin src="./index.js"></script>
+</head>
+
+<body>
+	<d-figure class="teaser">
+		<canvas id="teaser"></canvas>
+	</d-figure>
+</body>
diff --git a/js/index.ts b/js/index.ts
@@ -3,6 +3,8 @@ import * as utils from "./utils";
 import fs from "./shaders/teaser_fragment.glsl";
 import vs from "./shaders/teaser_vertex.glsl";
 
+import "./widget.css";
+
 async function main() {
 	let canvas = document.querySelector("canvas")!;
 	let { gl, program } = utils.initGL(canvas, fs, vs);
@@ -15,7 +17,7 @@ async function main() {
 
 	{
 		let clearBanner = utils.createLoadingBanner(renderer.overlay.figure);
-		let res = await fetch(new URL("../data/eigs.arrow", import.meta.url))
+		let res = await fetch(new URL("./eigs.arrow", import.meta.url))
 		await renderer.initData(
             await res.arrayBuffer(),
             ["E1", "E2", "E3", "E4", "E5", "E6"],

diff --git a/package.json b/package.json
@@ -4,6 +4,7 @@
 	"scripts": {
 		"dev": "npm run build -- --sourcemap=inline --watch",
 		"build": "esbuild js/widget.ts --minify --format=esm --bundle --outdir=src/eigen_tour/static",
+		"build-site": "esbuild js/index.ts --format=esm --bundle --outdir=dist/",
 		"fmt": "deno fmt --ignore=dist,node_modules --options-use-tabs"
 	},
 	"author": "Trevor Manz",