From 751ab3f834d3239c75c8f6309f41c3952505f2ff Mon Sep 17 00:00:00 2001
From: kylerobertduncan <kylerobertduncan@gmail.com>
Date: Mon, 11 Sep 2023 10:36:33 -0400
Subject: [PATCH] Restore scroll magic IDs, add article credits to readme

---
 articles/yonge-subway-north-extension/article.html | 6 +++---
 articles/yonge-subway-north-extension/article.js   | 2 +-
 articles/yonge-subway-north-extension/readme.md    | 7 +++++--
 3 files changed, 9 insertions(+), 6 deletions(-)

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?
 </p>
 
-<p class="zoomIn">
+<p id="zoomIn">
   Read on for an explainer, and check our map visualization for an idea of what
   it might look like when fully built.
 </p>
@@ -73,7 +73,7 @@ <h3>Where will the extension go?</h3>
   excavated tunnel tubes.
 </p>
 
-<p class="turnNorth">
+<p id="turnNorth">
   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 @@ <h3>Where will the extension go?</h3>
   </figcaption>
 </figure>
 
-<h3 class="resetView">What’s next for the project?</h3>
+<h3 id="resetView">What’s next for the project?</h3>
 
 <p>
   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/)_