From 65e403c524de5bc0b6fdffaa55f96caadcc612db Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Fri, 5 May 2017 16:04:48 -0400
Subject: [PATCH] Add a bit more instruction about dragging, mention keyboard
 arrow keys (closes #4015)

---
 data/core.yaml                 | 2 +-
 dist/locales/en.json           | 2 +-
 modules/ui/intro/navigation.js | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/data/core.yaml b/data/core.yaml
index b22f7855c..0f95075d6 100644
--- a/data/core.yaml
+++ b/data/core.yaml
@@ -915,7 +915,7 @@ en:
       chapters: "So far, so good! You can use the buttons below to skip chapters at any time or to restart a chapter if you get stuck. Let's begin! **Click '{next}' to continue.**"
     navigation:
       title: "Navigation"
-      drag: "The main map area shows OpenStreetMap data on top of a background. You can navigate by dragging and scrolling, just like any web map. **Drag the map!**"
+      drag: "The main map area shows OpenStreetMap data on top of a background.{br}You can drag the map by pressing and holding the left mouse button while moving the mouse around. You can also use the arrow keys on your keyboard. **Drag the map!**"
       zoom: "You can zoom in or out by scrolling with the mouse wheel or trackpad, or by clicking the {plus} / {minus} buttons. **Zoom the map!**"
       features: "We use the word *features* to describe the things that appear on the map. Anything in the real world can be mapped as a feature on OpenStreetMap."
       points_lines_areas: "Map features are represented using *points, lines, or areas.*"
diff --git a/dist/locales/en.json b/dist/locales/en.json
index 8eae9ecab..a5a0e6f65 100644
--- a/dist/locales/en.json
+++ b/dist/locales/en.json
@@ -775,7 +775,7 @@
             },
             "navigation": {
                 "title": "Navigation",
-                "drag": "The main map area shows OpenStreetMap data on top of a background. You can navigate by dragging and scrolling, just like any web map. **Drag the map!**",
+                "drag": "The main map area shows OpenStreetMap data on top of a background.{br}You can drag the map by pressing and holding the left mouse button while moving the mouse around. You can also use the arrow keys on your keyboard. **Drag the map!**",
                 "zoom": "You can zoom in or out by scrolling with the mouse wheel or trackpad, or by clicking the {plus} / {minus} buttons. **Zoom the map!**",
                 "features": "We use the word *features* to describe the things that appear on the map. Anything in the real world can be mapped as a feature on OpenStreetMap.",
                 "points_lines_areas": "Map features are represented using *points, lines, or areas.*",
diff --git a/modules/ui/intro/navigation.js b/modules/ui/intro/navigation.js
index 4a113bd0c..ad36e2670 100644
--- a/modules/ui/intro/navigation.js
+++ b/modules/ui/intro/navigation.js
@@ -59,7 +59,7 @@ export function uiIntroNavigation(context, reveal) {
                 var centerNow = context.map().center();
                 if (centerStart[0] !== centerNow[0] || centerStart[1] !== centerNow[1]) {
                     context.map().on('move.intro', null);
-                    timeout(function() { continueTo(zoomMap); }, 1500);
+                    timeout(function() { continueTo(zoomMap); }, 3000);
                 }
             });
 
@@ -94,7 +94,7 @@ export function uiIntroNavigation(context, reveal) {
         context.map().on('move.intro', function() {
             if (context.map().zoom() !== zoomStart) {
                 context.map().on('move.intro', null);
-                timeout(function() { continueTo(features); }, 1500);
+                timeout(function() { continueTo(features); }, 3000);
             }
         });