From 7043fe47a91e08cfd04225259c8aaecbc45b33d6 Mon Sep 17 00:00:00 2001
From: Linus Lee <linus@thesephist.com>
Date: Sun, 28 Mar 2021 11:11:03 -0400
Subject: [PATCH] docs: Add documentation for AND, OR keywords, reformat docs

---
 static/css/main.css |  5 +++
 static/js/main.js   | 85 +++++++++++++++++++++++++++++++++++++--------
 2 files changed, 75 insertions(+), 15 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index c1160dd..f01361f 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -203,7 +203,12 @@ footer {
     line-height: 1.5em;
 }
 
+main > ul {
+    padding-left: 0;
+}
+
 main > ul li {
+    list-style: none;
     margin-bottom: .5em;
 }
 
diff --git a/static/js/main.js b/static/js/main.js
index 6921dfd..5b8e833 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -240,21 +240,76 @@ class App extends Component {
             <h2>How much is there?</h2>
             <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">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>
-                <li><code class="inline fixed block">EXPERTS CLAIM...TO BE</code> declare or assign to a variable</li>
-                <li><code class="inline fixed block">YOU WON'T WANT TO MISS</code> print output</li>
-                <li><code class="inline fixed block">LATEST NEWS ON</code> take user input</li>
-                <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">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>
-                <li><code class="inline fixed block">PLEASE LIKE AND SUBSCRIBE</code> end of program</li>
+                <li>
+                    <code class="inline fixed block">DISCOVER HOW TO...WITH</code>
+                    declare a function
+                </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>
+                <li>
+                    <code class="inline fixed block">EXPERTS CLAIM...TO BE</code>
+                    declare or assign to a variable
+                </li>
+                <li>
+                    <code class="inline fixed block">YOU WON'T WANT TO MISS</code>
+                    print output
+                </li>
+                <li>
+                    <code class="inline fixed block">LATEST NEWS ON</code>
+                    take user input
+                </li>
+                <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">AND</code>,
+                    <code class="inline fixed block">OR</code>
+                    and/or boolean operators
+                </li>
+                <li>
+                    <code class="inline fixed block">PLUS</code>,
+                    <code class="inline fixed block">MINUS</code>,
+                    <code class="inline fixed block">TIMES</code>,
+                    <code class="inline fixed block">DIVIDED BY</code>,
+                    <code class="inline fixed block">MODULO</code>
+                    the obvious arithmetic operations
+                </li>
+                <li>
+                    <code class="inline fixed block">IS ACTUALLY</code>
+                    is equal to
+                </li>
+                <li>
+                    <code class="inline fixed block">BEATS</code>,
+                    <code class="inline fixed block">SMALLER THAN</code>
+                    greater than / less than
+                </li>
+                <li>
+                    <code class="inline fixed block">SHOCKING DEVELOPMENT</code>
+                    return from a function
+                </li>
+                <li>
+                    <code class="inline fixed block">PLEASE LIKE AND SUBSCRIBE</code>
+                    end of program
+                </li>
             </ul>
             <footer>
                 <p>