From 11caeefa4a3de21a20e66795f0ed06b0df692234 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Wed, 6 Jul 2022 20:54:01 +1000
Subject: Add somewhat-dynamic font-sizes in headers

---
 src/components/TutorialPane.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'src/components/TutorialPane.vue')

diff --git a/src/components/TutorialPane.vue b/src/components/TutorialPane.vue
index 3593a79..9a27dd1 100644
--- a/src/components/TutorialPane.vue
+++ b/src/components/TutorialPane.vue
@@ -7,18 +7,18 @@
 	</h1>
 	<transition name="fade" mode="out-in">
 		<div v-if="stage == 0" :style="contentStyles">
-			This site provides a visualisation for the biological Tree of Life.
+			This is a visualiser for exploring the biological Tree of Life.
 		</div>
 		<div v-else-if="stage == 1" :style="contentStyles">
-			{{touchDevice ? 'Tap' : 'Click'}} a tile to expand it and show it's children
+			{{touchDevice ? 'Tap' : 'Click'}} a tile to expand it, showing it's children
 		</div>
 		<div v-else-if="stage == 2" :style="contentStyles">
-			{{touchDevice ? 'Tap' : 'Click'}} an expanded tile's header to shrink it
+			{{touchDevice ? 'Tap' : 'Click'}} an expanded tile's title to shrink it
 		</div>
 		<div v-else-if="stage == 3" :style="contentStyles">
 			{{touchDevice ? 'Double tap' : 'Click and hold'}} a tile to hide it's ancestors
 			<span class="block text-sm brightness-50">
-				For an expanded tile, use the header
+				For an expanded tile, {{touchDevice ? 'double tap' : 'click and hold'}} it's title
 			</span>
 		</div>
 		<div v-else-if="stage == 4" :style="contentStyles">
@@ -28,7 +28,7 @@
 			{{touchDevice ? 'Tap' : 'Click'}} the icon on a tile's bottom-right to
 			bring up more information
 			<span class="block text-sm brightness-50">
-				For an expanded tile, it's on the header's right
+				For an expanded tile, it's to the right of the title
 			</span>
 		</div>
 		<div v-else-if="stage == 6" :style="contentStyles">
-- 
cgit v1.2.3

