Doc

Author: graham-trott

README.md

@@ -4,7 +4,7 @@
 
 **_EasyCoder_** has [its own website](https://easycoder.github.io) here on GitHub. Here you will find examples, tutorials and a programmer's playground where you can quickly create interactive apps.
 
-## Here are the main benefits of **_EasyCoder_**
+## The main benefits of **_EasyCoder_**
 
  1. It's quick to write browser applications in **_EasyCoder_**. Website development is faster and sites are more reliable because they are more compact and easier to read.
  1. **_EasyCoder_** scripts are smaller than the corresponding JavaScript and are easy to read by most people, not just by programmers. This matters later on when maintenance is needed and the original programmer may no longer be available.

resources/ecs/examples.ecs

@@ -18,6 +18,7 @@
     button ShowLife
     button ShowLifeDoc
     div Status
+    a HowItWorks
     variable Content
     variable Script
     variable Message
@@ -36,6 +37,12 @@
         else if Message is `pause` begin end
         else go to Start
     end
+
+    attach HowItWorks to `how-it-works`
+    on click HowItWorks
+    begin
+        alert `How it works`
+    end
 
     attach Status to `ec-status`
     set ready

resources/md/examples.md

@@ -10,6 +10,10 @@ The following websites were all built entirely in EasyCoder script:
  - [I Wanna Show You](https://iwannashowyou.com)
  - [Vehicle Checks](https://vehiclecheck.netlify.app)
 
+## This website
+
+The ~ec~ website is driven by a script, with text provided as custom Markdown files. These 2 components work closely together and it's not immediately obvious where to start when trying to understand how it's done. <a href="#" id="how-it-works">Here's a page</a> that explains the process.
+
 ## Dice roller /SHOW-DICEROLLER/
 
 This simple demo shows two dice with a random choice of faces. Click either dice to select a new pair of value. A simple animation mimics the rolling of the dice.