diff options
| -rw-r--r-- | static/css/main.css | 4 | ||||
| -rw-r--r-- | static/js/lang.js | 11 | ||||
| -rw-r--r-- | static/js/main.js | 17 |
3 files changed, 18 insertions, 14 deletions
diff --git a/static/css/main.css b/static/css/main.css index 0e920b8..bb2bbc2 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -178,7 +178,6 @@ textarea.editor-input { textarea.editor-input:focus { outline: none; - background: #f8f8f8; } .filler p { @@ -227,4 +226,7 @@ footer a { textarea.editor-input { font-size: .8em; } + .desktop { + display: none; + } } diff --git a/static/js/lang.js b/static/js/lang.js index a69a843..6ecc102 100644 --- a/static/js/lang.js +++ b/static/js/lang.js @@ -103,7 +103,7 @@ const T = { DiscoverHowTo: Symbol('DiscoverHowTo'), With: Symbol('With'), Of: Symbol('Of'), - WeSaid: Symbol('WeSaid'), + RumorHasIt: Symbol('RumorHasIt'), WhatIf: Symbol('WhatIf'), LiesBang: Symbol('LiesBang'), EndOfStory: Symbol('EndOfStory'), @@ -160,9 +160,10 @@ function tokenize(prog) { tokens.push(T.Of); break; } - case 'WE': { - reader.expect('SAID'); - tokens.push(T.WeSaid); + case 'RUMOR': { + reader.expect('HAS'); + reader.expect('IT'); + tokens.push(T.RumorHasIt); break; } case 'WHAT': { @@ -409,7 +410,7 @@ class Parser { body: this.expr(), } } - } else if (next === T.WeSaid) { + } else if (next === T.RumorHasIt) { // block const exprs = []; while (this.tokens.hasNext() && this.tokens.peek() !== T.EndOfStory) { diff --git a/static/js/main.js b/static/js/main.js index debad58..fe242d8 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -1,7 +1,7 @@ const PROG_FACTORIAL = `YOU WON'T WANT TO MISS 'Hello, World!' DISCOVER HOW TO factorial WITH n -WE SAID +RUMOR HAS IT WHAT IF n IS ACTUALLY 0 SHOCKING DEVELOPMENT 1 LIES! @@ -16,10 +16,10 @@ YOU WON'T WANT TO MISS result PLEASE LIKE AND SUBSCRIBE`; const PROG_FIBONACCI = `DISCOVER HOW TO fibonacci WITH a, b, n -WE SAID +RUMOR HAS IT WHAT IF n SMALLER THAN 1 SHOCKING DEVELOPMENT b - LIES! WE SAID + LIES! RUMOR HAS IT YOU WON'T WANT TO MISS b SHOCKING DEVELOPMENT fibonacci OF b, a PLUS b, n MINUS 1 @@ -109,11 +109,11 @@ class Editor extends Component { return jdom`<div class="editor fixed block"> <div class="controls"> <button class="block" - onclick=${this.setFibonacci}>Fibonacci sample</button> + onclick=${this.setFibonacci}>Fibonacci <span class="desktop">sample</span></button> <button class="block" - onclick=${this.setFactorial}>Factorial sample</button> + onclick=${this.setFactorial}>Factorial <span class="desktop">sample</span></button> <button class="accent block" - onclick=${this.handleRun}>Run this!</button> + onclick=${this.handleRun}>Run<span class="desktop"> this</span>!</button> </div> <div class="code"> <div class="filler"> @@ -231,10 +231,10 @@ class App extends Component { target="_blank">Ink</a>. </p> <h2>How much is there?</h2> - <p>Here's the full list of non-standard keywords that Tabloid currently uses:</p> + <p>Here's the full list of standard keywords that Tabloid currently uses:</p> <ul> <li><code class="inline fixed block">DISCOVER HOW TO...WITH</code> declare a function</li> - <li><code class="inline fixed block">WE SAID</code> begin a block scope</li> + <li><code class="inline fixed block">RUMOR HAS IT</code> begin a block scope</li> <li><code class="inline fixed block">A OF B, C</code> call function A with arguments B, C</li> <li><code class="inline fixed block">WHAT IF...LIES!</code> an if-else expression</li> <li><code class="inline fixed block">END OF STORY</code> end a block scope</li> @@ -243,6 +243,7 @@ class App extends Component { <li><code class="inline fixed block">TOTALLY RIGHT</code> true</li> <li><code class="inline fixed block">COMPLETELY WRONG</code> false</li> <li><code class="inline fixed block">PLUS / MINUS / TIMES / DIVIDED BY / MODULO</code> the obvious arithmetic operations</li> + <li><code class="inline fixed block">BEATS / SMALLER THAN</code> greater than / less than</li> <li><code class="inline fixed block">IS ACTUALLY</code> is equal to</li> <li><code class="inline fixed block">BEATS / SMALLER THAN</code> greater than / less than</li> <li><code class="inline fixed block">SHOCKING DEVELOPMENT</code> return from a function</li> |