From 873b11ba2c799c41301722187b2519e64147d495 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sat, 28 Jan 2023 15:48:59 +1100
Subject: Update help docs and intro msg

---
 src/components/HelpModal.vue  | 15 ++++++++-------
 src/components/IntroModal.vue |  2 +-
 2 files changed, 9 insertions(+), 8 deletions(-)

(limited to 'src')

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>
@@ -64,11 +65,6 @@
 								<span class="font-bold">{{vert ? 'Up': 'Left'}}</span> and
 								<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>
@@ -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">
-- 
cgit v1.2.3