diff --git a/firebase.json b/firebase.json
index 5855bf9..027ef10 100644
--- a/firebase.json
+++ b/firebase.json
@@ -5,9 +5,15 @@
             "firebase.json",
             "**/.*"
         ],
-        "rewrites": [{
-            "source": "**",
-            "destination": "/index.html"
-        }]
+        "rewrites": [
+            {
+                "source": "/view/**",
+                "destination": "/view.html"
+            },
+            {
+                "source": "**",
+                "destination": "/index.html"
+            }
+        ]
     }
 }
diff --git a/view.html b/view.html
new file mode 100644
index 0000000..db190ed
--- /dev/null
+++ b/view.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Seed</title>
+</head>
+<body>
+    <script src="/third_party/bundle.min.js"></script>
+    <script src="/js/core.js"></script>
+    <script>
+    if (!document.location.search.startsWith('?id=')) {
+        throw new Error('No sketch ID');
+    }
+    const sketchId = document.location.search.substring(4);
+    console.log(sketchId);
+
+    async function loadSketch(id) {
+        const res = await fetch(`https://emrg-pcg.firebaseio.com/sketch/${id}.json`);
+        const json = await res.json();
+        const phraseBook = await parsePhraseBook(json.source, loadSketch);
+        return phraseBook;
+    }
+    (async() => {
+        const phraseBook = await loadSketch(sketchId);
+        const result = generateString(phraseBook, 'root', {}, 'ABC');
+        console.log(result);
+        document.write(result);
+    })();
+
+    </script>
+</body>
+</html>
