From 4fe05e88351135d5831018885e672476e2f2240e Mon Sep 17 00:00:00 2001
From: Marshall Lochbaum <mwlochbaum@gmail.com>
Date: Thu, 20 Aug 2020 18:01:09 -0400
Subject: Add a little REPL to the main page

---
 docs/index.html | 10 +++++++++-
 docs/repl.js    |  4 ++--
 2 files changed, 11 insertions(+), 3 deletions(-)

(limited to 'docs')
diff --git a/docs/index.html b/docs/index.html
index ec450d92..da309970 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,7 +1,13 @@
 <head><link href="style.css" rel="stylesheet"/></head>
 <div class="nav"><a href="https://github.com/mlochbaum/BQN">BQN</a></div>
 <h1 id="bqn-finally-an-apl-for-your-flying-saucer">BQN: finally, an APL for your flying saucer</h1>
-<p><em>Try it <a href="https://mlochbaum.github.io/BQN/try.html">here</a>! The online version is mainly good for small programs currently; see <a href="running.html">running.md</a> for more options.</em></p>
+<p><em>Try it online below or <a href="https://mlochbaum.github.io/BQN/try.html">here</a>, and see <a href="running.html">running.md</a> for more options.</em></p>
+<div class='cont'>
+  <div class='kb'></div>
+  <textarea class='code' rows='1' autofocus><⟜'a'⊸/ "Big Questions Notation"</textarea>
+  <pre class='rslt'>"B Q N"</pre>
+</div>
+
 <p><strong>BQN</strong> is a new programming language in the APL lineage, which aims to remove inconsistent and burdensome aspects of the APL tradition and put the great ideas on a firmer footing. BQN is aimed at existing and aspiring APL-family programmers, and using it requires a solid understanding of functions and multidimensional arrays. However, because of its focus on providing simple, consistent, and powerful array operations, BQN should also be a good language for learning array programming and building stronger array intuition.</p>
 <p>BQN maintains many of the ideas that made APL\360 revolutionary in 1966:</p>
 <ul>
@@ -35,3 +41,5 @@
 <p>BQN documentation is currently written primarily for array programmers and is not comprehensive, with aspects of the language that are shared with APL poorly documented. If you're not an array programmer, it would probably be better to start with another language, or wait a few weeks. But if you're a serious language enthusiast, the <a href="spec/index.html">specification</a> is fairly complete and might be enough to fill the gaps in the documentation.</p>
 <p>If you're an array programmer, then you're in much better shape. However, you should be aware of two key differences between BQN and existing array languages beyond just the changes of <a href="doc/primitive.html">primitives</a>—if these differences don't seem important to you then you don't understand them! BQN's based array model is different from both a flat array model like J and a nested one like APL2, Dyalog, or GNU APL in that it has true non-array values (plain numbers and characters) that are different from depth-0 scalars. BQN also uses <a href="context.html">syntactic roles</a> rather than dynamic type to determine how values interact, that is, what's an argument or operand and so on. This system, along with lexical closures, means BQN fully supports Lisp-style <a href="functional.html">functional programming</a>.</p>
 
+<script src='bqn.js'></script><script src='repl.js'></script>
+
diff --git a/docs/repl.js b/docs/repl.js
index 02863de9..00942291 100644
--- a/docs/repl.js
+++ b/docs/repl.js
@@ -12,7 +12,7 @@ let repl = ()=>{
     doc.rslt.textContent=e;
   }
 }
-doc.run.onclick = repl;
+if (doc.run) doc.run.onclick = repl;
 
 let keymode=0; // 1 for backslash
 doc.code.onkeydown = ev => {
@@ -61,7 +61,7 @@ doc.kb.onmousedown = ev => {
   }
 }
 
-doc.perm.onmouseover = doc.perm.onfocus = () => {
+if (doc.perm) doc.perm.onmouseover = doc.perm.onfocus = () => {
   doc.perm.href='#code='+escape(doc.code.value)
 }
 
-- 
cgit v1.2.3

