added updated images and wording for index

This commit is contained in:
John Papa 2015-10-15 21:51:10 -04:00
parent c75ed72322
commit 5577d6f669
4 changed files with 20 additions and 8 deletions

View File

@ -27,26 +27,38 @@ include ../../../../_includes/_util-fns
## The End Game
Here's a visual idea of where we're going in this tour, beginning with the "Heroes"
view and its list of heroes:
Here's a visual idea of where we're going in this tour, beginning with the "Dashboard"
view and our most heroic heroes:
figure.image-display
img(src='/resources/images/devguide/toh/heroes-list-1.png' alt="Output of heroes list app")
img(src='/resources/images/devguide/toh/heroes-dashboard-1.png' alt="Output of heroes dashboard")
:markdown
Above the list are two links ("Dashboard" and "Heroes").
We click them to navigate between a Dashboard view and this Heroes view.
We click them to navigate between this Dashboard view and a Heroes view.
After selecting a hero, we can click the "View Details" button and be
wisked away by the router to a "Hero Details" view
We can click a hero to select to be transitioned by the router to a "Hero Details" view
where we can change the hero's name.
figure.image-display
img(src='/resources/images/devguide/toh/hero-details-1.png' alt="Details of hero in app")
:markdown
Links at the top take us back to either of the main views.
The "Back" button returns us to the "Heroes" view.
The "Back" button returns us to the "Dashboard" view.
figure.image-display
img(src='/resources/images/devguide/toh/heroes-list-1.png' alt="Output of heroes list app")
:markdown
Above the Dashboard are two links ("Dashboard" and "Heroes").
We click them to navigate between a Dashboard view and this Heroes view.
We can click the "Heroes" link and be wisked away by the router to
a "Heroes" view where we can see a list of our heroes.
We can click a hero and have the router race us over to a "Hero Details" view
again.
## How We Roll

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 39 KiB