progress

package-lock.json

@@ -14,6 +14,7 @@
 				"rollup-plugin-livereload": "^2.0.0",
 				"rollup-plugin-svelte": "^7.0.0",
 				"rollup-plugin-terser": "^7.0.0",
+				"sirv-cli": "^1.0.0",
 				"svelte": "^3.0.0"
 			}
 		},
@@ -52,6 +53,12 @@
 				"node": ">=6.9.0"
 			}
 		},
+		"node_modules/@polka/url": {
+			"version": "1.0.0-next.15",
+			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.15.tgz",
+			"integrity": "sha512-15spi3V28QdevleWBNXE4pIls3nFZmBbUGrW9IVPwiQczuSb9n76TCB4bsk8TSel+I1OkHEdPhu5QKMfY6rQHA==",
+			"dev": true
+		},
 		"node_modules/@rollup/plugin-commonjs": {
 			"version": "17.1.0",
 			"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-17.1.0.tgz",
@@ -336,6 +343,15 @@
 			"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
 			"dev": true
 		},
+		"node_modules/console-clear": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/console-clear/-/console-clear-1.1.1.tgz",
+			"integrity": "sha512-pMD+MVR538ipqkG5JXeOEbKWS5um1H4LUUccUQG68qpeqBYbzYy79Gh55jkd2TtPdRfUaLWdv6LPP//5Zt0aPQ==",
+			"dev": true,
+			"engines": {
+				"node": ">=4"
+			}
+		},
 		"node_modules/deepmerge": {
 			"version": "4.2.2",
 			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
@@ -372,6 +388,15 @@
 			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
 			"dev": true
 		},
+		"node_modules/get-port": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz",
+			"integrity": "sha1-3Xzn3hh8Bsi/NTeWrHHgmfCYDrw=",
+			"dev": true,
+			"engines": {
+				"node": ">=4"
+			}
+		},
 		"node_modules/glob": {
 			"version": "7.1.7",
 			"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
@@ -507,6 +532,15 @@
 			"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
 			"dev": true
 		},
+		"node_modules/kleur": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+			"integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+			"dev": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/livereload": {
 			"version": "0.9.3",
 			"resolved": "https://registry.npmjs.org/livereload/-/livereload-0.9.3.tgz",
@@ -531,6 +565,15 @@
 			"integrity": "sha512-w677WnINxFkuixAoUEXOStewzLYGI76XVag+0JWMMEyjJQKs0ibWZMxkTlB96Lm3EjZ7IeOxVziBEbtxVQqQZA==",
 			"dev": true
 		},
+		"node_modules/local-access": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/local-access/-/local-access-1.1.0.tgz",
+			"integrity": "sha512-XfegD5pyTAfb+GY6chk283Ox5z8WexG56OvM06RWLpAc/UHozO8X6xAxEkIitZOtsSMM1Yr3DkHgW5W+onLhCw==",
+			"dev": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/magic-string": {
 			"version": "0.25.7",
 			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz",
@@ -546,6 +589,18 @@
 			"integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
 			"dev": true
 		},
+		"node_modules/mime": {
+			"version": "2.5.2",
+			"resolved": "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz",
+			"integrity": "sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==",
+			"dev": true,
+			"bin": {
+				"mime": "cli.js"
+			},
+			"engines": {
+				"node": ">=4.0.0"
+			}
+		},
 		"node_modules/minimatch": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
@@ -558,6 +613,15 @@
 				"node": "*"
 			}
 		},
+		"node_modules/mri": {
+			"version": "1.1.6",
+			"resolved": "https://registry.npmjs.org/mri/-/mri-1.1.6.tgz",
+			"integrity": "sha512-oi1b3MfbyGa7FJMP9GmLTttni5JoICpYBRlq+x5V16fZbLsnL9N3wFqqIm/nIG43FjUFkFh9Epzp/kzUGUnJxQ==",
+			"dev": true,
+			"engines": {
+				"node": ">=4"
+			}
+		},
 		"node_modules/once": {
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -812,12 +876,69 @@
 				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
 			}
 		},
+		"node_modules/sade": {
+			"version": "1.7.4",
+			"resolved": "https://registry.npmjs.org/sade/-/sade-1.7.4.tgz",
+			"integrity": "sha512-y5yauMD93rX840MwUJr7C1ysLFBgMspsdTo4UVrDg3fXDvtwOyIqykhVAAm6fk/3au77773itJStObgK+LKaiA==",
+			"dev": true,
+			"dependencies": {
+				"mri": "^1.1.0"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
 		"node_modules/safe-buffer": {
 			"version": "5.1.2",
 			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
 			"integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
 			"dev": true
 		},
+		"node_modules/semiver": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/semiver/-/semiver-1.1.0.tgz",
+			"integrity": "sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg==",
+			"dev": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/sirv": {
+			"version": "1.0.12",
+			"resolved": "https://registry.npmjs.org/sirv/-/sirv-1.0.12.tgz",
+			"integrity": "sha512-+jQoCxndz7L2tqQL4ZyzfDhky0W/4ZJip3XoOuxyQWnAwMxindLl3Xv1qT4x1YX/re0leShvTm8Uk0kQspGhBg==",
+			"dev": true,
+			"dependencies": {
+				"@polka/url": "^1.0.0-next.15",
+				"mime": "^2.3.1",
+				"totalist": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/sirv-cli": {
+			"version": "1.0.12",
+			"resolved": "https://registry.npmjs.org/sirv-cli/-/sirv-cli-1.0.12.tgz",
+			"integrity": "sha512-Rs5PvF3a48zuLmrl8vcqVv9xF/WWPES19QawVkpdzqx7vD5SMZS07+ece1gK4umbslXN43YeIksYtQM5csgIzQ==",
+			"dev": true,
+			"dependencies": {
+				"console-clear": "^1.1.0",
+				"get-port": "^3.2.0",
+				"kleur": "^3.0.0",
+				"local-access": "^1.0.1",
+				"sade": "^1.6.0",
+				"semiver": "^1.0.0",
+				"sirv": "^1.0.12",
+				"tinydate": "^1.0.0"
+			},
+			"bin": {
+				"sirv": "bin.js"
+			},
+			"engines": {
+				"node": ">= 10"
+			}
+		},
 		"node_modules/source-map-support": {
 			"version": "0.5.19",
 			"resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz",
@@ -896,6 +1017,24 @@
 				"node": ">= 8"
 			}
 		},
+		"node_modules/tinydate": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/tinydate/-/tinydate-1.3.0.tgz",
+			"integrity": "sha512-7cR8rLy2QhYHpsBDBVYnnWXm8uRTr38RoZakFSW7Bs7PzfMPNZthuMLkwqZv7MTu8lhQ91cOFYS5a7iFj2oR3w==",
+			"dev": true,
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/totalist": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/totalist/-/totalist-1.1.0.tgz",
+			"integrity": "sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==",
+			"dev": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/wrappy": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
@@ -951,6 +1090,12 @@
 				"js-tokens": "^4.0.0"
 			}
 		},
+		"@polka/url": {
+			"version": "1.0.0-next.15",
+			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.15.tgz",
+			"integrity": "sha512-15spi3V28QdevleWBNXE4pIls3nFZmBbUGrW9IVPwiQczuSb9n76TCB4bsk8TSel+I1OkHEdPhu5QKMfY6rQHA==",
+			"dev": true
+		},
 		"@rollup/plugin-commonjs": {
 			"version": "17.1.0",
 			"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-17.1.0.tgz",
@@ -1175,6 +1320,12 @@
 			"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
 			"dev": true
 		},
+		"console-clear": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/console-clear/-/console-clear-1.1.1.tgz",
+			"integrity": "sha512-pMD+MVR538ipqkG5JXeOEbKWS5um1H4LUUccUQG68qpeqBYbzYy79Gh55jkd2TtPdRfUaLWdv6LPP//5Zt0aPQ==",
+			"dev": true
+		},
 		"deepmerge": {
 			"version": "4.2.2",
 			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
@@ -1205,6 +1356,12 @@
 			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
 			"dev": true
 		},
+		"get-port": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz",
+			"integrity": "sha1-3Xzn3hh8Bsi/NTeWrHHgmfCYDrw=",
+			"dev": true
+		},
 		"glob": {
 			"version": "7.1.7",
 			"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
@@ -1313,6 +1470,12 @@
 			"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
 			"dev": true
 		},
+		"kleur": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+			"integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+			"dev": true
+		},
 		"livereload": {
 			"version": "0.9.3",
 			"resolved": "https://registry.npmjs.org/livereload/-/livereload-0.9.3.tgz",
@@ -1331,6 +1494,12 @@
 			"integrity": "sha512-w677WnINxFkuixAoUEXOStewzLYGI76XVag+0JWMMEyjJQKs0ibWZMxkTlB96Lm3EjZ7IeOxVziBEbtxVQqQZA==",
 			"dev": true
 		},
+		"local-access": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/local-access/-/local-access-1.1.0.tgz",
+			"integrity": "sha512-XfegD5pyTAfb+GY6chk283Ox5z8WexG56OvM06RWLpAc/UHozO8X6xAxEkIitZOtsSMM1Yr3DkHgW5W+onLhCw==",
+			"dev": true
+		},
 		"magic-string": {
 			"version": "0.25.7",
 			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz",
@@ -1346,6 +1515,12 @@
 			"integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
 			"dev": true
 		},
+		"mime": {
+			"version": "2.5.2",
+			"resolved": "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz",
+			"integrity": "sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==",
+			"dev": true
+		},
 		"minimatch": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
@@ -1355,6 +1530,12 @@
 				"brace-expansion": "^1.1.7"
 			}
 		},
+		"mri": {
+			"version": "1.1.6",
+			"resolved": "https://registry.npmjs.org/mri/-/mri-1.1.6.tgz",
+			"integrity": "sha512-oi1b3MfbyGa7FJMP9GmLTttni5JoICpYBRlq+x5V16fZbLsnL9N3wFqqIm/nIG43FjUFkFh9Epzp/kzUGUnJxQ==",
+			"dev": true
+		},
 		"once": {
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -1552,12 +1733,54 @@
 				}
 			}
 		},
+		"sade": {
+			"version": "1.7.4",
+			"resolved": "https://registry.npmjs.org/sade/-/sade-1.7.4.tgz",
+			"integrity": "sha512-y5yauMD93rX840MwUJr7C1ysLFBgMspsdTo4UVrDg3fXDvtwOyIqykhVAAm6fk/3au77773itJStObgK+LKaiA==",
+			"dev": true,
+			"requires": {
+				"mri": "^1.1.0"
+			}
+		},
 		"safe-buffer": {
 			"version": "5.1.2",
 			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
 			"integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
 			"dev": true
 		},
+		"semiver": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/semiver/-/semiver-1.1.0.tgz",
+			"integrity": "sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg==",
+			"dev": true
+		},
+		"sirv": {
+			"version": "1.0.12",
+			"resolved": "https://registry.npmjs.org/sirv/-/sirv-1.0.12.tgz",
+			"integrity": "sha512-+jQoCxndz7L2tqQL4ZyzfDhky0W/4ZJip3XoOuxyQWnAwMxindLl3Xv1qT4x1YX/re0leShvTm8Uk0kQspGhBg==",
+			"dev": true,
+			"requires": {
+				"@polka/url": "^1.0.0-next.15",
+				"mime": "^2.3.1",
+				"totalist": "^1.0.0"
+			}
+		},
+		"sirv-cli": {
+			"version": "1.0.12",
+			"resolved": "https://registry.npmjs.org/sirv-cli/-/sirv-cli-1.0.12.tgz",
+			"integrity": "sha512-Rs5PvF3a48zuLmrl8vcqVv9xF/WWPES19QawVkpdzqx7vD5SMZS07+ece1gK4umbslXN43YeIksYtQM5csgIzQ==",
+			"dev": true,
+			"requires": {
+				"console-clear": "^1.1.0",
+				"get-port": "^3.2.0",
+				"kleur": "^3.0.0",
+				"local-access": "^1.0.1",
+				"sade": "^1.6.0",
+				"semiver": "^1.0.0",
+				"sirv": "^1.0.12",
+				"tinydate": "^1.0.0"
+			}
+		},
 		"source-map-support": {
 			"version": "0.5.19",
 			"resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz",
@@ -1622,6 +1845,18 @@
 				}
 			}
 		},
+		"tinydate": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/tinydate/-/tinydate-1.3.0.tgz",
+			"integrity": "sha512-7cR8rLy2QhYHpsBDBVYnnWXm8uRTr38RoZakFSW7Bs7PzfMPNZthuMLkwqZv7MTu8lhQ91cOFYS5a7iFj2oR3w==",
+			"dev": true
+		},
+		"totalist": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/totalist/-/totalist-1.1.0.tgz",
+			"integrity": "sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==",
+			"dev": true
+		},
 		"wrappy": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",

package.json

@@ -4,7 +4,8 @@
 	"private": true,
 	"scripts": {
 		"build": "rollup -c",
-		"dev": "rollup -c -w"
+		"dev": "rollup -c -w",
+		"start": "sirv public --no-clear"
 	},
 	"devDependencies": {
 		"@rollup/plugin-commonjs": "^17.0.0",
@@ -14,6 +15,7 @@
 		"rollup-plugin-livereload": "^2.0.0",
 		"rollup-plugin-svelte": "^7.0.0",
 		"rollup-plugin-terser": "^7.0.0",
+		"sirv-cli": "^1.0.0",
 		"svelte": "^3.0.0"
 	}
 }

public/global.css

@@ -1,63 +1,23 @@
-html, body {
-	position: relative;
-	width: 100%;
-	height: 100%;
-}
-
 body {
-	color: #333;
-	margin: 0;
-	padding: 8px;
-	box-sizing: border-box;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
-a {
-	color: rgb(0,100,200);
-	text-decoration: none;
-}
-
-a:hover {
-	text-decoration: underline;
-}
-
-a:visited {
-	color: rgb(0,80,160);
-}
-
-label {
-	display: block;
-}
-
-input, button, select, textarea {
-	font-family: inherit;
-	font-size: inherit;
-	-webkit-padding: 0.4em 0;
-	padding: 0.4em;
-	margin: 0 0 0.5em 0;
-	box-sizing: border-box;
-	border: 1px solid #ccc;
-	border-radius: 2px;
-}
-
-input:disabled {
-	color: #ccc;
-}
-
-button {
-	color: #333;
-	background-color: #f4f4f4;
-	outline: none;
+	background: #222;
+	color: #eee;
+	font-family: sans-serif;
+	line-height: 1.3;
 }
 
-button:disabled {
-	color: #999;
+blockquote {
+	margin: 0px;
+	padding: 10px;
+	margin-left: 10px;
+	border-left: 5px solid grey;
+	padding-left: 10px;
+	background-color: #333;
 }
 
-button:not(:disabled):active {
-	background-color: #ddd;
+blockquote *:first-child {
+	margin-top: 0px;
 }
 
-button:focus {
-	border-color: #666;
+blockquote *:last-child {
+	margin-bottom: 0px;
 }

src/App.svelte

@@ -1,28 +0,0 @@
-<script>
-	export let name;
-</script>
-
-<main>
-	<h1>Hello {name}!</h1>
-	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
-</main>
-
-<style>
-	main {
-		text-align: center;
-		padding: 1em;
-		max-width: 240px;
-		margin: 0 auto;
-	}
-	h1 {
-		color: #ff3e00;
-		text-transform: uppercase;
-		font-size: 4em;
-		font-weight: 100;
-	}
-	@media (min-width: 640px) {
-		main {
-			max-width: none;
-		}
-	}
-</style>

src/Scene.svelte

@@ -0,0 +1,58 @@
+<script>
+	export let level;
+
+	let page = 0;
+
+	function previous() {
+		if (page > 0) {
+			page -= 1;
+		}
+	}
+
+	function next() {
+		if (page < level.pages.length - 1) {
+			page += 1;
+		}
+	}
+
+	function begin() {
+		console.log("ok");
+	}
+</script>
+
+<main>
+	<h1>{level.name}</h1>
+
+	<div id="story">
+		<p></p>
+		{@html level.pages[page]}
+		<p></p>
+	</div>
+
+	<div id="controls">
+		{page + 1}/{level.pages.length}
+		<button on:click={previous} disabled={page == 0}>Back</button>
+		{#if page < level.pages.length - 1}
+			<button on:click={next}>Next</button>
+		{:else}
+			<button on:click={begin}>Begin</button>
+		{/if}
+	</div>
+</main>
+
+<style>
+	h1 {
+		margin-bottom: 0px;
+		text-align: center;
+	}
+	#story {
+		max-width: 800px;
+		margin: auto;
+	}
+	#story p:first-child {
+		margin: 0px;
+	}
+	#controls {
+		text-align: center;
+	}
+</style>

src/levels/01-intro.js

@@ -0,0 +1,92 @@
+export default {
+	name: "Intro",
+	inputs: [
+		"Input",
+	],
+	outputs: [
+		"LED",
+	],
+
+	tests: [
+		[false], [false],
+		[true], [true],
+	],
+
+	errtext: `
+"No, that's not quite right", you think to yourself.
+"The input was supposed to trigger the LED".
+`,
+
+	pages: [`
+... ... ...
+
+<p>You wake up. Your head hurts. You don't know where you are. Your eyes
+are blurry. You can't remember a thing. You don't remember how you got here.
+The only thing you recall is the feeling of cold concrete. The smell
+of musty walls. The only thing you're certain of is that you have been here
+for a while.</p>
+
+<p>Where is "here", exactly? You don't know. You don't remember. The only thing
+you sense is the slightly moist, cold concrete floor below you, a smell which
+you can only describe as "old", a slight pain in your left shoulder, and a
+stiff neck. And then there's the sound. Tick. Tock. Tick. Tock.
+Undoubtedly an old wall clock, somewhere to your right.</p>
+
+<p>As your eyes slowly start to focus, you see that you're in a big, empty
+concrete room. There are no doors or windows that you can see. There's one
+lonely, dim light source in the ceiling. It flickers every now and then,
+and has a faintly reddish tint. There's a small, exposed pipe in one corner
+of the room. It's clearly moist. Every now and then, a drop of water drips
+down and hits the floor. There's a small patch of green mold around where
+the water droplets land. In another corner of the room is a strange-looking
+machine, about half as tall as a grown adult and twice as wide.</p>
+`, `
+<p>You make your way to the strange machine. It has buttons, switches and a screen.
+"ROCKMAX CIRCUITS 2000" is engraved on the front. It looks old, but sturdy.
+It's connected to a panel on the wall with a couple of black wires.
+The panel on the wall looks like an old telephone switchboard, with a large
+grid of sockets, some with wires connected.
+All the sockets are labeled with a combination of letters and numbers.</p>
+
+<p>There's a small, dusty envelope next to the machine. You open it, and find
+a letter with small, hand-written text on slightly yellowed paper.</p>
+
+<blockquote>
+<p>Hello.</p>
+
+<p>I hope they didn't hurt you too bad. They can be pretty rough when taking
+people away like that. Don't worry. We will get you out of there.</p>
+
+<p>They've been running out of places to isolate people. You're lucky,
+relatively speaking, to have ended up in an old electronics workshop.
+There should be a switchboard in there with you, along with a
+circuit printer.</p>
+
+<p>Our first course of action should be to establish a basic form of one-way
+communication. Our options are limited, but I should be able to affect the
+voltage of the socket labelled AJ-22 from here. You will have to create a
+small circuit which which connects AJ-22 to a light-emitting diode (LED).
+Once you do, I will send you the next step.</p>
+
+<p>I will be sending you instructions using morse code. I will write down a
+morse code chart on the other side of this paper.</p>
+
+<p>Regards,<br>
+Edward Smith</p>
+`, `
+<p>Indeed, there's a chart which translates dots and dashes to characters
+scribbled down on the other side of the paper.</p>
+
+<p>You get right down to business and start inspecting the weird machine - you assume
+it's the "circuit printer" Edward mentioned. There's a big red button on top
+which looks different from all the other buttons and switches. You assume that's
+the power button and hit it. Indeed, a second or two after pushing the button,
+the machine starts whirring and beeping. Eventually, the display lights up and 
+shows "ROCKMAX COMPUTER SYSTEMS, INC." with black text on a blue background.</p>
+
+<p>After around half a minute of bleeping and blinking, the screen
+turns off briefly, before it shows something which looks like a user interface.
+After a second's hesitation, you approach it and start working.</p>
+`
+	],
+};

src/main.js

@@ -1,10 +1,10 @@
-import App from './App.svelte';
+import Scene from './Scene.svelte';
 
-const app = new App({
+import level01 from './levels/01-intro.js';
+
+export default new Scene({
 	target: document.body,
 	props: {
-		name: 'world'
-	}
+		level: level01,
+	},
 });
-
-export default app;