Tutorial Updates

guides/release/tutorial/part-1/building-pages.md

@@ -2,7 +2,7 @@
 
 In this chapter, you will build the first few pages of your Ember app and set up links between them. By the end of this chapter, you should have two new pages – an about page and a contact page. These pages will be linked to from your landing page:
 
-<img src="/images/tutorial/part-1/building-pages/index-with-link@2x.png" alt="The Super Rentals app (homepage) by the end of the chapter" width="1024" height="251">
+<img src="/images/tutorial/part-1/building-pages/index-with-link@2x.png" alt="The Super Rentals app (homepage) by the end of the chapter" width="1024" height="100">
 
 <img src="/images/tutorial/part-1/building-pages/about-with-link@2x.png" alt="The Super Rentals app (about page) by the end of the chapter" width="1024" height="275">
 
@@ -197,7 +197,7 @@ However, when clicking on one of these special links, Ember will intercept the c
 
 <!-- TODO: make this a gif instead -->
 
-<img src="/images/tutorial/part-1/building-pages/index-with-link@2x.png" alt="Index page after adding the link" width="1024" height="251">
+<img src="/images/tutorial/part-1/building-pages/index-with-link@2x.png" alt="Index page after adding the link" width="1024" height="100">
 
 <img src="/images/tutorial/part-1/building-pages/about-with-link@2x.png" alt="About page after adding the link" width="1024" height="275">
 

guides/release/tutorial/part-1/orientation.md

@@ -24,7 +24,7 @@ To verify that your installation was successful, run:
 
 ```shell
 $ ember --version
-ember-cli: 6.12.0
+ember-cli: 7.1.0
 node: 20.20.2
 os: linux x64
 ```
@@ -143,14 +143,13 @@ super-rentals
 │   │       ├── vendor.css
 │   │       └── vendor.js
 │   ├── assets
+│   │   ├── app-5_nTqQcj.js
 │   │   ├── app-DgioD2rk.css
-│   │   ├── app-kH0EqUK0.js
-│   │   ├── dist-BUdT4Swa.js
-│   │   ├── main-BINtkAbW.js
-│   │   ├── manager-C2ILo-5D.js
-│   │   ├── modules-4-12-BPXQYON-.js
-│   │   ├── tests-BdSWFklr.css
-│   │   └── tests-CIHkQsCT.js
+│   │   ├── main-DNH4L6UW.js
+│   │   ├── manager-B0lJ9Ju8.js
+│   │   ├── modules-4-12-BhTip8Bn.js
+│   │   ├── tests-BVSHlBAl.js
+│   │   └── tests-C0U09n5o.css
 │   ├── ember-welcome-page
 │   │   └── construction.png
 │   ├── tests
@@ -192,7 +191,7 @@ super-rentals
 ├── testem.cjs
 └── vite.config.mjs
 
-26 directories, 59 files
+26 directories, 58 files
 ```
 
 We'll learn about the purposes of these files and folders as we go. For now, just know that we'll spend most of our time working within the `app` folder.
@@ -219,11 +218,11 @@ Build successful (9761ms)
 
 Slowest Nodes (totalTime >= 5%) | Total (avg)
 -+-
-Babel: @embroider/macros (1) | 330ms
+Babel: @embroider/macros (1) | 242ms
 
 
 
-  VITE v8.0.11  ready in 3171 ms
+  VITE v8.1.4  ready in 2204 ms
 
   ➜  Local:   http://localhost:4200/
 ```

guides/release/tutorial/part-1/working-with-data.md

@@ -132,7 +132,7 @@ import Rental from 'super-rentals/components/rental';
 
 By passing in `@model` into the `<Rental>` component as the `@rental` argument, we will have access to our "Grand Old Mansion" model object in the `<Rental>` component's template! Now, we can replace our hard-coded values in this component by using the values that live on our `@rental` model.
 
-```gjs { data-filename="app/components/rental.gjs" data-diff="-7,-8,+9,+10,-13,+14,-16,+17,-20,+21,-24,+25,-28,+29,-33,-34,+35,+36,-40,+41" }
+```gjs { data-filename="app/components/rental.gjs" data-diff="-7,-8,+9,+10,-13,+14,-16,+17,-20,+21,-24,+25,-28,+29,-33,-34,+35,+36,-41,+42" }
 import RentalImage from 'super-rentals/components/rental/image';
 import Map from 'super-rentals/components/map';
 
@@ -172,8 +172,9 @@ import Map from 'super-rentals/components/map';
       @zoom="9"
       @width="150"
       @height="150"
-      alt="A map of Grand Old Mansion"
-      alt="A map of {{@rental.title}}"
+      role="img"
+      aria-label="A map of Grand Old Mansion"
+      aria-label="A map of {{@rental.title}}"
     />
   </article>
 </template>

guides/release/tutorial/part-2/route-params.md

@@ -77,7 +77,8 @@ import { LinkTo } from '@ember/routing';
       @zoom="9"
       @width="150"
       @height="150"
-      alt="A map of {{@rental.title}}"
+      role="img"
+      aria-label="A map of {{@rental.title}}"
     />
   </article>
 </template>