diff options
| author | Terry Truong <terry06890@gmail.com> | 2023-01-28 15:48:59 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2023-01-28 15:48:59 +1100 |
| commit | 873b11ba2c799c41301722187b2519e64147d495 (patch) | |
| tree | 75c4bfeb68083653b8d1a5d6ab7878bc96b88ec4 | |
| parent | 0788bd891c8773f601900300866be8f6ad867bd4 (diff) | |
Update help docs and intro msg
| -rw-r--r-- | src/components/HelpModal.vue | 15 | ||||
| -rw-r--r-- | src/components/IntroModal.vue | 2 |
2 files changed, 9 insertions, 8 deletions
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue index 0aed405..e00a49f 100644 --- a/src/components/HelpModal.vue +++ b/src/components/HelpModal.vue @@ -30,6 +30,7 @@ <p> Events are linked to points on the timeline that match their 'start date'. For a person, this is a date of birth. For a book, this is a date of publication. + A dashed line indicates imprecision. {{touchDevice ? 'Tap' : 'Click'}} on an event to bring up more details. </p> <p> @@ -41,7 +42,7 @@ The + button at the top right adds another timeline, if there's enough space. </p> <p> - The sidebar at the {{vert ? 'right' : 'bottom'}} represents the full range of + The bar at the {{vert ? 'right' : 'bottom'}} represents the full range of possible dates. Each timeline's bounds are displayed as a yellow subregion. Timelines will often look very thin, as the whole bar spans billions of years. </p> @@ -65,11 +66,6 @@ <span class="font-bold">{{vert ? 'Down': 'Right'}}</span> pan the timeline </li> <li> - <span class="font-bold">{{vert ? 'Left' : 'Up'}}</span> and - <span class="font-bold">{{vert ? 'Right' : 'Down'}}</span> - switch between timelines - </li> - <li> <span class="font-bold">Shift-{{vert ? 'Left' : 'Up'}}</span> and <span class="font-bold">Shift-{{vert ? 'Right' : 'Down'}}</span> zoom in and out @@ -78,6 +74,11 @@ <span class="font-bold">Plus</span> and <span class="font-bold">Delete</span> add and remove timelines </li> + <li> + <span class="font-bold">{{vert ? 'Left' : 'Up'}}</span> and + <span class="font-bold">{{vert ? 'Right' : 'Down'}}</span> + switch between timelines + </li> <li><span class="font-bold">Ctrl-F</span> opens the search bar</li> <li><span class="font-bold">Esc</span> closes an open pane</li> </ul> @@ -115,7 +116,7 @@ <li><span class="font-bold">Event lines:</span> Toggles lines linking events to timelines</li> <li><span class="font-bold">Baseline:</span> - Toggles the sidebar representing the full date range</li> + Toggles the bar representing the full date range</li> </ul> </li> <li> diff --git a/src/components/IntroModal.vue b/src/components/IntroModal.vue index c4f5e0f..b8c0319 100644 --- a/src/components/IntroModal.vue +++ b/src/components/IntroModal.vue @@ -11,7 +11,7 @@ <div class="px-4 pb-3 md:pb-4"> <p class="px-2"> - This is an interactive historical timeline, spanning 14 billion years ago to 2030. + This is an interactive historical timeline spanning 14 billion years. </p> <ul class="list-disc pl-4 pt-1"> <li v-if="touchDevice"> |