Renumber introGraph to shrink it even more

data/core.yaml

@@ -878,7 +878,7 @@ en:
       square_building: "The house that you just added will look even better with perfectly square corners. **Click on the {button} button to square the building shape.**"
       retry_square: "You didn't click the Square button. Try again."
       done_square: "See how the corners of the building moved into place? Let's learn another useful trick."
-      add_tank: "Let's trace this circular storage tank. **Click the {button} Area button to add a new area.**"
+      add_tank: "Next we'll trace this circular storage tank. **Click the {button} Area button to add a new area.**"
       start_tank: "Don't worry, you won't need to draw a perfect circle. Just draw an area inside the tank that touches its edge. **Click or press spacebar to place a starting node on the edge of the tank.**"
       continue_tank: "Add a few more points around the edge. The circle will be created outside the points that you draw. Finish the area by clicking on the starting node. **Continue tracing the tank.**"
       search_tank: "**Search for '{name}'**"

modules/ui/intro/intro.js

@@ -1,4 +1,5 @@
 import * as d3 from 'd3';
+import _ from 'lodash';
 import { t, textDirection } from '../../util/locale';
 import { localNames } from './helper';
 

modules/ui/intro/line.js

@@ -11,7 +11,7 @@ export function uiIntroLine(context, reveal) {
         midpoint = [-85.62975395449628, 41.95787501510204],
         start = [-85.6297754121684, 41.95805253325314],
         intersection = [-85.62974496187628, 41.95742515554585],
-        targetId = 'w17965351',
+        targetId = 'w646',
         lineId = null;
 
 

modules/ui/intro/navigation.js

@@ -6,7 +6,7 @@ import { icon, pointBox } from './helper';
 
 export function uiIntroNavigation(context, reveal) {
     var dispatch = d3.dispatch('done'),
-        hallId = 'n2140018997',
+        hallId = 'n2061',
         timeouts = [];
 
 
@@ -94,7 +94,7 @@ export function uiIntroNavigation(context, reveal) {
     function selectedTownHall() {
         if (!isTownHallSelected()) return clickTownHall();
 
-        var hall = context.entity('n2140018997');
+        var hall = context.entity(hallId);
         var box = pointBox(hall.loc, context);
         var advance = function() { continueTo(inspectTownHall); };
 

modules/ui/intro/point.js

@@ -7,7 +7,8 @@ import { icon, pointBox, pad } from './helper';
 export function uiIntroPoint(context, reveal) {
     var dispatch = d3.dispatch('done'),
         timeouts = [],
-        corner = [-85.632481, 41.944094],
+        intersection = [-85.63279, 41.94394],
+        building = [-85.632422, 41.944045],
         pointId = null;
 
 
@@ -56,11 +57,11 @@ export function uiIntroPoint(context, reveal) {
             return chapter.restart();
         }
 
-        var pointBox = pad(corner, 150, context);
+        var pointBox = pad(building, 150, context);
         reveal(pointBox, t('intro.points.place'));
 
         context.map().on('move.intro drawn.intro', function() {
-            pointBox = pad(corner, 150, context);
+            pointBox = pad(building, 150, context);
             reveal(pointBox, t('intro.points.place'), { duration: 0 });
         });
 
@@ -367,7 +368,7 @@ export function uiIntroPoint(context, reveal) {
 
     chapter.enter = function() {
         context.history().reset('initial');
-        context.map().zoom(19).centerEase([-85.63279, 41.94394]);
+        context.map().zoom(19).centerEase(intersection);
         addPoint();
     };