Merge pull request #173 from easycoder/dev

Refactor help

Author: easycoder

iwsy/resources/help/action-crossfade.md

@@ -4,7 +4,7 @@
 
 This action crossfades the text of a block, replacing it with new content.
 
-~img:resources/users/2020/160/1/images/quickstart/action-crossfade.png:100%~
+~img:https://easycoder.github.io/iwsy/resources/help/img/action-crossfade.png|100%~
 
 The **Action**, **Name** and **Label** properties are present for all actions.
 

iwsy/resources/help/action-fade.md

@@ -4,17 +4,17 @@
 
 This action fades one or more blocks up or down by varying their opacity.
 
-~img:resources/users/2020/160/1/images/quickstart/action-fade.png:100%~
+~img:https://easycoder.github.io/iwsy/resources/help/img/action-fade.png|100%~
 
 The **Action**, **Name** and **Label** properties are present for all actions.
 
-The **Blocks** property is a list of blocks that will be handled by this step. Add another block to the list by clicking the ~img:resources/icon/plus.png:icon~ button.
+The **Blocks** property is a list of blocks that will be handled by this step. Add another block to the list by clicking the ~img:https://easycoder.github.io/iwsy/resources/icon/plus.png|icon~ button.
 
 The **Duration** property is the time in seconds the fade should take.
 
 The **Continue** is **true** or **false**. It governs whether the next step should run at the same time as this one (**true**) or if it should wait until the fade has completed (**false**). A common use for this is to implement a crossfade, where one scene dissoves into another. The **fade down** and **fade up** steps both have the same **Duration** and the first one has **Continue** set **true**. There's also a separate **Crossfade** action; see the documentation ~page:action-crossfade:here~.
 
-When this action runs the blocks referenced are all faded at the same time. You can change the order of display by moving blocks up the list using the ~img:resources/icon/up.png:icon~ buttons. (This has no effect on the show; it's just a convenience for the programmer.) You can delete any block using the ~img:resources/icon/stop.png:icon~ buttons.
+When this action runs the blocks referenced are all faded at the same time. You can change the order of display by moving blocks up the list using the ~img:https://easycoder.github.io/iwsy/resources/icon/up.png|icon~ buttons. (This has no effect on the show; it's just a convenience for the programmer.) You can delete any block using the ~img:https://easycoder.github.io/iwsy/resources/icon/stop.png|icon~ buttons.
 
 Fades and other animated effects run at 25 frames/sec, as a compromise between visual smoothness and processing requirements.
 

iwsy/resources/help/action-init.md

@@ -4,7 +4,7 @@
 
 Every ~iwsy~ presentation starts with an `init` action, which defines the environment in which the presentation will run. The editor looks like this:
 
-~img:resources/users/2020/160/1/images/help/editor-init.png:100%~
+~img:https://easycoder.github.io/iwsy/resources/help/img/editor-init.png|100%~
 
 Here there are a set of _properties_ relating to the `init` action. All these are editable. The Title is there for your convenience; it has no affect on the presentation. The properties are as follows:
 

iwsy/resources/help/action-pause.md

@@ -4,7 +4,7 @@
 
 This action pauses the presentation for a given nmber of seconds.
 
-~img:resources/users/2020/160/1/images/quickstart/pause.png:100%~
+~img:https://easycoder.github.io/iwsy/resources/help/img/pause.png|100%~
 
 The **Action**, **Name** and **Label** properties are present for all actions.
 

iwsy/resources/help/action-set-content.md

@@ -4,11 +4,11 @@
 
 This action calls blocks into existence and assigns content to them. Here's a typical example:
 
-~img:resources/users/2020/160/1/images/quickstart/setup-all-blocks.png:100%~
+~img:https://easycoder.github.io/iwsy/resources/help/img/setup-all-blocks.png|100%~
 
-The **Action**, **Name** and **Label** properties are present for all actions, so that just leaves **Blocks**. This is a list of blocks that will be handled by this step. For each one a **content** items is defined; blocks that are just used to hold a background image or color will leave this empty. Add another block to the list by clicking the ~img:resources/icon/plus.png:icon~ button.
+The **Action**, **Name** and **Label** properties are present for all actions, so that just leaves **Blocks**. This is a list of blocks that will be handled by this step. For each one a **content** items is defined; blocks that are just used to hold a background image or color will leave this empty. Add another block to the list by clicking the ~img:https://easycoder.github.io/iwsy/resources/icon/plus.png|icon~ button.
 
-When this action runs the blocks are created in the order they are listed, so a block lower down the list will mask one that's higher up if they overlap. You can change the order of display by moving blocks up using the ~img:resources/icon/up.png:icon~ buttons. You can delete any block using the ~img:resources/icon/stop.png:icon~ buttons.
+When this action runs the blocks are created in the order they are listed, so a block lower down the list will mask one that's higher up if they overlap. You can change the order of display by moving blocks up using the ~img:https://easycoder.github.io/iwsy/resources/icon/up.png|icon~ buttons. You can delete any block using the ~img:https://easycoder.github.io/iwsy/resources/icon/stop.png|icon~ buttons.
 
 Setting content does not make a block visible. To do that you need either ~page:action-show-hide:show~ or ~page:action-fade:fade up~.
 

iwsy/resources/help/action-show-hide.md

@@ -4,10 +4,10 @@
 
 This action shows or hides one or more blocks.
 
-~img:resources/users/2020/160/1/images/quickstart/action-show.png:100%~
+~img:https://easycoder.github.io/iwsy/resources/help/img/action-show.png|100%~
 
-The **Action**, **Name** and **Label** properties are present for all actions, so that just leaves **Blocks**. This is a list of blocks that will be handled by this step. Add another block to the list by clicking the ~img:resources/icon/plus.png:icon~ button.
+The **Action**, **Name** and **Label** properties are present for all actions, so that just leaves **Blocks**. This is a list of blocks that will be handled by this step. Add another block to the list by clicking the ~img:https://easycoder.github.io/iwsy/resources/icon/plus.png|icon~ button.
 
-When this action runs the blocks referenced are all made visible or invisible. You can change the order of display by moving blocks up the list using the ~img:resources/icon/up.png:icon~ buttons. (This has no effect on the show; it's just a convenience for the programmer.) You can delete any block using the ~img:resources/icon/stop.png:icon~ buttons.
+When this action runs the blocks referenced are all made visible or invisible. You can change the order of display by moving blocks up the list using the ~img:https://easycoder.github.io/iwsy/resources/icon/up.png|icon~ buttons. (This has no effect on the show; it's just a convenience for the programmer.) You can delete any block using the ~img:https://easycoder.github.io/iwsy/resources/icon/stop.png|icon~ buttons.
 
 Next: ~page:action-fade:Fade up and down~

iwsy/resources/help/action-transition.md

@@ -4,7 +4,7 @@
 
 This action performs any combination of zoom, move and changing text size and/or color.
 
-~img:resources/users/2020/160/1/images/quickstart/zoom-title.png:100%~
+~img:https://easycoder.github.io/iwsy/resources/help/img/zoom-title.png|100%~
 
 The **Action**, **Name** and **Label** properties are present for all actions.
 

iwsy/resources/help/buttons.md

@@ -4,26 +4,26 @@
 
 Above this Help page, under the banner, is a panel of buttons. The job of each button is as follows:
 
-~img:resources/icon/new.png:{float:left;height:2em;margin-right:1em}~ Start a new presentation. This clears the workspace. If you have unsaved work it will prompt you to save it. 
+~img:https://easycoder.github.io/iwsy/resources/icon/new|png:{float:left;height:2em;margin-right:1em}~ Start a new presentation. This clears the workspace. If you have unsaved work it will prompt you to save it. 
 
-~img:resources/icon/open.png:{float:left;height:2em;margin-right:1em}~ Open a saved presentation. This displays a list of all presentations and lets you select one. Note that if you are not a registered user, presentations will be saved into your browser's private space. For registered users they are saved to the ~iwsy~ website, into a space allocated to that user.
+~img:https://easycoder.github.io/iwsy/resources/icon/open.png|{float:left;height:2em;margin-right:1em}~ Open a saved presentation. This displays a list of all presentations and lets you select one. Note that if you are not a registered user, presentations will be saved into your browser's private space. For registered users they are saved to the ~iwsy~ website, into a space allocated to that user.
 
 If you have unsaved work you will be prompted to save it before opening the list.
 
-~img:resources/icon/save.png:{float:left;height:2em;margin-right:1em}~ Save your current work. It will be saved using whatever name is shown in the **Script name** box below the buttons. If this box is empty you will be prompted for a name. Files all have ~m:.json~ extensions; if this is omitted it will be added.
+~img:https://easycoder.github.io/iwsy/resources/icon/save.png|{float:left;height:2em;margin-right:1em}~ Save your current work. It will be saved using whatever name is shown in the **Script name** box below the buttons. If this box is empty you will be prompted for a name. Files all have ~m:.json~ extensions; if this is omitted it will be added.
 
-~img:resources/icon/trash.png:{float:left;height:2em;margin-right:1em}~ Delete the current presentation. You will be prompted to confirm before the delete goes ahead.
+~img:https://easycoder.github.io/iwsy/resources/icon/trash.png|{float:left;height:2em;margin-right:1em}~ Delete the current presentation. You will be prompted to confirm before the delete goes ahead.
 
-~img:resources/icon/fileman.png:{float:left;height:2em;margin-right:1em}~ Open the image manager. This shows you all the images you have uploaded to our server. If you are not registered, this button is non-operational.
+~img:https://easycoder.github.io/iwsy/resources/icon/fileman.png|{float:left;height:2em;margin-right:1em}~ Open the image manager. This shows you all the images you have uploaded to our server. If you are not registered, this button is non-operational.
 
-~img:resources/icon/run.png:{float:left;height:2em;margin-right:1em}~ Run your presentation. A player is created in the spacce currently occupied by this Help page and the presentation runs without manual intervention. The button changes to ~img:resources/icon/runstop.png:icon~. If you click this the presentation will stop.
+~img:https://easycoder.github.io/iwsy/resources/icon/run.png|{float:left;height:2em;margin-right:1em}~ Run your presentation. A player is created in the spacce currently occupied by this Help page and the presentation runs without manual intervention. The button changes to ~img:https://easycoder.github.io/iwsy/resources/icon/runstop.png|icon~. If you click this the presentation will stop.
 
-~img:resources/icon/fullscreen.png:{float:left;height:2em;margin-right:1em}~ Run your presentation in full-screen mode. This is the mode you will use when connected to an overhead projector, for example.
+~img:https://easycoder.github.io/iwsy/resources/icon/fullscreen.png|{float:left;height:2em;margin-right:1em}~ Run your presentation in full-screen mode. This is the mode you will use when connected to an overhead projector, for example.
 
 In fullscreen mode the presentation waits for a mouse click or a button press. A mouse click or either of the space or right-arrow keys will cause the presentation to start in manual mode, where it stops after each visual change and waits for you to click or press again. If you press the Enter key the presentation will run according to the timing given by its individual steps. You can interrupt this my clicking or by pressing space or right-arrow.
 
 In some cases the browser will report the screen size incorrectly and some backgrounds will not show properly; if this happens it's best to select full-screen mode in your browser before clicking this button.
 
-~img:resources/icon/help.png:{float:left;height:2em;margin-right:1em}~ Display this help at the page you were last viewing.
+~img:https://easycoder.github.io/iwsy/resources/icon/help.png|{float:left;height:2em;margin-right:1em}~ Display this help at the page you were last viewing.
 
-~img:resources/icon/trash.png:{float:left;height:2em;margin-right:1em}~ Login or Register. This displays the ~page:users:Login panel~.
+~img:https://easycoder.github.io/iwsy/resources/icon/trash.png|{float:left;height:2em;margin-right:1em}~ Login or Register. This displays the ~page:users:Login panel~.

iwsy/resources/help/quickstart/action-crossfade.png renamed to iwsy/resources/help/img/action-crossfade.png

@@ -2,8 +2,8 @@
 
 # The Project panel
 
-The right-hand side of the screen holds the Project panel. When you start up - or after you click the ~img:resources/users/2020/160/1/images/help/new.png:icon~(New) button - it looks like this:
-~img:resources/users/2020/160/1/images/help/project.png:100%~
+The right-hand side of the screen holds the Project panel. When you start up - or after you click the ~img:https://easycoder.github.io/iwsy/resources/icon/new.png|icon~(New) button - it looks like this:
+~img:https://easycoder.github.io/iwsy/resources/help/img/project.png|100%~
 
 There are 3 main sections.