diff --git a/articles/yonge-subway-north-extension/article.html b/articles/yonge-subway-north-extension/article.html index eeddec0..d60e693 100644 --- a/articles/yonge-subway-north-extension/article.html +++ b/articles/yonge-subway-north-extension/article.html @@ -38,7 +38,7 @@ So what is this project, why are we building it, and when can we get on board?
-+
Read on for an explainer, and check our map visualization for an idea of what it might look like when fully built.
@@ -73,7 +73,7 @@+
After passing Royal Orchard Blvd., the tunnels will swing east underground, and then back to the north to pop above ground next to the GO Richmond Hill Line. The subway will then continue a short distance before terminating at a @@ -145,7 +145,7 @@
Last week, various levels of government and transit authorities came together diff --git a/articles/yonge-subway-north-extension/article.js b/articles/yonge-subway-north-extension/article.js index 6a39b1b..4f98219 100644 --- a/articles/yonge-subway-north-extension/article.js +++ b/articles/yonge-subway-north-extension/article.js @@ -55,7 +55,7 @@ function addScenes() { sceneList.forEach((s) => { scenes.add(s.id, s.camera); // add a scroll trigger for each scene - module.addScrollTrigger(`.${s.id}`, 0, () => { + module.addScrollTrigger(`#${s.id}`, 0, () => { scenes.goTo(s.id); s.function(); }); diff --git a/articles/yonge-subway-north-extension/readme.md b/articles/yonge-subway-north-extension/readme.md index c6d63b2..909dc7a 100644 --- a/articles/yonge-subway-north-extension/readme.md +++ b/articles/yonge-subway-north-extension/readme.md @@ -1,7 +1,10 @@ # North to Richmond Hill: Breaking down the 8-km Yonge subway extension +**Code and markup by Kyle Duncan** This article uses Torontoverse's `SceneList` module to direct the user to particular elements of the map visualisation at key points in the article scroll. - It fetches geojson data for the existing and proposed sections of TTC Line 1, and also for two connected major bus and train lines, GO and Viva BRT, and adds those to the map. It programatically builds a legend, identifying the different lines, stops, transit hubs or portals, and grade levels of the proposed extension. - Finally, the particular scenes are created and connected to elements in the article that will be triggered using the [Scroll Magic](http://scrollmagic.io/) plugin. + +--- + +_Article written by [Reece Martin](https://rmtransit.com/)_